顏色相關概念（不屬於前端）

色調：通俗的顏色

飽和度：灰色的含量，越多灰，飽和度越小

亮度：黑色的含量，越少黑，越亮

對比度：前景色和背景色之間的差異

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%，相對於父級