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

【网站推荐】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广色域也未容纳的颜色。

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

娱乐法师火布偶 发表于 2024-11-27 03:32:50

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

2302594 发表于 2024-11-27 06:44:25

确实感觉看上去要舒服些

limsao 发表于 2024-11-27 06:47:21

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

凯诺斯 发表于 2024-11-27 08:08:17

很直观的颜色表示模型,个人比较喜欢浅绿色多一点{:6_169:}

艾德希斯 发表于 2024-11-27 08:18:37

可以啊,还有这种研究

you9632587 发表于 2024-11-27 08:49:49

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

归北溟 发表于 2024-11-27 08:59:42

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

枫_Age 发表于 2024-11-27 09:10:33

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

soulanthem 发表于 2024-11-27 09:13:20

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

hm983763907 发表于 2024-11-27 09:27:06

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

2297988 发表于 2024-11-27 09:30:24

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

Riverlethe 发表于 2024-11-27 09:52:43

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

黑达克 发表于 2024-11-27 10:18:54

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

不是卖萌的基佬 发表于 2024-11-27 10:20:55

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

提尔特 发表于 2024-11-27 10:21:18

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

多塔尔号 发表于 2024-11-27 10:25:21

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

Blanco 发表于 2024-11-27 10:28:59

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

亚洛斯 发表于 2024-11-27 10:43:27

本帖最后由 亚洛斯 于 2024-11-27 10:45 编辑

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

Wanda 发表于 2024-11-27 10:57:02

感觉还可以诶,应该会用得上
页: [1] 2 3
查看完整版本: 【网站推荐】OKLCH:更符合人类视觉的调色方案