颜色代码转换

#FF0000
HEX
RGB / RGBA
HSL / HSLA
HSV / HSVA
CMYK
LAB

色彩格式说明

HEX

十六进制颜色码,以 # 开头,6 位表示 RGB(每两位代表一个通道),8 位增加 Alpha 透明度通道。最常用于网页开发。

#FF0000 / #FF000080

RGB / RGBA

红绿蓝三色光加法混色模型。每个通道取值范围 0-255,RGBA 增加 Alpha 透明度通道(0-255)。屏幕显示的标准格式。

rgb(255, 0, 0)

HSL / HSLA

色相-饱和度-亮度色彩模型。H 为 0-360° 色相环位置,S 0-100% 饱和度,L 0-100% 亮度。比 RGB 更符合人类对颜色的直观理解。

hsl(0, 100%, 50%)

HSV / HSVA

色相-饱和度-明度色彩模型(又称 HSB)。H 0-360° 色相位置,S 0-100% 饱和度,V 0-100% 明度。常用于图像处理软件和设计工具中的选色器。

hsv(0, 100%, 100%)

CMYK

青-品红-黄-黑减法混色模型,四色印刷的标准色彩模式。每个通道 0-100%。与 RGB 色域不同,部分 RGB 颜色无法精确转换为 CMYK。

cmyk(0%, 100%, 100%, 0%)

CIE LAB

国际照明委员会定义的设备无关色彩空间。L 表示亮度(0-100),a 表示绿到红(-128~127),b 表示蓝到黄(-128~127)。基于人眼视觉感知,色差均匀分布。

lab(53, 80, 67)

关于颜色代码转换

免费在线颜色代码转换工具

颜色代码转换支持 HEX、RGB、HSL、HSV、CMYK 和 CIE LAB 六种色彩格式之间的相互转换。所有计算在浏览器本地完成,无需上传数据,保护您的隐私。支持透明度(Alpha)通道,可实时预览颜色。


功能特点

  • 支持 HEX(6 位/8 位)、RGB/RGBA、HSL/HSLA、HSV/HSVA、CMYK、CIE LAB 六种格式
  • 任意格式输入实时转换,双向同步
  • 透明度 Alpha 通道完整支持
  • 颜色预览色块,点击弹出系统取色器
  • 一键复制各格式标准颜色值字符串
  • 纯前端离线计算,不上传任何数据

使用方法

  1. 1在任意颜色格式的输入框中输入颜色值
  2. 2其他格式自动实时转换并显示结果
  3. 3点击顶部色块可使用系统取色器选取颜色
  4. 4点击格式右侧的复制按钮复制标准颜色字符串

常见问题

HEX 6 位和 8 位有什么区别?
6 位 HEX(如 #FF0000)不包含透明度信息,8 位 HEX(如 #FF000080)最后两位表示透明度(00=完全透明,FF=完全不透明)。
LAB 色彩空间中的 a 和 b 值代表什么?
LAB 色彩空间中的 a 值表示从绿色到红色的范围(负值偏绿,正值偏红),b 值表示从蓝色到黄色的范围(负值偏蓝,正值偏黄)。L 值代表亮度(0=黑,100=白)。
CMYK 和 RGB 有什么区别?
RGB 是加法色彩模型,用于屏幕显示(红绿蓝三色光叠加)。CMYK 是减法色彩模型,用于印刷(青、品红、黄、黑四色油墨混合)。两种模型之间存在色域差异,部分 RGB 颜色无法精确转换为 CMYK。
数据会被上传到服务器吗?
不会。所有颜色转换计算完全在浏览器本地完成,您的颜色数据不会被上传到任何服务器。
Alpha 透明度在所有格式中都受支持吗?
HEX(8 位)、RGBA、HSLA、HSVA 支持透明度。CMYK 和 LAB 标准中不包含 Alpha 通道,因此输入带透明度的颜色时,这两个格式会忽略 Alpha 值。
转换精度如何?
各格式之间的转换使用标准算法(sRGB 色彩空间、D65 光源、2° 标准观察者)。RGB 转 CMYK 和 LAB 时因色彩空间差异可能存在微小舍入误差,通常不影响使用。

相关工具

代码格式化XML格式化Unicode 编码解码进制转换Base64 编码解码URL 编码解码HTML 实体转义Cookie 转 JSONJSON Unicode 转义MD5 编码JWT 解码验证生成JSON 转 CookieUUID 生成与解析正则表达式测试器HTTP 状态码端口号大全User-Agent 查看器我的浏览器指纹JSON Unicode 还原Cron 表达式生成器与解析器IP地址查询