HEX 转 OKLab 转换器：实时颜色转换工具
HEX 转 OKLab 转换器将十六进制颜色转换为 OKLab，并在您编辑任意一侧时实时同步两侧。它还接受常见的颜色输入，例如 #abc、rgb(1 2 3 / 50%) 和颜色名称。查看色板，复制可直接粘贴的 CSS，并检查颜色超出 sRGB 时的色域外警告。
HEX 转 OKLab 转换器将十六进制颜色转换为 OKLab 值，并支持实时双向编辑，您可以从任意一侧开始操作。它还显示色板和可直接粘贴的 CSS 行。解析器接受常见颜色输入，包括 #abc、rgb(1 2 3 / 50%) 和颜色名称，方便您用多种表示法检查一个颜色值。
输入颜色即可看到对应值随输入实时更新。编辑 HEX 或 OKLab 任一侧都会更新另一侧，无需在两种格式之间反复复制即可检查颜色。该工具还会在颜色超出 sRGB 时发出警告；请结合色板和警告查看结果。
HEX 使用十六进制表示法表示颜色，而 OKLab 是一种可在 CSS 中使用的不同颜色表示。当系统或代码片段需要 OKLab，或想将 OKLab 值与其十六进制原值对比时，两种表示之间的转换很有帮助。可复制的 CSS 行让您可以更轻松地将结果移入代码或文档。
这款免费转换器在您的浏览器中运行。输入在您的设备上处理，不会上传、存储或发送数据到服务器，也无需注册。页面加载后即可离线使用，因为转换没有服务器依赖。
该工具适合需要检查颜色值、准备代码片段或在分享前查看转换结果的开发者和运维工程师。也可以帮助任何需要在 HEX 与 OKLab 之间切换，同时保持原色可见以供对比的人。
步骤 1：输入十六进制颜色或其他支持的颜色值，例如 #abc、rgb(1 2 3 / 50%) 或颜色名称。
步骤 2：查看随输入实时更新的 OKLab 结果。您也可以编辑 OKLab 值，查看 HEX 一侧实时更新。
步骤 3：查看色板，若颜色超出 sRGB，请留意色域外警告。
步骤 4：复制可直接粘贴的 CSS 行，用于您的代码或文档。
使用场景：将十六进制颜色转换为 OKLab 值，供接受 OKLab 的系统或工作流程使用。
使用场景：编辑任意一侧并对比实时结果，检查 OKLab 值是否与十六进制原值匹配。
使用场景：为文档、工单或提交信息准备十六进制颜色及其 OKLab 等效值。
使用场景：在将结果粘贴到代码之前，快速检查颜色转换是否正确。
使用场景：在编写样式表时查看色板及其 CSS 表示。
使用场景：通过转换器的色域外警告，发现颜色何时超出 sRGB。