颜色转换器
在HEX、RGB、HSL、HSB、CMYK和CSS名称之间即时转换颜色。
颜色转换器功能
在所有主要格式之间即时颜色转换。
在HEX、RGB、HSL、HSB/HSV、CMYK和CSS命名颜色之间一次性转换。
使用复制按钮即时将任何颜色值复制到剪贴板。
所有转换都在您的浏览器中进行。没有数据发送到任何地方。
如何转换文件
上传您的文件，选择输出格式，立即下载转换后的文件。我们的转换器支持批量转换并保持高质量。
常见问题
什么是HEX颜色代码？
HEX颜色是一个以#为前缀的6位十六进制数字（例如#3b82f6）。每对数字代表红色、绿色和蓝色通道，从00（0）到FF（255）。
HEX代码是网页开发和CSS中使用的最常见颜色格式。
它们紧凑且易于阅读，一旦您学会识别常见值，如#ffffff（白色）和#000000（黑色）。
什么是RGB？
RGB（红、绿、蓝）通过指定红色、绿色和蓝色通道的强度（从0到255的整数）来表示颜色。
例如，rgb(59, 130, 246)与#3b82f6是相同的蓝色。
RGB在CSS和数字设计中广泛使用。它是计算机屏幕的原生颜色模型。
什么是HSL？
HSL（色相、饱和度、亮度）通过色相角（0-360）、饱和度百分比（0-100%）和亮度百分比（0-100%）来描述颜色。
HSL对设计师来说是直观的，因为调整饱和度或亮度非常简单。
CSS原生支持HSL颜色，使用hsl()和hsla()函数。
CMYK用于什么？
CMYK（青、品红、黄、黑）是印刷中使用的颜色模型。打印机混合这四种墨水以在纸上产生颜色。
网页颜色（RGB/HEX）在没有转换的情况下无法直接用于印刷。
在准备印刷设计时，请使用我们的转换器获取CMYK等效值。
什么是HSB/HSV？
HSB（也称为HSV - 色相、饱和度、值）与HSL类似，但使用亮度/值而不是亮度。
Photoshop, GIMP, and many design tools use HSB as their primary color model.
在最大饱和度和亮度（100%、100%）下，HSB产生完全饱和的颜色，而HSL在50%亮度下产生相同的颜色。
什么是CSS命名颜色？
CSS定义了140多种可以直接在样式表中使用的命名颜色，如'red'、'navy'、'cornflowerblue'和'tomato'。
如果您选择的颜色与这些命名颜色中的一种完全匹配，我们的转换器将显示名称。
命名颜色对于常见颜色非常方便，并且所有浏览器都支持。
转换准确吗？
是的。转换使用标准的色彩科学公式，并生成行业标准值。
HEX ↔ RGB 转换是无损的（精确）。HSL、HSB 和 CMYK 值四舍五入为整数以提高可读性。
对于打印，请记住屏幕颜色（RGB）在 CMYK 打印时可能会因色域差异而略有不同。
我如何在 CSS 中使用这个？
复制 HEX 值以获得最简洁的形式：color: #3b82f6;
或者使用带透明度的 RGB：color: rgba(59, 130, 246, 0.8);
或者使用 HSL，这使得亮度调整变得简单：color: hsl(217, 91%, 60%);