デザインやコーディングで「この色、CSS だと何て書くんだっけ」を一発で解決するためのカラーコード変換ツールです。`#3b82f6` のような HEX、`rgb(59, 130, 246)`、`hsl(217, 91%, 60%)`、`hsv(217, 76%, 96%)` のいずれか1つを入力欄に貼ると、その色を HEX・RGB・HSL・HSV の4形式すべてに同時変換し、それぞれの値をワンクリックでコピーできます。形式の種類は自動で判別するので、どの欄に何を入れるか迷う必要はありません。`#3b82f6`（6桁）はもちろん `#39f`（3桁の短縮）や、`#3b82f680` のようなアルファ付き8桁 HEX、`rgba()`・`hsla()` の透明度指定にも対応し、アルファがある場合は各形式にも反映します。入力欄の横のカラーピッカーで視覚的に色を選べば逆に各コードが埋まり、大きなプレビューで実際の見え方を確認できます。HEX を大文字・小文字どちらで出力するかは切り替えでき、その設定はブラウザに保存されるので次回も同じ書式で開けます。HSL は CSS でそのまま使える `hsl(色相, 彩度%, 明度%)` の表記、HSV(=HSB) はカラーピッカーでよく使われる色相・彩度・明度の3値として表示します。RGB↔HSL↔HSV の相互変換は標準的な計算式で行っており、丸めの都合で1往復すると末尾が1ずれることがある点（例: 彩度 60% が 59% になる等）はカラーツール共通の挙動です。重要な点として、入力した色の値はサーバーへ一切アップロード・保存・送信しません。すべての変換が JavaScript であなたのブラウザ内だけで完結するため、ブランドカラーや未公開デザインの色でも安全に扱えます。CMYK や Lab、特定の色名(named colors)からの変換は対象外で、まずは Web で最もよく使う4形式の相互変換に絞っています。