OKLCH 颜色转换器

在 HEX、RGB、HSL 和现代 CSS OKLCH 颜色空间之间转换并检查 sRGB 色域。

输入

转换结果

HEX
RGB
HSL
OKLCH

在 sRGB 色域内

输入与输出示例

#0F766Eoklch(0.51 0.09 190)

如何使用

  1. 输入 HEX 颜色,或调整 OKLCH 三个分量。
  2. 查看其他颜色表示与色域状态。
  3. 复制所需格式。

能力与限制

  • 浏览器本地处理
  • 转换使用标准 sRGB 与 OKLab 矩阵。
  • 超出 sRGB 的 OKLCH 会提示色域外,不会自动保留宽色域输出。

常见问题

OKLCH 有什么优势?
它将亮度、色度和色相分开表示,通常更适合构造平滑且可感知的色阶。

相关指南

颜色格式与对比度:从 HEX 到可读的界面配色 ↗

相关工具

更新于 2026-10-17 · 项目与反馈说明