カラー変換とは？
カラー変換ツールは、HEX・RGB・HSL・HSBなど異なるカラー表記間で色を相互変換するツールです。デザインツールとCSSコードの間で色を移動する際など、フォーマット変換が必要な場面でデザイナーや開発者に重宝されます。
使い方
- 任意のカラー形式で色の値を入力します（例: #FF5733、rgb(255, 87, 51)、hsl(11, 100%, 60%)）。
- 入力した色がすべての対応フォーマットに即座に変換され、まとめて表示されます。
- ワンクリックで変換結果をクリップボードにコピーし、コードやデザインツールで使用できます。
基礎知識
HEXコードはRGBの各チャンネルを16進数6桁で表現します。RGBは赤・緑・青を0〜255の整数値で指定します。HSL（色相・彩度・輝度）はより直感的なモデルで、色相は0〜360度のカラーホイール角度、彩度は色の鮮やかさの割合、輝度は明るさを制御します。HSB（色相・彩度・明度）はHSLに似ていますが輝度の代わりに明度を使用し、一部のデザインアプリで採用されています。
RGB(r,g,b) → HEX = #RRGGBB, HSL(h,s,l) → RGB変換
よくある質問
HSLとHSBの違いは何ですか？
どちらも色相と彩度を使いますが、HSLは輝度（50%が純色）、HSBは明度（100%が純色）で定義します。同じ色相・彩度でも、モデルによって見え方が異なる場合があります。
アルファ（透明度）チャンネル付きの色も入力できますか？
はい。rgba(255, 87, 51, 0.5)や8桁HEXコード（#FF573380）のようにアルファ値を含む入力にも対応し、各フォーマット間でアルファ値を保持して変換します。
CSSのすべてのカラー形式に対応していますか？
HEX（3桁・4桁・6桁・8桁）、RGB、RGBA、HSL、HSLAに対応しており、CSSや主要なデザインツールで使われるカラー形式を広くカバーしています。