HEX 转 OKLCH 转换器 – 在线实时颜色编辑
这款 HEX 转 OKLCH 转换器支持编辑任意一侧，另一侧实时更新。输入 HEX 颜色，也可使用短 HEX、RGB 和命名颜色等支持的输入。查看颜色色板、复制可直接粘贴的 CSS 行，还能在颜色超出 sRGB 时看到色域外警告。
HEX 转 OKLCH 转换器可将颜色值转换为适用于 CSS 和其他开发工作的格式。输入 HEX 颜色即可看到其 OKLCH 值，也可以编辑任意一侧并观察另一侧实时更新。色板帮助您直观检查颜色，工具还会提供可直接粘贴的 CSS 行。
解析器支持十六进制值，包括 #abc 这样的短格式，还支持 rgb(1 2 3 / 50%) 这样的 RGB 输入以及命名颜色。当颜色超出 sRGB 时，转换器会显示警告。这些支持的输入让它在颜色值的呈现形式与所需形式不同时派上用场。
HEX 通常用十六进制通道值表示颜色，而 OKLCH 用明度、色度和色相表示颜色。当项目或工作流程需要 OKLCH 而非 HEX 时，在两者之间转换很有帮助。实时双向编辑还让您可以通过修改任意一种格式并查看更新后的结果来校验数值。
转换器完全在浏览器中运行：输入在您的设备上处理，不会被发送到服务器。它免费、无需注册，页面加载后支持离线使用。开发者和运维工程师可以用它检查、准备和复制颜色值，而无需把颜色值发送到在线服务。
步骤 1：输入 HEX 颜色（例如 #abc），或输入其他支持的颜色值，如 RGB 或命名颜色。
步骤 2：编辑输入或 OKLCH 值，观察另一侧实时更新。
步骤 3：查看色板以直观检查颜色，并留意色域外警告。
步骤 4：复制可直接粘贴的 CSS 行，在代码或文档中使用。
使用场景：当设计系统或样式表需要 OKLCH 值时，将 HEX 颜色转换为 OKLCH。
使用场景：通过对比实时数值和色板，检查某个 OKLCH 值是否与给定的 HEX 颜色一致。
使用场景：为文档、工单或提交信息准备 HEX 和 OKLCH 颜色片段。
使用场景：在将结果加入代码之前，先检查颜色转换是否正确。
使用场景：通过转换器的色域外警告，查看颜色是否超出 sRGB 色域。
使用场景：在编写 CSS 时，以任意一种格式编辑颜色值，实时查看另一格式的对应值。