颜色值转换工具

在线完成 RGB / HEX / RGBA / HSL / HSV / CMYK / XYZ / Lab / HWB / 8 位 HEX 颜色之间的相互转换

颜色输入

RGB
RGB → 其他
HEX
HEX → 其他
RGBA
RGBA → 其他
HSL
HSL → 其他
HSV
HSV → 其他
CMYK
CMYK → 其他
XYZ
XYZ → 其他
Lab
Lab → 其他
HWB
HWB → 其他
HEX8
HEX8 → 其他

颜色格式说明与转换原理

RGB

RGB 是最常用的颜色模型,通过红(R)、绿(G)、蓝(B)三原色的叠加来表示颜色。每个通道取值 0-255。

适用场景: 屏幕显示、网页、APP、电子设备。

转换原理: 基于光的加法混色,三种颜色叠加越亮。

HEX / HEX8

HEX 是 RGB 的十六进制表示方式,格式为 #RRGGBB。HEX8 额外包含透明度 AA。

适用场景: CSS、设计工具、前端开发。

转换原理: 将每个 0-255 的 RGB 值转换为两位十六进制数。

RGBA

在 RGB 的基础上增加 Alpha 透明度通道(0-1)。

适用场景: 需要透明度的 UI 设计、Web 开发。

转换原理: RGB 保持不变,增加透明度参数。

HSL

HSL 表示色相(Hue)、饱和度(Saturation)、亮度(Lightness)。更符合人类对颜色的感知。

适用场景: 颜色调整、设计工具。

转换原理: 从 RGB 计算最大值、最小值,再推导色相和饱和度。

HSV

HSV 表示色相(Hue)、饱和度(Saturation)、明度(Value)。与 HSL 类似,但明度定义不同。

适用场景: 图像编辑软件(如 Photoshop)。

转换原理: 基于 RGB 的最大值和最小值计算明度和饱和度。

CMYK

CMYK 是印刷四色模型:青(Cyan)、品红(Magenta)、黄(Yellow)、黑(Key)。

适用场景: 印刷、出版。

转换原理: 从 RGB 转换为 CMY,再计算 K 值(黑色)。

XYZ

CIE XYZ 是国际照明委员会定义的标准色彩空间,用于精确表示颜色。

适用场景: 色彩科学、专业色彩处理。

转换原理: 通过线性变换从 RGB 推导。

Lab

CIELAB 是一种设备无关的色彩空间,L 表示亮度,a 和 b 表示颜色对立维度。

适用场景: 专业图像处理、色彩管理。

转换原理: 先从 RGB 转 XYZ,再转 Lab。

HWB

HWB 表示色相(Hue)、白度(Whiteness)、黑度(Blackness)。语法简单,适合快速调色。

适用场景: CSS 颜色标准、设计工具。

转换原理: 基于 HSL/HSV 的简化模型。

提示:点击结果旁的复制按钮可快速复制对应格式的颜色值,方便在 CSS/设计工具中使用