OKLCH 转 OKLab 转换器 – 实时颜色转换
在线将 OKLCH 转换为 OKLab，编辑任一颜色值时结果即时更新。转换器支持 #abc、rgb(1 2 3 / 50%) 和颜色名称等输入。它还会显示颜色色板、可直接粘贴的 CSS 代码行，以及颜色超出 sRGB 色域时的警告。
OKLCH 转 OKLab 转换器将 OKLCH 颜色转换为 OKLab 表示，并在您操作时更新结果。您可以编辑任一侧、查看颜色色板，并复制可直接粘贴的 CSS 代码行。如需在线将 OKLCH 转换为 OKLab，它还支持 #abc、rgb(1 2 3 / 50%) 和颜色名称等常见颜色输入。
OKLCH 用明度、彩度和色相描述颜色，OKLab 则用明度和两个颜色对立轴表示颜色。转换器通过实时双向编辑在两种表示之间切换。当颜色超出 sRGB 色域时会发出警告；工具中的可用选项可按需调整。
开发者在采用明度、彩度、色相模型时会选择 OKLCH，或在系统与工作流要求 OKLab 表示时需要它。色板与 CSS 输出可帮助您检查与复用换算后的颜色，实时更新让您无需在格式间反复复制即可对比数值。
转换器完全在浏览器中运行。您的输入仅在设备上处理，不会上传、存储或发送到服务器。页面加载后支持离线使用，无需联网即可继续换算；工具免费使用。
这款 OKLab 颜色转换器可帮助准备代码、文档、工单或提交信息的开发者和 DevOps 工程师，也适合在将颜色值传递给其他工具前进行核对。My-DevTools 还提供独立的反向换算页面，可将内容换算回 OKLCH。
步骤 1：在输入框中输入或粘贴 OKLCH 颜色。解析器支持 #abc、rgb(1 2 3 / 50%) 和颜色名称等示例输入。
步骤 2：查看出现的 OKLab 结果。您可以编辑任一颜色值，另一侧会实时更新。
步骤 3：如需调整工具中的可用选项。输入内容未指明具体选项名称。
步骤 4：检查色板与色域外警告。警告会标识超出 sRGB 的颜色。
步骤 5：复制 OKLab 值或可直接粘贴的 CSS 代码行，用于代码、文档或笔记。
使用场景：将 OKLCH 颜色迁移到只接受 OKLab 的系统或工作流中。转换器会给出对应的可复制数值。
使用场景：核对收到的 OKLab 值是否与其 OKLCH 原值相符。编辑任一侧，另一侧即时更新，方便快速对比。
使用场景：为文档、工单或提交信息准备 OKLCH 或 OKLab 颜色代码片段。可直接粘贴的 CSS 代码行让结果更易引用。
使用场景：在代码中使用换算结果前，先做一次合理性核对。同时查看数值与色板。
使用场景：在将数值传递给其他工具或工作流前，发现超出 sRGB 色域的颜色。转换器会显示色域外警告。
使用场景：调整颜色的同时探索 OKLCH 与 OKLab 的关系。实时双向编辑让您看到对应值的变化。