CSS oklch()

原创
admin 4个月前 (08-23) 阅读数 15 #CSS

oklch()

函数记号 oklch() 在 Oklch 颜色空间中表示指定颜色。此函数记号与 oklab() 有相同的 L 轴,但使用极坐标 C(色度)和 H(色相)。

自2023年5月以来,此功能已在最新设备和浏览器版本中可用。此功能可能无法在旧设备或浏览器中运行。

oklch() 颜色空间是一种感知均匀的颜色空间,这意味着人眼对颜色变化的感知与颜色空间中的距离成正比。这使得 oklch() 成为创建和谐、一致的颜色调色板的理想选择。

oklch() 函数接受三个参数:L(亮度)、C(色度)和 H(色相)。L 值范围从 0 到 1,表示从黑到白的亮度。C 值范围从 0 到 0.37,表示颜色的饱和度。H 值范围从 0 到 360,表示颜色的色相。

使用 oklch() 可以轻松创建具有特定视觉属性的颜色,例如鲜艳的颜色、柔和的颜色或具有特定色调的颜色。这使得 oklch() 成为设计师和开发人员的强大工具,可以创建美观且一致的用户界面。

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权本站发表,未经许可,不得转载。

上一篇:CSS oklab() 下一篇:CSS opacity()
作者文章
热门
最新文章
标签列表