颜色表示

• 颜色插件
• 颜色表示
• 常见颜色

一、颜色插件

打开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常用颜色列表。