颜色转换器

HEX、RGB、HSL、CMYK颜色格式互转,互补色与相近色推荐

#4F46E5
HEX
#4F46E5
RGB
rgb(79, 70, 229)
HSL
hsl(244, 75%, 59%)
CMYK
cmyk(66%, 69%, 0%, 10%)

互补色

相近色

如何使用颜色转换器?

  1. 使用颜色选择器选取颜色,或在HEX输入框中手动输入颜色代码
  2. 点击"应用"按钮或直接选择颜色,转换结果实时更新
  3. 查看HEX、RGB、HSL、CMYK四种格式的转换结果
  4. 点击每项结果右上角的"复制"按钮,一键复制颜色代码
  5. 查看下方推荐的互补色和相近色,获取配色灵感
  6. 点击推荐色块可直接切换到该颜色

颜色转换器功能

颜色转换常见问题

Q: HEX和RGB有什么区别?
A: HEX是用十六进制表示颜色(如#FF5733),常用于CSS和设计软件。RGB用红绿蓝三个分量表示(如rgb(255,87,51)),取值范围0-255。两者可互相转换,表达的是同一种颜色,只是表示方式不同。
Q: HSL颜色格式有什么优势?
A: HSL(色相、饱和度、亮度)更符合人类对颜色的直觉理解。调整色相改变颜色类型,调整饱和度改变鲜艳程度,调整亮度改变明暗,比RGB更直观,适合配色方案设计和色彩调整。
Q: 什么是互补色和相近色?
A: 互补色是色环上相对的两种颜色(相差180度),搭配使用对比强烈,适合突出重点。相近色是色环上相邻的颜色(相差30-60度),搭配和谐统一,适合整体配色方案。本工具自动推荐这两种配色方案。
Q: CMYK格式有什么用途?
A: CMYK(青、品红、黄、黑)是印刷行业使用的颜色模式,对应四种油墨。网页设计使用RGB,而印刷品设计使用CMYK。本工具可一键将屏幕颜色转换为印刷用CMYK值。