HEX输入或调整颜色值
rgba(255, 87, 51, 1)
Lab
lab(60.18% 62.06 54.34)
L
60.18
a
62.06
b
54.34
✅

关于HEX转Lab

HEX转Lab在线工具是一款免费的 HEX 到 Lab 颜色代码转换器,帮助您在网页设计、前端开发、平面设计等场景中快速完成颜色转换和格式互转。HEX 是使用 0-9 和 A-F 组合表示 RGB 三通道的十六进制颜色值;Lab 是CIE 定义的感知均匀色彩空间,用亮度 L 与 a、b 两个色度轴表示。HEX转Lab的核心,是把用 HEX 表示的颜色值通过数学算法换算成 Lab 表示。工具会以可视化色块和完整 CSS 字符串同步展示结果,一键即可复制到剪贴板,免去手动计算和查表的麻烦,让颜色代码转换变得快速、准确、可复现,适合设计师、前端开发者、UI 工程师以及所有需要处理颜色的用户使用。

什么是HEX转Lab

HEX 是十六进制颜色代码,以 # 开头后跟 6 位(或简写 3 位)十六进制数。前两位表示红色通道,中间两位绿色,最后两位蓝色,每位取值 0-9 和 A-F,可表达约 1677 万种颜色。 Lab 是 CIE 定义的感知均匀色彩空间,用 L(亮度 0-100)和 a、b 两个色度轴描述颜色。a 表示绿-红轴,b 表示蓝-黄轴。 先把 HEX 转 RGB,再做 sRGB 线性化处理,然后乘变换矩阵得到 CIE XYZ,最后用 CIE 公式算出 Lab 的 L、a、b 三个分量。

如何使用HEX转Lab

使用本HEX转Lab工具非常简单,只需三步。第一步,在左侧的「原颜色单位」下拉框中选择 HEX(默认已选中),并在输入卡片中填入您想要转换的 HEX 色值。第二步,在右侧的「目标颜色单位」下拉框中选择 Lab,工具会立即实时计算并显示对应的 Lab 色值,同时展示一个色块预览和完整的 CSS 字符串,方便您直观确认颜色和格式。第三步,确认结果无误后,点击「复制」按钮即可把 Lab 色值复制到剪贴板,直接粘贴到您的代码或设计软件中使用。如果发现选错了原单位或目标单位,点击中间的「⇄」按钮即可一键交换。整个过程无需注册、无需上传数据,所有计算都在浏览器本地完成。

HEX转Lab的应用场景

需要做色差计算或与印刷色比对时使用,Lab 的 ΔE 可以直接反映人眼感知的差异。 网页 CSS、设计稿标注、品牌色规范、需要在不同软件之间复制粘贴颜色的场景。 色彩管理、色差计算、跨设备的颜色一致性校验、印刷与屏幕色差评估。

HEX转Lab的原理

先把 HEX 转 RGB,再做 sRGB 线性化处理,然后乘变换矩阵得到 CIE XYZ,最后用 CIE 公式算出 Lab 的 L、a、b 三个分量。 HEX 本质是 RGB 的另一种写法:把 0-255 的十进制数转换成两位十六进制。例如 #FF5733 中 FF=255、57=87、33=51,与 rgb(255, 87, 51) 是同一个颜色。 Lab 建立在 CIE XYZ 空间之上,通过非线性变换让「数值上的差异」接近「人眼感知的差异」。两个颜色的 Lab 距离(ΔE)可以直接反映它们看起来有多不同。

HEX转Lab使用经验

Lab 的 L 范围是 0-100,a、b 通常落在 -128 到 127 之间;从 HEX 转 Lab 通常不会超色域,但反向从 Lab 转 HEX 时可能需要裁剪。 HEX 不区分大小写,三位简写 #F53 等价于 #FF5533,但只有每个通道两位相同时才能简写;正式项目中建议统一使用六位大写形式,减少歧义。 Lab 的 L 与 HSL 的 L 不是一回事:Lab 的 L 是感知亮度,更符合人眼对明暗的感受;Lab 转换需要经过 XYZ 中间层,公式较复杂。

常见问题解答(FAQ)

HEX 转 Lab 有什么用?

用于精确描述颜色和计算色差,尤其适合需要跨设备颜色一致性的场景。

Lab 的 a 和 b 分别代表什么?

a 表示绿-红轴(负值偏绿,正值偏红),b 表示蓝-黄轴(负值偏蓝,正值偏黄)。

HEX 转 Lab 后可以反向还原吗?

可以。只要 Lab 值在 sRGB 色域内,就能无损转回 HEX;超色域时需要裁剪。

HEX 可以表示透明度吗?

普通 HEX 只有 6 位,不含透明度;如果需要透明度,使用 HEX8(#RRGGBBAA)或 RGBA。

为什么有些 HEX 只有 3 位?

3 位是简写形式,每一位会被复制一次:如 #F53 等价于 #FF5533。简写便于手写,但表达能力有限。

Lab 色差 ΔE 是什么?

ΔE 是 Lab 空间中两点之间的欧氏距离,用于量化两个颜色的感知差异。ΔE < 1 时人眼几乎无法区分。

Lab 可以超出 sRGB 色域吗?

可以。Lab 能表示人眼可见的所有颜色,某些 Lab 值在 sRGB 屏幕上是无法准确显示的。

可以反向转换吗?

可以。您可以直接访问「Lab转HEX」页面,或者在当前页面点击中间的「⇄」交换按钮,即可把原单位和目标单位互换,进行反向转换。反向转换的结果同样精确,因为颜色转换的数学公式是可逆的。

转换结果可以商用吗?

可以。颜色值本身是数值信息,不涉及版权问题,您可以将转换结果自由用于网页、APP、设计作品或商业项目中,无需授权或署名。但需要注意:如果原始颜色来自他人拥有版权的素材,颜色的使用本身不受限,但原素材的版权仍归原作者所有。