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

关于RGB转Lab

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

什么是RGB转Lab

RGB 用红、绿、蓝三个通道的数值表示颜色,每个通道取值范围 0-255,三通道组合可表达约 1677 万种颜色,是屏幕显示的基础色彩模型。 Lab 是 CIE 定义的感知均匀色彩空间,用 L(亮度 0-100)和 a、b 两个色度轴描述颜色。a 表示绿-红轴,b 表示蓝-黄轴。 先把 RGB 归一化做 sRGB 线性化,乘变换矩阵得到 CIE XYZ,再用 CIE 公式算出 Lab 的 L、a、b。

如何使用RGB转Lab

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

RGB转Lab的应用场景

需要做色差计算或跨设备颜色比对时使用,Lab 的 ΔE 能直接反映人眼感知。 屏幕显示、Canvas 绘图、需要程序动态计算颜色的场景(如根据数值生成热力图)。 色彩管理、色差计算、跨设备的颜色一致性校验、印刷与屏幕色差评估。

RGB转Lab的原理

先把 RGB 归一化做 sRGB 线性化,乘变换矩阵得到 CIE XYZ,再用 CIE 公式算出 Lab 的 L、a、b。 RGB 是加色模型:三通道值越高颜色越亮,三通道都为 0 时是黑色,都为 255 时是白色。屏幕上的每个像素都是由红、绿、蓝三个子像素以不同亮度混合而成。 Lab 建立在 CIE XYZ 空间之上,通过非线性变换让「数值上的差异」接近「人眼感知的差异」。两个颜色的 Lab 距离(ΔE)可以直接反映它们看起来有多不同。

RGB转Lab使用经验

Lab 的 L 范围 0-100,a、b 通常 -128 到 127;从 RGB 转 Lab 结果均在 sRGB 色域内,无需裁剪。 RGB 便于程序计算和循环调整,但人眼难以直接理解具体数值对应的颜色,更适合机器处理而非手工调色。 Lab 的 L 与 HSL 的 L 不是一回事:Lab 的 L 是感知亮度,更符合人眼对明暗的感受;Lab 转换需要经过 XYZ 中间层,公式较复杂。

常见问题解答(FAQ)

RGB 转 Lab 有什么用?

用于精确色差计算和跨设备颜色一致性问题,尤其适合印刷与屏幕比对。

Lab 的 a、b 是什么?

a 是绿-红轴,b 是蓝-黄轴,两者组合覆盖所有色相。

Lab 和 OKLab 有什么区别?

OKLab 是更新的感知均匀空间,计算更简单;Lab 是 CIE 传统标准,色彩管理支持更广。

RGB 的取值范围为什么是 0-255?

因为每个通道用 8 位二进制表示,2^8 = 256,所以范围是 0-255。

RGB 和 RGBA 有什么区别?

RGBA 在 RGB 基础上多了一个 Alpha 透明度通道,取值 0-1,用于表示不透明度。

Lab 色差 ΔE 是什么?

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

Lab 可以超出 sRGB 色域吗?

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

可以反向转换吗?

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

转换结果可以商用吗?

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