OKLAB 转 LCH
颜色 转换 Engine
Enter a color in any supported format；the engine outputs every other color space。
输入 Mode
Accepts #RGB or #RRGGBB, with or without #.
预览
#1E40AF
预览 uses the sRGB color space。
输出 — all color spaces
HEX#1E40AF
RGBrgb(30, 64, 175)
HSLhsl(226, 71%, 40%)
HSVhsv(226, 83%, 69%)
CMYKcmyk(83%, 63%, 0%, 31%)
LABlab(31.89, 30.44, -62.30)
LCHlch(31.89, 69.34, 296.04)
OKLABoklab(0.4244, -0.0138, -0.1803)
OKLCHoklch(0.4244, 0.1809, 265.64)
使用方法
- 输入源颜色值并检查格式是否有效。
- 查看目标色彩空间结果、预览和可复制代码。
- 用于设计系统前，复查色差、对比度和浏览器支持。
常见问题
转换结果为什么可能有细微差异？
不同色彩空间、四舍五入、白点和 gamut 映射都会带来差异。
可以直接用于生产 CSS 吗？
HEX、RGB、HSL 等常见格式通常可以；LAB、LCH、OKLCH 需确认浏览器支持。
转换后还要检查对比度吗？
要。色值转换不等于可访问性达标。
简介
OKLAB 转 LCH 是一个在线工具，用于将 OKLAB 颜色值快速转换为 LCH，并提供预览和可复制输出。它适合设计系统、CSS、主题、可访问性检查和 UI 交付。
什么时候使用
当你需要快速准备、检查或复制颜色或 CSS 输出时，可以使用“OKLAB 转 LCH”。它能减少手工计算和重复操作，并让结果更容易放入真实工作流。
核心能力
- 在浏览器中快速处理输入，适合临时任务和日常检查。
- 输出清晰，便于复制、下载、记录或继续调试。
- 帮助在发布、测试或提交前发现格式、兼容性或隐私相关问题。
使用建议
- 使用接近真实场景的样例，不要只测试最简单输入。
- 涉及 secret、客户数据、设备隐私或生产配置时，优先使用脱敏内容。
- 对关键结果，在目标系统、设备或浏览器中再验证一次。
颜色结果进入生产前，建议同时检查视觉效果和可访问性。