颜色值转换工具
在线完成 RGB / HEX / RGBA / HSL / HSV / CMYK / XYZ / Lab / HWB / 8 位 HEX 颜色之间的相互转换
颜色输入
颜色格式说明与转换原理
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/设计工具中使用