前端杂记(一) CSS中的颜色

194 阅读1分钟

最近每天都在研究CSS,这几天突然对颜色感兴趣。以前以为CSS中的颜色包括自然环境中的所有自然颜色,实际上不是,过去7年的网页开发中,都是用到的SRGB,无法显示最亮和最鲜艳的颜色。

所有浏览器都支持标准的颜色名,限定在16 个标准色,例如,blue,pink这些最基本的颜色,但是orange游走在三角形的边缘,所以初代的CSS没有橘色的标准色,在CSS2才添加。

91ef76c6a7efce1b0291d1f247dd29d9b58f65e0.jpeg

白色的三角形是SRGB显示器能够显示的区域,可以看到的是,边角上的明艳的颜色不包含在内,所以计算机的图片和真实世界相比,会有失真的问题,为此Adobe和微软联合开发了Adobe RGB,但是也没有完全解决,后面又有新的技术标准。

现有的LCD及LED/OLED显示技术,并没有能力去实现连续的光谱。只能够通过红、绿、蓝三原色去进行搭配并试图模拟自然界所有的颜色。

image.png

RGB能够表示256的三次方,1600万种颜色。而大多数显示器,只能显示1.6万种颜色。

IE9以上支持HSL颜色,用色调,饱和度,亮度来显示颜色。可以说,想要实现画面和现实世界深度还原,显示器技术的进步也十分关键。