颜色 | 转换 | 预览

> 转换 | 预览 | 选择 <

// 在HEX、RGB、HSL、HSV和CMYK之间转换

 
[可视化]

颜色预览

实时颜色预览即时更新。

[双向]

任意格式输入

所有格式自动更新。

[免费]

5种颜色格式

HEX, RGB, HSL, HSV/HSB, CMYK转换。

// 关于颜色格式

颜色模型:

加色RGB用于屏幕,减色CMYK用于印刷,HEX为紧凑RGB表示,HSL/HSV用于色相饱和度。

示例:

#FF5733 → rgb(255, 87, 51) → hsl(11, 100%, 60%)

常见用途:

  • >Web开发: CSS颜色
  • >印刷: RGB转CMYK
  • >UI设计: HSL调整
  • >品牌: 一致颜色
  • >可访问性: 对比度

>> 常见问题

Q: HEX vs RGB?

HEX and RGB represent the same color model in different notations. HEX uses hexadecimal (#FF5733) while RGB uses decimal (rgb(255, 87, 51)).

Q: HSL?

HSL = Hue, Saturation, Lightness. More intuitive for humans. CSS supports hsl() natively.

Q: CMYK?

CMYK is for print. Not all RGB colors can be reproduced in CMYK.

Q: CSS color formats?

Modern browsers support HEX, RGB, HSL, named colors, hwb(), lab(), lch(), oklch().

Q: Accessibility?

Color format does not directly affect accessibility. WCAG 2.1 requires 4.5:1 minimum contrast for normal text.

// 其他语言