颜色转换器

什么是颜色模式？

颜色模式是将颜色用数字表示的方法，不同的颜色模式基于不同的色彩理论模型。常见的颜色模式包括HEX（十六进制）、RGB（红绿蓝）、HSL（色相饱和度亮度）、HSV（色相饱和度明度）和CMYK（青品黄黑）。不同的应用场景使用不同的颜色模式：网页设计主要使用HEX和RGB，设计软件常用HSL/HSV，印刷行业使用CMYK。

各颜色模式详解

HEX（十六进制）

HEX颜色用6位十六进制数表示，格式为#RRGGBB，每两位分别对应红、绿、蓝三个通道，取值范围00-FF（即十进制的0-255）。例如#FF0000表示纯红色。HEX格式是网页设计中最常用的颜色表示方式，简洁易记。还支持3位简写形式（如#F00等同于#FF0000）和8位带Alpha透明的格式（如#FF000080）。

RGB（红绿蓝）

RGB是基于三原色光叠加原理的加色模式，R（Red）、G（Green）、B（Blue）三个通道各取0-255的值，通过不同强度的红、绿、蓝光叠加产生各种颜色。RGB值(255, 0, 0)表示纯红，(0, 255, 0)表示纯绿，(0, 0, 255)表示纯蓝，(255, 255, 255)表示白色，(0, 0, 0)表示黑色。RGB是显示器等发光设备的颜色模式。

HSL（色相饱和度亮度）

HSL将颜色描述为三个参数：H（Hue色相，0-360度，表示颜色在色轮上的位置）、S（Saturation饱和度，0%-100%，表示颜色的纯度）、L（Lightness亮度，0%-100%）。HSL模式更符合人类对颜色的直观认知——调整色相换颜色，调整饱和度改变鲜艳程度，调整亮度改变明暗。在CSS中，hsl()函数可以直接使用。

HSV（色相饱和度明度）

HSV与HSL类似，也是基于人眼感知的颜色模型。V代表Value（明度），与HSL中的L（Lightness）不同：HSL的L=100%是白色，而HSV的V=100%是纯色加白光混合后的最亮状态。HSV在图形设计软件（如Photoshop的"色相/饱和度"调整）中更常用。

CMYK（青品黄黑）

CMYK是印刷行业使用的减色模式，C（Cyan青）、M（Magenta品红）、Y（Yellow黄）、K（Key/Black黑）。与RGB加色模式不同，CMYK是通过油墨吸收光线来呈现颜色的。理论上CMY三种油墨混合可以得到黑色，但实际印刷中为了节省成本和提高纯度，单独加入了黑色油墨（K）。设计印刷品时应使用CMYK模式。

使用方法

本工具支持任意颜色模式输入，修改任意一组数值后，其他模式会自动同步更新。可以通过颜色选择器选取颜色，也可以直接输入HEX码、RGB值、HSL值、HSV值或CMYK值。右侧实时预览颜色效果，并生成可用的CSS代码，一键复制即可使用。

设计中的应用

颜色是设计中最重要的元素之一，直接影响用户的情绪和行为。红色代表热情、警告、行动；蓝色代表信任、专业、冷静；绿色代表自然、健康、成功；黄色代表活力、快乐、注意。在设计配色方案时，可以通过调整HSL的色相来搭配互补色、类似色、三角色等不同配色关系，调整饱和度和亮度来创建和谐的色彩层次。

常见问题与注意事项

颜色转换时可能会出现微小误差，这是因为不同颜色空间之间的转换涉及浮点运算和四舍五入。在实际使用中，1个单位的误差人眼几乎无法察觉。另外需要注意的是，CMYK和RGB之间的转换并非完全精确，因为两者的色域（可表示的颜色范围）不同——RGB能显示的某些鲜艳颜色在CMYK中无法呈现，反之亦然。印刷前务必在专业软件中进行色彩校准。