%20retains%20perceived%20lightness%20for%20different%20hue%20angles/w_900,c_fit,co_rgb:232129,g_north_west,x_70,y_540,l_text:ubuntu_38:%40stefanjudis/stefan-judis-website/social-image-with-new-dude)
oklch() 在不同色调角度下保持感知亮度 (#tilPost)
💡
原文英文，约600词，阅读约需3分钟。
📝
内容提要
这篇文章介绍了使用oklch()替代hsl()来创建颜色调色板和设计系统的原因。新设备和显示器可以显示sRGB颜色空间中未定义的颜色，而oklch()可以解决这个问题。oklch()的参数易于理解，而且在调整色调时保持了感知亮度。总之，oklch()是一个可以避免颜色对比问题的好选择。
🎯
关键要点
- 建议使用oklch()替代hsl()来创建颜色调色板和设计系统。
- 新设备和显示器能够显示sRGB颜色空间中未定义的颜色，oklch()可以解决这个问题。
- oklch()的参数（亮度、色度和色相）易于理解，类似于hsl()。
- oklch.com网站可以查看和转换oklch()颜色。
- oklch()在调整色相时保持感知亮度，而hsl()则会改变颜色的感知亮度。
- 使用oklch()可以避免颜色对比问题，确保文本可读性。
- oklch()在现代浏览器中得到支持，可以立即使用。
➡️
