カラーコンバーター

HEX、RGB、HSL、HSV、CMYK形式間で色を変換。カラーパレットを生成。

色を入力

ピッカー

無効な色形式です。HEX、RGB、HSLを試してください。

カラースペースとは？

カラースペースは数字を使って色を記述する方法です。GPS座標で場所を記述できるように、適切な数字であらゆる色を記述できます。

異なるデバイスや用途には異なるアプローチが必要なため、様々なカラースペースが存在します：

色変換を理解することで、画面、印刷物、異なるソフトウェア間で一貫した色を維持できます。

RGBは赤、緑、青の光を混ぜて色を作ります。各チャンネルは0〜255の範囲です。

赤:   (255, 0, 0)     → 純粋な赤
緑:   (0, 255, 0)     → 純粋な緑
青:   (0, 0, 255)     → 純粋な青
白:   (255, 255, 255) → すべての色が最大
黒:   (0, 0, 0)       → 光なし

なぜ255？ 各チャンネルは8ビット（2^8 = 256値、0〜255）を使用します。これにより1670万色（256 × 256 × 256）が可能になります！

クイックヒント: 等しいRGB値はグレーを作ります。(128, 128, 128) は中間グレーです。

HEXコードは16進数（base-16）で書かれたRGB値です。

#FF5733
 ││││││
 ││││└┴── 青: 33 (16進) = 51 (10進)
 ││└┴──── 緑: 57 (16進) = 87 (10進)
 └┴────── 赤: FF (16進) = 255 (10進)

短縮表記：

一般的なHEXコード：

HSLはより直感的な方法で色を記述します：

デザイナーがHSLを好む理由：

🎨 カラーホイールを使う：

アクセシビリティの注意: 常に色のコントラスト比を確認してください！テキストは背景に対して少なくとも4.5:1のコントラストが必要です（WCAG AA準拠）。

CMYKは減法混色を使用します（インクが光を吸収）：

RGB → CMYKは損失あり！
一部の鮮やかな画面色は印刷できません。

印刷のヒント：

🎯 Web開発者向け：

🎨 デザイン向け：