> 转换 | 预览 | 选择 <
// 在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.