css配色大全和色彩原理

一、颜色是怎么产生的

先有光才有色

颜色分类

1. 会发光: 本身的颜色
2. 不会发光: 光反射的颜色
   • 白色反射所有色光
   • 黑色吸收所有色光
   • 其他颜色只反射本身颜色的光
3. 常说的"固有色"是太阳光反射的颜色

光源

1. 太阳光(硬)
2. 灯(柔)
3. 离光源越远光影越柔

CSS中颜色表示方法

1. 直接用颜色的英文名表示
2. RGB（x,y,z)函数表示,x、y、z、分别是红色、绿色、蓝色的值，x,y,z∈[0,225]，亦可用百分比表示；对比rgba（x,y,z,a）中a是alpha通道设置透明度取值0~1
3. 十六进制表示，eg：#ff0000;前两位表示红色，中间两位表示绿色，后两位表示蓝色，范围为00-ff，注意缩写形式
4. hsl（色相，饱和度，亮度）：h：色相，表示范围0_{360，如下如色环；s：饱和度，取值范围是0.0%}100%l；亮度：取值范围0.0%~100%；同理hsla
5. 直接设置透明度：transparent

CSS中颜色表示方法及颜色表</