Color--颜色值以及颜色属性（学习记录）
color 颜色的属性
在日常写css颜色样式，例如文字颜色，背景颜色、阴影颜色等，颜色的属性等这些描述的时候都用到了css-color。
| 颜色属性 | 说明 |
|---|---|
| background-color | 背景颜色 |
| border-color | 边框颜色 |
| outline-color | 轮廓颜色 |
| text-decoration-color | 文本下划线颜色 |
| text-emphasis-color (en-US) | 对文字进行强调装饰的方法 |
| text-shadow | 文本阴影颜色 |
| caret-color | 插入光标（caret）的颜色 |
| column-rule-color | 列之间的颜色 |
| color-adjust (en-US) | 是否允许浏览器自己调节颜色以便有更好的阅读体验 |
background-color:#666999;
border-color:red;
text-decoration-color:#333;
CSS4 color-adjust属性
color-adjust原本是个非标准属性，CSS Color Module Level 4的工作草案加入了，算是有了名分了，值得介绍一番。
color-adjust这个CSS属性作用用一句话表述：是否允许浏览器自己调节颜色以便有更好的阅读体验。
economy 默认值。economy英文直译意思是“经济”，“节省”。表现为，浏览器（或其他客户端）对于元素进行样式上的调整，调整的规则由浏览器自己决定，以免达到更好的输出效果。例如，当打印时，浏览器会选择省略所有背景图像，并调整文本颜色，以确保对比度对于白纸上的阅读是最佳的
exact则是“精确”，“准确”的意思。意思是告诉浏览器，我设置的这些颜色，背景啥的都是有必要的，精确匹配的，你不要自作聪明帮我做调整
color-adjust: economy;
color-adjust: exact;
伪元素颜色
p::first-letter{
color:pink;
}
p::first-line{
color:yellow;
}
color 颜色值
写的最多颜色值的格式的是十六进制的css样式例如：#333333、rgb(0,0,0)，其实还有其他格式。在CSS中颜色的书写可以分为几类：
- 关键字（如；red、blue、green、transparent）
- RGB立体坐标（以"#"开头的十六进制或者rgb()、rgba()函数表达形式的）
- HSL圆柱坐标（以 hsl() 和 hsla() 函数表达式的形式）
- hwb()
1.关键字
其实关键字就是英文颜色单词，如：white–白色、black–黑色、red–红色等等。
一个颜色可以包括一个alpha通道透明度值，来表明颜色如何与它的背景色混合
transparent 关键字表示一个完全透明的颜色，即该颜色看上去将是背景色。从技术上说，它是带有阿尔法通道为最小值的黑色，是 rgba(0,0,0,0) 的简写。
currentColor关键字 它继承自父级的 color 属性。
p{
color:blue;
}
a{
color:transparent;
}
div{
background-color:currentColor;
}
2.rgb()
rgb是红-绿-蓝（red-green-blue）的缩写
十六进制符号：#RRGGBB[AA]
R（红）、G（绿）、B （蓝）和A （alpha）是十六进制字符（0–9、A–F）。A是可选的。比如，#ff0000等价于#ff0000ff
p{
color:#336699;
}
a{
color:#000fff
}
十六进制符号：#RGB[A]
R（红）、G（绿）、B （蓝）和A （alpha）是十六进制字符（0–9、A–F）。A是可选的。三位数符号（#RGB）是六位数形式（#RRGGBB）的减缩版。比如，#f09和#ff0099表示同一颜色。类似地，四位数符号（#RGBA）是八位数形式（#RRGGBBAA）的减缩版。比如，#333和#333333表示相同颜色。
p{
color:#333;
}
a{
color:#333333;
}
函数符： rgb[a](R, G, B[, A])
R（红）、G（绿）、B （蓝）可以是（数字），或者（百分比），255相当于100%。A（alpha）可以是0到1之间的数字，或者百分比，数字1相当于100%（完全不透明）。
p{
color:rgb(214,214,214)
}
div{
color:rgba(42,215,64,0.7)
}
函数符：rgb[a](R G B[ / A])
CSS 颜色级别 4 支持用空格分开的值。
3.hsl()
颜色也可以使用 hsl() 函数符被定义为色相-饱和度-亮度（Hue-saturation-lightness）模式。HSL 相比 RGB 的优点是更加直观：你可以估算你想要的颜色，然后微调。它也更易于创建相称的颜色集合。（通过保持相同的色相并改变亮度/暗度和饱和度）
p{
color:hsl(120, 100%, 50%);
}
4.hwb()
css4 color 制定的颜色函数,目前只有Safari 15和Safari on iOS 15支持，其他浏览器都不支持，慎用。
p{
color:hwb(0,60%,60%);
}