颜色转换器

在HEX、RGB、HSL、CMYK格式之间转换颜色。使用颜色选择器选择颜色或直接输入值。

颜色选择器
#696CFF
预设颜色
HEX (Hexadecimal)
#696CFF
RGB (Red, Green, Blue)
rgb(105, 108, 255)
RGBA (with Alpha)
rgba(105, 108, 255, 1)
HSL (Hue, Saturation, Lightness)
hsl(239, 100%, 71%)
HSLA (with Alpha)
hsla(239, 100%, 71%, 1)
CMYK (Cyan, Magenta, Yellow, Key)
cmyk(59%, 58%, 0%, 0%)
CSS Variable
--color-primary: #696CFF;

关于颜色格式

HEX颜色代码

HEX颜色使用十六进制表示法(#RRGGBB)。每对表示00-FF(0-255)范围内的红、绿、蓝值。例如:#FF0000是纯红色。简写:#RGB扩展为#RRGGBB(如#F00 = #FF0000)。

RGB颜色模型

RGB使用0-255范围内的红、绿、蓝值。rgb(255, 0, 0)是红色。RGBA添加透明度的alpha通道(0-1)。rgba(255, 0, 0, 0.5)是50%透明的红色。

HSL颜色模型

HSL使用色调(0-360°)、饱和度(0-100%)、亮度(0-100%)。色调是色轮角度:0=红,120=绿,240=蓝。HSL更直观地创建颜色变化。

CMYK颜色模型

CMYK用于印刷:青色、品红、黄色、黑色。与RGB(加法混色)不同,CMYK是减法混色,混合颜色会变暗。网页颜色基于RGB,因此CMYK转换是近似值。