OKLCH 转 HEX 转换器 – 在线转换 CSS 颜色值
使用这款 OKLCH 转 HEX 转换器将颜色值转换为十六进制，或编辑任一侧并实时查看另一侧更新。它接受 OKLCH，还能解析 #abc、rgb(1 2 3 / 50%) 和具名颜色等格式。在色板中预览颜色，复制一行 CSS，并留意颜色超出 sRGB 时的色域外警告。
OKLCH 转 HEX 转换器将 OKLCH 颜色值转换为十六进制，并允许您编辑转换的任一侧。当您更改一个值时，另一个值会实时更新，因此无需在不同格式间反复复制粘贴即可查看结果。色板提供可视化预览，可直接粘贴的 CSS 行则方便您将结果带入工作。
解析器兼容性强：除 OKLCH 外，还接受 #abc、rgb(1 2 3 / 50%) 和具名颜色等输入。当颜色超出 sRGB 时，该工具会显示色域外警告。您可以调整可用选项，然后复制十六进制结果或 CSS 行。
OKLCH 和 HEX 以不同格式表示颜色。HEX 是 CSS 中常用的紧凑记法，而 OKLCH 用明度、色度和色相表达颜色。当您需要将颜色迁移到要求不同表示形式的工作流程或系统中，或想检查收到的值与其转换结果的关系时，二者之间的转换很有用。
该转换器完全在浏览器中运行：您的输入在您的设备上处理，不会上传、存储或发送到服务器。无需注册，页面加载完成后即可离线转换。对于为代码、文档和日常协作准备或检查颜色值的开发者、设计师和 DevOps 工程师来说，它非常实用。
步骤 1：在转换器中输入或粘贴 OKLCH 颜色。解析器兼容性强，还接受 #abc、rgb(1 2 3 / 50%) 和具名颜色等示例。
步骤 2：查看十六进制结果和色板。编辑任一侧，另一侧都会实时更新。
步骤 3：按需调整可用选项。当颜色超出 sRGB 时，转换器还会显示色域外警告。
步骤 4：复制 HEX 值或可直接粘贴的 CSS 行，用于您的代码、文档或笔记。
使用场景：将 OKLCH 数据迁移到只接受十六进制颜色值的系统中。
使用场景：通过对比实时转换结果和色板，检查收到的十六进制值是否与 OKLCH 原值相符。
使用场景：为文档、工单或提交信息准备 OKLCH 或 HEX 颜色片段，并附带可直接复制的 CSS 行。
使用场景：在将结果粘贴到代码之前做一次颜色转换的合理性检查，并留意色域外警告。
使用场景：在编辑任一表示形式的同时转换颜色，查看 OKLCH 与 HEX 值的对应关系。
使用场景：当您需要色板和可复制的 CSS 行时，在浏览器中快速检查颜色值。