カラーコード変換
HEX, RGB, HSLを相互変換します。カラーピッカーで直接色を選べます。
カラーコード変換とは
Webデザインでは色を表現するフォーマットが複数あります。HEX（#3b82f6）はCSSやデザインツールで最も一般的、RGB（rgb(59, 130, 246)）はCSSの関数表記やプログラムでの色操作に使用、HSL（hsl(217, 91%, 60%)）は色相・彩度・明度で直感的に色を調整できます。デザインカンプとコードの間で色を変換する場面は多く、相互変換ツールがあると効率的です。
各フォーマットの特徴
- HEX — #RRGGBB形式。CSS、Figma、Sketch等で最も広く使われる
- RGB — 赤・緑・青の3成分（0〜255）。プログラムでの色計算に便利
- HSL — 色相・彩度・明度。「少し明るく」「少し青寄りに」といった調整が直感的