原文英文,约600词,阅读约需3分钟。
📝
内容提要
这篇文章介绍了使用oklch()替代hsl()来创建颜色调色板和设计系统的原因。新设备和显示器可以显示sRGB颜色空间中未定义的颜色,而oklch()可以解决这个问题。oklch()的参数易于理解,而且在调整色调时保持了感知亮度。总之,oklch()是一个可以避免颜色对比问题的好选择。
🎯
关键要点
-
建议使用oklch()替代hsl()来创建颜色调色板和设计系统。
-
新设备和显示器能够显示sRGB颜色空间中未定义的颜色,oklch()可以解决这个问题。
-
oklch()的参数(亮度、色度和色相)易于理解,类似于hsl()。
-
oklch.com网站可以查看和转换oklch()颜色。
-
oklch()在调整色相时保持感知亮度,而hsl()则会改变颜色的感知亮度。
-
使用oklch()可以避免颜色对比问题,确保文本可读性。
-
oklch()在现代浏览器中得到支持,可以立即使用。