1. 程式人生 > >HTML和CSS:如何描述一個顏色

HTML和CSS:如何描述一個顏色

    表示一個RGB的顏色有三種方法。

一、十六進位制的字元號

    由三部分或四部分組成:red、green、blue(、和透明度)。每一個組成部分可以用0到255(0x00到0xFF),或者可以選擇用一個數字代替0到15(0x0到0xF)。

    所有的組成部分必須使用相同的數量的數字。如果使用單個數字的符號(0x0到0xF),最終的顏色通過使用每個組成部分兩次進行計算,也就是說,"#D"將被當做“#DD”

 

二、RGB功能表示法

 

    使用rgb()函式,這個函式接受三個或四個引數。前三個引數值用(0~255)或(0%~100%)表示,分別代表:red、green、blue。第四個引數是可選的,代表透明度,值用百分比(0%~100%)或(0.0~1.0)來表示。

三、HSL 功能表示法

    HSL(Hue顏色、sturation飽和度、Luminosity亮度)。css中用hsl()來表示。

一個HSL顏色桶
一個HSL顏色桶

 

    Hue(顏色):是一個代表顏色光譜車輪上的具體顏色;Saturation(飽和):是一個從灰色到指定顏色的百分比;luminance(透明):從最黑暗到最光亮。

     Hue的值是一個度(0度~360度),確定了一個基礎的顏色,從紅色到黃色、綠色、青色、藍色和洋紅色(最後再回到紅色)。該值可以在CSS支援的任何<angle>單元中指定,度數(deg)、弧度(rad)、梯度(grad)或匝數(turn)。但不能控制顏色的鮮豔和暗淡,也不能控制顏色的亮和暗。單位預設是度數(deg)。

     staturation定義了指定顏色所佔的百分比(0%~100%);luminance定義了灰色的程度,值為0%(最暗)~100%(最亮)。