RGB to OKLAB

RGB → OKLAB

RGB to OKLAB Converter

OKLAB/OKLCH 是现代 CSS Color Level 4 引入的感知均匀色彩空间。通过嵌入本工具，用户可以即时获得 可用于设计系统、主题调色与可访问性对比的 OKLAB/OKLCH 数值与 CSS 字符串。

打开完整工具嵌入指南

嵌入代码

复制 iframe 代码即可将转换器添加到任何教程或 UI 文档中。通过 r、g、b 参数（0-255）预设初始颜色，方便演示品牌色或主题色。

<iframe   src="https://rgbatohex.com/tools/rgb-to-oklab-converter?embed=true"   width="100%"   height="720"   style="border:none;border-radius:18px;overflow:hidden;"   title="RGB to OKLAB Converter"></iframe>

示例：品牌橙

<iframe src="https://rgbatohex.com/tools/rgb-to-oklab-converter?embed=true&r=230&g=103&b=70" width="100%" height="720" style="border:none;border-radius:18px;overflow:hidden;" title="RGB to OKLAB Converter"></iframe>

为什么需要 OKLAB?

  • 感知线性：OKLAB 的 L 轴与真实亮度更接近，构建浅/深模式更可靠。
  • CSS 原生：现代浏览器可直接识别 oklab() 和 oklch() 字符串。
  • 品牌一致：通过锁定 L/C/H，可在整个产品体系复制同样的饱和度与对比关系。