カラー変換

対応しているフォーマットは？

HEX・RGB・HSLの表記を瞬時に相互変換できます。WebデザインやCSS、ブランドカラーの調整、デザインツールの値をコードで必要な形式に変換する際に手軽に使えます。

カラー変換の使い方

1. 色を選択または値を入力 — カラーピッカーで色を選ぶか、HEX・RGB・HSLの値を直接入力します。
2. 自動変換 — 残りの形式の値が即座に一緒に更新されます。
3. コピー — 必要な形式の横の「コピー」ボタンで値を取得します。

HEX・RGB・HSLの違いは？

HEX（例：#1a73e8）はCSSでよく使われるコンパクトな6桁のコードです。RGBは赤・緑・青の各チャンネル（0〜255）で色を表します。HSLは色相・彩度・明度を使うため、手作業で色を微調整しやすいのが特徴です。

HEXコードの読み方は？

HEXは#RRGGBBの形式で、赤・緑・青をそれぞれ2桁の16進数（00〜FF、0〜255）で表します。例えば#FF0000は赤、#00FF00は緑です。3桁の短縮形（#RGB）もあり、各桁を2回繰り返したものと同じです。

HSLはどんな時に便利？

色相（Hue）だけを回して色合いを変えたり、彩度・明度だけを調整して同系色の明るい・暗いバリエーションを作ったりするのに直感的です。デザインで色を手作業で微調整したり、パレットを作ったりする際に特に便利です。

入力した色の値はどこへ送信される？

どこにも送信されません。すべての変換はブラウザ内だけで行われるため、値がサーバーに送られることはなく、オフラインでも動作します。