OKLab 转 HEX 转换器:实时 CSS 颜色转换
OKLab 转 HEX 转换器将 OKLab 颜色转换为十六进制值,编辑任意一侧都会实时更新结果。它还接受容错性强的颜色输入,如 #abc、rgb(1 2 3 / 50%) 和命名颜色。查看色板,复制可直接粘贴的 CSS 行;如果颜色超出 sRGB,还会显示色域外警告。
OKLab 转 HEX 转换器将 OKLab 颜色转换为十六进制颜色值,支持实时双向编辑:更新任一侧,另一侧自动更新。它还提供颜色色板和可直接粘贴的 CSS 行,方便您检查颜色并复用结果,无需手动格式化。
输入解析器容错性强,除 OKLab 输入外,还接受 #abc、rgb(1 2 3 / 50%) 和命名颜色等示例。您可以调整页面上的可用选项,但本文未列出具体选项名称。当颜色超出 sRGB 时,该工具会显示色域外警告,帮助您识别这种情况。
OKLab 用明度和两个色彩轴表示颜色,而 HEX 用十六进制表示法表示 RGB 通道值。当您手头是 OKLab 颜色,但系统、代码片段或工作流需要 HEX 值时,两者之间的转换很有用。实时编辑器让您可以检查或修改任一表示形式,CSS 行可直接复制。
该转换器免费且完全在浏览器中运行:您的输入不会发送到服务器。无需注册,页面加载后支持离线使用。它适合需要检查、核对或在格式之间迁移颜色值而无需离开浏览器的开发者和运维工程师。
步骤 1:输入或粘贴 OKLab 颜色以查看十六进制结果。解析器还接受 #abc、rgb(1 2 3 / 50%) 和命名颜色等输入。
步骤 2:编辑 OKLab 或 HEX 任一侧的值,另一侧会实时更新。根据需要调整页面上的可用选项。
步骤 3:查看颜色色板和可直接粘贴的 CSS 行。如果颜色超出 sRGB,请检查色域外警告。
步骤 4:复制十六进制结果,用于代码、文档或其他工具。
使用场景:将 OKLab 数据迁移到只接受十六进制颜色值的系统,然后将转换结果复制到您的工作流中。
使用场景:通过编辑任意一侧并对比实时结果,检查收到的十六进制值是否与 OKLab 原值相符。
使用场景:为文档、工单或提交信息准备 OKLab 代码片段,附带色板和 CSS 行供参考。
使用场景:将 HEX 值粘贴到代码前先对颜色转换做一次完整性检查,出现时查看 sRGB 色域警告。
使用场景:在并排查看两种表示形式的同时转换颜色,有助于核对同事分享的值。
使用场景:当项目或下游工具需要十六进制值时,从 OKLab 颜色生成可直接复制的 CSS 行。