颜色格式转换器

支持HEX、RGB、HSL、HSV、CMYK、LAB、HWB等多种颜色格式互转

#FF0000
输入颜色值

预设颜色

HEX (十六进制)

#FF0000

RGB / RGBA

rgb(255, 0, 0)
rgba(255, 0, 0, 1.00)

HSL / HSLA

hsl(0, 100%, 50%)
hsla(0, 100%, 50%, 1.00)

HSV / HSVA

hsv(0, 100%, 100%)
hsva(0, 100%, 100%, 1.00)

CMYK (印刷四色)

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

LAB (CIE L*a*b*)

lab(53.24, 80.09, 91.74)

XYZ (CIE XYZ)

xyz(41.25, 21.27, 1.93)

HWB (Hue-Whiteness-Blackness)

hwb(0, 0%, 0%)
hwba(0, 0%, 0%, 1.00)

工具概述

颜色格式转换器是一款专业的颜色格式互转工具,支持多种颜色空间之间的实时转换。只需输入任意格式的颜色值,即可自动转换为其他所有格式,方便设计师和开发者在不同场景下使用。

支持的颜色格式

1. HEX (十六进制)

网页开发中最常用的颜色格式,如 #FF0000 表示红色。支持 3 位简写(#F00)、6 位标准(#FF0000)和 8 位带透明度(#FF000080)格式。

2. RGB / RGBA

红、绿、蓝三原色模式,每个通道取值 0-255。RGBA 增加了透明度通道(Alpha),取值 0-1。例如:rgb(255, 0, 0) 表示红色。

3. HSL / HSLA

色相(Hue)、饱和度(Saturation)、亮度(Lightness)模式。色相取值 0-360 度,饱和度和亮度取值 0-100%。更直观地描述颜色,便于调整明暗和鲜艳度。

4. HSV / HSVA

色相(Hue)、饱和度(Saturation)、明度(Value)模式。与 HSL 类似,但明度表示颜色的明亮程度,常用于图像处理软件(如 Photoshop 的 HSB 模式)。

5. CMYK

青(Cyan)、品红(Magenta)、黄(Yellow)、黑(Key/Black)四色印刷模式。每个颜色取值 0-100%,用于印刷行业的颜色表示。

6. LAB (CIE L*a*b*)

基于人眼感知的颜色空间,L* 表示亮度(0-100),a* 表示红绿轴(-128 到 128),b* 表示黄蓝轴(-128 到 128)。设备无关,适合颜色管理和比较。

7. XYZ (CIE XYZ)

CIE 标准颜色空间,是 LAB 等颜色空间的计算基础。X、Y、Z 是基于人眼三种视锥细胞响应的抽象颜色分量。

8. HWB

色相(Hue)、白度(Whiteness)、黑度(Blackness)模式。CSS4 新增的颜色格式,可以直观地通过添加白色或黑色来调整颜色。

使用方法

在输入框中输入任意格式的颜色值,系统会自动识别并转换为所有其他格式。你也可以直接修改各格式面板中的数值来精确调整颜色。

支持的输入格式示例:

  • HEX: #FF0000, #F00, #FF000080
  • RGB: rgb(255, 0, 0), rgba(255, 0, 0, 0.5)
  • HSL: hsl(0, 100%, 50%), hsla(0, 100%, 50%, 0.5)
  • HSV: hsv(0, 100%, 100%), hsva(0, 100%, 100%, 0.5)
  • CMYK: cmyk(0%, 100%, 100%, 0%)
  • LAB: lab(53.23, 80.11, 67.22)
  • XYZ: xyz(41.24, 21.27, 1.93)
  • HWB: hwb(0, 0%, 0%), hwba(0, 0%, 0%, 0.5)