> 轉換 | 預覽 | 選擇 <
// 在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.