颜色转换器

HEX、RGB、HSL、HSV、CMYK 互转,透明度支持

色轮

预览

#6366f1

所有格式

HEX#6366f1
HEX + A#6366f1
RGBrgb(99, 102, 241)
RGBArgba(99, 102, 241, 1.00)
HSLhsl(239, 84%, 67%)
HSLAhsla(239, 84%, 67%, 1.00)
HSVhsv(239, 59%, 95%)
CMYKcmyk(59%, 58%, 0%, 5%)
CSS Var--color-primary: #6366f1;
Tailwindtext-[#6366f1]
互补色
类似色
三色组
分裂互补
四色组
4.47:1
AA 标准 AA 大字 AAA 标准 AAA 大字
示例文本 Aa
快速的棕色狐狸跳过了懒狗
还没有取色记录

关于颜色转换器

颜色格式转换器支持HEX/RGB/HSL/HSV/CMYK互转,实时预览颜色,生成渐变色。前端开发、设计稿转换、CSS编写必备。

使用方法

  1. 输入任意颜色格式(HEX/RGB/HSL等)
  2. 自动转换为其他格式
  3. 实时预览颜色效果
  4. 复制所需格式的代码

常见问题

HSL相比RGB有什么优势?
HSL(色相/饱和度/亮度)更符合人类感知。调整亮度不影响色相,易于生成同色系不同明暗的配色。RGB三通道耦合不直观。
CMYK是什么?
CMYK(青/品红/黄/黑)是印刷色彩模式,与屏幕的RGB不同。设计印刷品需转CMYK,但网页/APP用RGB/HEX。
为什么转换后颜色不完全一样?
不同色彩空间范围不同(色域)。RGB→CMYK可能丢失鲜艳度,CMYK→RGB某些颜色无法精确还原。专业设计需注意色域匹配。