カラー変換
HEX、RGB、HSL間でリアルタイム変換。
R
G
B
H (°)
S (%)
L (%)
カラーコード変換ツール：HEX・RGB・HSLをリアルタイム変換
ウェブデザインや開発では、HEX、RGB、HSLなど異なるカラーフォーマット間の変換が頻繁に必要です。HEXは#RRGGBBの16進数表記、RGBは赤・緑・青の0-255値、HSLは色相・彩度・明度による直感的な色指定です。
このツールでは、いずれかの形式で色を入力すると、他のすべての形式に即座に変換されます。カラープレビューが同時に表示されるため、視覚的に色を確認しながら作業できます。
CSS、デザインツール、画像編集ソフトなど、それぞれのツールが要求するフォーマットに合わせた変換に最適です。すべての処理はブラウザ内で行われます。
よくある質問
HEX、RGB、HSLの違いは？
HEXはウェブデザインで最も使用される形式で、#RRGGBBの16進数6桁で色を表します。RGBは赤・緑・青の光の混合（加法混色）で各チャンネル0-255です。HSLは色相（0-360度）・彩度・明度で定義し、色の調整がより直感的です。3つとも同じ色を異なる方法で表現しています。
ウェブデザインにはどの形式を使うべきですか？
CSSではどの形式も使えます。HEXは簡潔で一般的ですが、透明度が必要な場合はrgba()が便利です。HSLは色のバリエーションを作るのに優れており、色相を固定して彩度や明度を変えるだけで調和のとれたパレットを作れます。
RGB値はどう機能しますか？
RGBは加法混色モデルです。赤(R)、緑(G)、青(B)の各チャンネルは0から255の値を取ります。(0,0,0)は黒、(255,255,255)は白です。例えば(255,0,0)は純粋な赤、(255,255,0)は黄色です。
もっと知りたいですか？ 完全ガイドを読む →