前端要懂的色域知识

前端也要面对“五彩斑斓的红”这种世纪难题了吗？
rgb(255, 0, 0)真的是红色吗
现在有个 CSS 色值：rgb(255, 0, 0)，请问一下各位，在网页上展示的是什么颜色？
各位可能不用思考就马上能够脱口而出：红色！
But，各位有没有想过，这个色值可能不是“红色”，至少不是你想象中的那种“红色”？
什么？！前端也要面对“五彩斑斓的红”这种世纪难题了吗？
色彩空间
人眼能看到的所有颜色是某些特定波长的光，这些所有的颜色称为颜色空间。色彩空间如何描述？使用最广泛的颜色空间图是国际照明委员会（CIE）在1931年制定的：

作者：奕辰
链接：https://juejin.im/post/5ee0c7976fb9a047bb6a6411
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
图1
需要说明的是，色彩空间其实不是一个类似“马蹄形的二维图像”，真实的色彩空间是一个三维空间，只不过三维空间不利于理解和比较，所以习惯上用的是其通过一定数学转换的二维空间图。

色域 或者称之为色彩标准，在近几十年来有不同的机构发展出了不同色彩标准。
图2
每种色彩标准是不同行业主导的，比如 sRGB，这是高清电视、PC、专业图像处理的色彩标准，由微软主导。 这个标准也是前端最常接触的色彩标准，也是计算机世界支持最广泛 的色彩标准之一。
而 DCI-P3 则是由米高梅、迪士尼、华纳等影业巨头联合推出的数字电影色彩标准之一。
而 Display-P3（类似 DCI-P3 ） 则是苹果主导的色彩标准，已广泛用在其软件产品和硬件产品上。图2
每种色彩标准是不同行业主导的，比如 sRGB，这是高清电视、PC、专业图像处理的色彩标准，由微软主导。 这个标准也是前端最常接触的色彩标准，也是计算机世界支持最广泛 的色彩标准之一。
而 DCI-P3 则是由米高梅、迪士尼、华纳等影业巨头联合推出的数字电影色彩标准之一。
而 Display-P3（类似 DCI-P3 ） 则是苹果主导的色彩标准，已广泛用在其软件产软件产品和硬件产品上。