【网站推荐】OKLCH：更符合人类视觉的调色方案

星之子 · 发表于 2024-11-27 03:04:23

简介
OKLCH 是一种新的颜色表示模型，全称是“Oklab Luminance-Chroma-Hue”，其在色彩感知一致性和视觉真实性方面更加优秀。
传统的 HSL 模型中，三个参数分别指的是 Hue 色相 / Saturation 饱和度 / Lightness 明度。简单理解，这三者分别代表了“是什么颜色、浓还是淡、亮还是暗”。相比于 RGB 的红绿蓝三色混合，显然后者是一个更符合人脑直觉、容易“想象”的颜色模型，可以通过颜色的编码就大致有所把握。比如：
HSL(180, 50%, 80%) = ███████████
180°：色相环0°是红色，360°是品红，180°差不多刚好是介于蓝绿之间的天青色。
50%S：颜色不是很浓，越淡越是偏向“灰色”，所以这是一个不是很“扎眼”的青。
80%L：亮度比较高，说明偏白，是一个比较亮的颜色。

OKLCH
OKLCH 和 HSL 的思路相同，但用可感知亮度曲线替换了亮度。这是因为人眼对不同频率的光的敏感度不同：比如，人只有三种视锥细胞，因此对各个颜色的敏感度不同，其中绿色最为敏感；再比如，鸟类因为有四种视锥细胞因此可以看到紫外线，一说人类也存在所谓“四色视觉”者等等。
HSL 可以理解为“机器视角”，即对于各种色相的敏感度一致；而 OKLCH 刚好是这一点的补充。使用这种色彩模型调出的配色会更丝滑（德芙打钱）。

使用方法

本质上就是一个调色板，使用难度不大。
需要注意的是：白线外的部分是sRGB色域无法覆盖的部分，在大多数屏幕上，这些颜色无法完美显示。颜色没有覆盖到的区域，则是比较先进的P3广色域也未容纳的颜色。

这里补一张常用的色域表：