OKLab 转 OKLCH 转换器 – CSS 颜色值在线转换
OKLab 转 OKLCH 转换器可即时将 OKLab 颜色转为 OKLCH，编辑任意一侧时两侧数值保持同步。它接受宽容的色彩输入，如 #abc、rgb(1 2 3 / 50%) 和颜色名称。查看色板，复制可直接使用的 CSS 行，还能在颜色超出 sRGB 时看到色域外警告。
OKLab 转 OKLCH 转换器可将颜色从 OKLab 转为 OKLCH 并即时显示结果。您可以编辑任意一侧，另一侧的值会实时更新。工具接受宽容的色彩输入，包括 #abc、rgb(1 2 3 / 50%) 和颜色名称，因此除了 OKLab 值，您还可以使用常见的 CSS 色彩形式。
输入颜色后，查看色板与可直接粘贴的 CSS 行。当颜色超出 sRGB 时，转换器还会显示色域外警告。您可以调整可用选项，然后复制所需的值。使用基本转换功能无需了解具体的选项名称或设置。
OKLab 用亮度和两个颜色分量表示颜色，而 OKLCH 使用亮度、色度和色相。两者都描述颜色，但不同的坐标系统可能让其中一种表示方式更适合特定的工作流程。当工具、代码示例或交接要求使用 OKLCH 时，请将 OKLab 转换为 OKLCH，或使用实时编辑对比两个值。复制结果前，色板与色域警告提供了有用的视觉检查。
转换完全在浏览器中运行。您的输入在设备上本地处理，不会上传、存储或发送到服务器。页面加载完成后，转换器支持离线使用，无需网络连接也能继续使用。它免费使用。
这款基于浏览器的颜色转换器适合准备 CSS、检查颜色值或在工作流程间迁移数据的开发者与 DevOps 工程师，也适合任何需要在分享或使用结果前核验颜色转换的人。
步骤 1：在输入框中粘贴 OKLab 颜色。您也可以尝试支持的色彩格式，如 #abc、rgb(1 2 3 / 50%) 或颜色名称。
步骤 2：编辑 OKLab 或 OKLCH 的值。另一侧会实时更新，方便您对比两种表示方式。
步骤 3：如有需要，调整可用选项。转换器还会显示色板，方便您直观检查颜色。
步骤 4：查看结果中是否有色域外警告，该警告会在颜色超出 sRGB 时出现。
步骤 5：复制 OKLCH 值或可直接粘贴的 CSS 行，用于代码、文档或笔记。
使用场景：将 OKLab 数据迁移到接受 OKLCH 的系统。转换颜色并复制结果，用于下一个工具或工作流程。
使用场景：检查收到的 OKLCH 值是否与原始 OKLab 颜色一致。实时双向编辑让对比两种表示方式变得容易。
使用场景：为文档、工单或提交信息准备 OKLab 颜色片段。可复制的 CSS 行方便您分享可用的数值。
使用场景：在粘贴到代码前先核验颜色转换。先查看色板与色域外警告。
使用场景：在调整数值的同时检查颜色。编辑任意一侧时，色板都为您提供视觉参考。
使用场景：将以十六进制、RGB 或颜色名称书写的颜色转换为 OKLCH。当原始颜色并非 OKLab 值时，宽容的输入解析会很有用。