> 変換 | プレビュー | 選択 <
// HEX、RGB、HSL、HSV、CMYK間の変換
[ビジュアル]
カラープレビュー
リアルタイムでプレビュー更新。
[双方向]
任意形式入力
全形式が自動更新。
[無料]
5つのカラー形式
HEX, RGB, HSL, HSV/HSB, CMYK対応。
// カラー形式について
カラーモデル:
加法RGB、減法CMYK、HEX表記、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.