【网站推荐】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广色域也未容纳的颜色。
这里补一张常用的色域表:
这个模型下的色彩似乎更加柔和一些,减少了锐度 确实感觉看上去要舒服些 人类感知亮度确实比纯色彩的亮度要更友好,不过在界面设计的时候,颜色之间的对比度也许比较重要(对比度达标的话,用什么颜色表示方式应该无所谓)。在创建亮度不同的调色盘的时候,感觉这个会比较有优势 很直观的颜色表示模型,个人比较喜欢浅绿色多一点{:6_169:} 可以啊,还有这种研究 没有涉及过专业的设计之类的领域,基本平时配色什么的都是随便弄弄连rgb都没注意过感觉这种更看不懂 感谢推荐。我有在做一个Wiki网站的外观,确实需要这种资料 好像是挺方便,不过咱不画画用不着xwxw 确实颜色更柔和一些,左边的看着刺眼 这个颜色看着蛮像提夫尼蓝的,看着蛮舒服 之前有试过类似的,深绿色是最舒适的,完全没有扎眼的感觉,荧光是大雷.. 有没有什么分析颜色,然后提供用涂料比例来配色的东东,刚把家里的墙上弄出水痕,想掩盖犯罪现场{:6_164:} 感觉内容还挺专业的{:6_194:} 以前编辑帖子的时候有考虑过配色问题,不过结果都比较随心所欲。 感觉这种颜色搭配能用到的地方还是蛮多的 挺不错的 可以自己耐心调出喜欢的颜色 谢谢大佬的分享 不错的调色网站 艺术学人的dna动了,感觉是把饱和度和亮度调到了人眼比较舒适的区间,挺不错的 本帖最后由 亚洛斯 于 2024-11-27 10:45 编辑
买屏幕一般也会先考虑sRGB和ps色域的覆盖,然后再看看校色如何,买到手之后还得自己调整一下。这个新模型看着是更降低校色的难度也更符合人烟直觉。而绘画的话,我习惯HSV和RGB一起用着调色 感觉还可以诶,应该会用得上