颜色相关概念（不属于前端）
色调：通俗的颜色
饱和度：灰色的含量，越多灰，饱和度越小
亮度：黑色的含量，越少黑，越亮
对比度：前景色和背景色之间的差异
web安全色（可以查）：不需要担心颜色在不同系统 硬件 浏览器之间的差异，大概216（有时候说210），色彩210，非色彩6
前景色和背景色
color属性：定义html中文本（大多指文字）的颜色，即前景色 ，大多默认为黑色
chrome 有默认样式
背景色是什么， 从chrome后台看不到，可以用组合选择器 html，body{color: } 设置颜色后文字背景也变了，说明默认为透明（非色彩），和背景色一起变，不然会有一块颜色出来的
颜色的命名/3种（3为hsl）
1.单词：不常用，在不同浏览器有差别，数量有限可以识别出147中预定义颜色左右，lightgreen
2.RGB(red green blue三原色，好多种三原色，这是色光三原色)
使用方式：
函数式RGB rgb( r, g, b ) 值为0~255 rgb(0,0,0)，黑色，全255，白色
十六进制RGB #rgb 每个颜色两位，范围从00-FF 0~9~a~F 特殊：如果每个颜色两位相同，可省略其中一个3300FF=30F
透明度(CSS3)
1.0完全不透明，0完全透明
opacity:同时修改背景和前景色
rgba a为透明度
;不能忘
颜色模式（CSS3，新的，可能不支持）
3.hsl模式 ：hsl hsla 色度 饱和度 亮度
怎么表示：0~360° 100% 100% 0~1 50%标准色
单位
绝对值：例子：in英寸；cm厘米；mm；pt 点-印刷度量单位；pc派卡-印刷术语
相对值：px电脑分辨率，分辨率大，每个像素值小，图标小 屏幕大小固定800*600，宽度等分为800份，高度等分600份，每份得到固定宽度和高度，即一个像素值，主流浏览器为16px
em 相对于父级元素的大小，父级没有设置字体大小的话，是相对于浏览器的大小，用于移动端多
ex，相对于小写x的大小，不同字体可能是不同的，较少用
百分值：可以大于100%，相对于父级