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

简介
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广色域也未容纳的颜色。

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

这个模型下的色彩似乎更加柔和一些，减少了锐度

确实感觉看上去要舒服些

人类感知亮度确实比纯色彩的亮度要更友好，不过在界面设计的时候，颜色之间的对比度也许比较重要（对比度达标的话，用什么颜色表示方式应该无所谓）。在创建亮度不同的调色盘的时候，感觉这个会比较有优势

很直观的颜色表示模型，个人比较喜欢浅绿色多一点

可以啊，还有这种研究

没有涉及过专业的设计之类的领域，基本平时配色什么的都是随便弄弄连rgb都没注意过感觉这种更看不懂

感谢推荐。我有在做一个Wiki网站的外观，确实需要这种资料

好像是挺方便，不过咱不画画用不着xwxw

确实颜色更柔和一些，左边的看着刺眼

这个颜色看着蛮像提夫尼蓝的，看着蛮舒服

之前有试过类似的，深绿色是最舒适的，完全没有扎眼的感觉，荧光是大雷..

有没有什么分析颜色，然后提供用涂料比例来配色的东东，刚把家里的墙上弄出水痕，想掩盖犯罪现场

感觉内容还挺专业的 以前编辑帖子的时候有考虑过配色问题，不过结果都比较随心所欲。

感觉这种颜色搭配能用到的地方还是蛮多的

挺不错的 可以自己耐心调出喜欢的颜色

谢谢大佬的分享 不错的调色网站

艺术学人的dna动了，感觉是把饱和度和亮度调到了人眼比较舒适的区间，挺不错的

买屏幕一般也会先考虑sRGB和ps色域的覆盖，然后再看看校色如何，买到手之后还得自己调整一下。这个新模型看着是更降低校色的难度也更符合人烟直觉。而绘画的话，我习惯HSV和RGB一起用着调色

感觉还可以诶，应该会用得上