一、关键词(预定意义的颜色名)
常见颜色取值:
- red:红色
- green:绿色
- blue:蓝色
- yellow:黄色
- orange:橘色
- skyblue:天蓝色
- pink:粉色
color: red;
二、RGB表示法
光学三原色(RGB):红、绿、蓝 [6] 。光学三原色混合后,组成显示屏显示颜色,三原色同时相加为白色,白色属于无色系(黑白灰)中的一种。
每项取值范围:0~255
常见颜色取值:
- rgb(255,0,0):红色
- rgb(0,255,0):绿色
- rgb(0,0,255):蓝色
- rgb(0,0,0):黑色
- rgb(255,255,255):黑色
color: rgb(255, 0, 0);
三、rgba表示法
比rgb表示法多一个a,a表示透明度
a的取值范围:0~1
- 1:完全不透明
- 0:完全透明
color: rgba(255, 0, 0,0.5);
四、十六进制表示法
取值范围:
- 两个数字为一组,每个数字的取值范围0~9,a,b,c,d,e,f
省略写法:
- 如果三组中,每组数字都相同,此时可以每组可以省略只写数字
- 正确写法:#ffaabb改写成#fab
常见取值:
- #fff:白色
- #000:黑色
以上了解即可,实际开发中可直接使用测量工具得到颜色,直接 Ctrl+c Ctrl+v 即可。