HEX 转 LAB 转换器:浏览器颜色转换工具
HEX 转 LAB 转换器可实时将颜色在十六进制与 L*a*b* 之间转换,两侧均可编辑。它接受 #abc 等短 HEX、rgb(1 2 3 / 50%) 等 RGB 表示法以及颜色名称。查看色块预览,复制可直接粘贴的 CSS 代码,当颜色超出 sRGB 色域时会显示色域外警告。
HEX 转 LAB 是一款基于浏览器的颜色转换器,可将十六进制颜色转换为 L*a*b* 值。它还支持实时双向编辑,您可以修改任一侧并看到另一侧同步更新。色块、可直接粘贴的 CSS 代码以及色域外警告让您在操作时更容易查看结果。
输入颜色即可查看转换结果。虽然工具名为 HEX 转 LAB,但其解析器非常宽容:接受 #abc 等短 HEX、rgb(1 2 3 / 50%) 等 RGB 表示法以及颜色名称。编辑任一字段时转换会实时更新,颜色超出 sRGB 时工具会发出警告。您可以使用显示的 L*a*b* 结果,或复制 CSS 代码。
HEX 与 LAB 以不同方式表示颜色。HEX 是指定颜色的紧凑表示法,而 L*a*b* 使用明度与两个色度维度表示颜色。在两者之间转换有助于将颜色迁移到使用其他表示法的系统、核对收到的数值,或为代码和文档准备颜色信息。
HEX 转 LAB 完全在您的浏览器中运行。您的输入在设备上处理,不会上传、存储或发送到服务器。页面加载后即可离线转换,无需注册。工具免费使用。
这款转换器可帮助开发者、DevOps 工程师以及任何需要在格式之间检查或传递颜色值的人。用它在将数值加入代码前检查转换结果、在工单中分享颜色,或对比 HEX 与 LAB 表示而不必重新输入结果。
步骤 1:在 HEX 输入框中输入颜色。解析器还接受 #abc 等短 HEX、rgb(1 2 3 / 50%) 等 RGB 表示法以及颜色名称。
步骤 2:查看实时 L*a*b* 结果。编辑任一颜色字段时,另一侧会自动更新。
步骤 3:查看色块,确认当前输入与结果所代表的颜色。
步骤 4:若颜色超出 sRGB 色域,注意查看色域外警告。
步骤 5:复制 L*a*b* 值或可直接粘贴的 CSS 代码,用于您的代码或笔记。
使用场景:将十六进制颜色迁移到只接受 L*a*b* 的系统。实时转换让您轻松将结果复制到下一个工具。
使用场景:检查收到的 L*a*b* 值是否与十六进制原值一致。编辑任一侧并对比更新后的颜色与色块。
使用场景:为文档、工单或提交信息准备十六进制颜色片段。需要代码友好的值时,复制可直接粘贴的 CSS 代码。
使用场景:在将结果粘贴到代码前对颜色转换进行检查。色块与色域外警告有助于您查看显示的颜色。
使用场景:在讨论设计或实现时对比 HEX 与 LAB 下的颜色。两侧数值实时更新,有助于保持两种表示一致。
使用场景:当您需要查看 RGB 表示法或颜色名称写法对应的 HEX 与 LAB 表示时,将其作为输入。