现代 CSS 颜色
OKLCH 转换器 - HEX、RGB 与 HSL 转 OKLCH
将 HEX、RGB 或 HSL 颜色转换为 OKLCH，并同时复制现代 CSS oklch()、HEX、RGB、HSL 和 HSV 格式。
明度
0.62
色度
0.188
色相
260
颜色格式
如何使用
粘贴常见颜色值，查看它的 OKLCH 明度、色度和色相。需要更稳定地调整明暗或建立现代 CSS 颜色 token 时，OKLCH 会更好用。
- 1 输入 HEX、RGB 或 HSL 颜色。
- 2 查看 OKLCH 的明度、色度和色相。
- 3 复制 CSS oklch()，或与传统格式对照。
常见问题
OKLCH 描述什么？
OKLCH 描述感知明度、色度和色相，因此很多颜色调整会比 HSL 更均匀。
可以粘贴 RGB 或 HSL 吗？
可以。工具支持 HEX、RGB/RGBA 和 HSL/HSLA 输入，并转换为 OKLCH。
应该把所有 HEX 都替换成 OKLCH 吗？
不一定。HEX 仍然紧凑直观；OKLCH 更适合生成色阶和做可预测的明度调整。
OKLCH 支持透明度吗？
CSS oklch() 可以包含 Alpha。输入带透明度时，本工具会保留透明度。