カラー変換器

画面上の色はさまざまなモデルで表現されます。RGB（Red、Green、Blue）は0-255の光の強度を混合して色を定義します。HEXは16進法を使用したRGBのコンパクトな表現です（#RRGGBB）。HSL（Hue、Saturation、Lightness）は人間にとってより直感的です — 色相は色の角度（0-360°）、彩度は強度（0-100%）、明度は明るさ（0-100%）です。

このツールでは、HEX、RGB、HSLの各形式間で瞬時にカラー変換が可能です。カラーピッカーを使用して視覚的に色を選択したり、CSS値を直接入力して変換結果を確認できます。すべてのフォーマットのCSS出力をワンクリックでコピーできます。

Webデザインでのカラーパレット作成、CSSスタイリング、ブランドカラーの形式変換、アクセシビリティ対応のコントラスト確認など、フロントエンド開発やデザイン作業で日常的に活用できます。デザインツールとコード間での色の受け渡しにも便利です。

HSLモデルは色のバリエーション作成に特に優れており、色相を固定したまま彩度や明度を調整することで、統一感のあるカラースキームを簡単に生成できます。WCAGガイドラインに基づくアクセシブルな配色の選択にも役立ちます。