顏色表示

• 顏色插件
• 顏色表示
• 常見顏色

一、顏色插件

打開PS太麻煩的話，推薦一款神器FSCapture，輕量級，可吸取顏色可截圖可、、、反正真好用。

 

二、顏色表示

1、顏色名

HTML和CSS顏色規范中定義了147種顏色名（17種標准色加130種其他顏色）。

如：red，green，blue；

2、16進制

如：紅色#FF0000，綠色#008000，藍色#0000FF；

取值范圍：所有值 00-FF；相同的值可以縮寫，如#ff0;

字母大小寫都可以，一般為3或者6位數字，4位的前三位每一位分別表示R G B，最后一位表示透明度，相當於rgba。

3、rgb（Red,Green,Blue）

使用CSS提供的rgb（）函數表示顏色；

如：紅色rgb（255,0,0），綠色rgb（0,255,0），藍色rgb（0,0,255）；

取值范圍0-255的整數或0%-100%的整數百分比，百分比和數字值不能混用。

4、hsl （Hue,Saturation,Lightness）/（色調、飽和度、亮度）

使用CSS提供的hsl（）函數表示顏色；

如：紅色hsl（0,100%,50%）,綠色hsl（120,100%，50%），藍色hsl（240,100%，50%）；

取值范圍：h 取值范圍為0~360，可以為整數也可以取浮點數；s 和 l 的取值范圍0%~100%。

5、rgba()，hsla()，transparent

帶透明的顏色，a為alpha，表示透明度，取值0~1之間，0表示完全透明，1表示完全不透明，0.3可以簡寫成 .3。

三、常見顏色

建議使用16進制或者RGB，不建議使用顏色名，因為不同瀏覽器對顏色名稱的定義不同。RGB常用顏色列表。