🎨カラーコード変換ツール

使い方

1. 1

   色を入力

   HEXコード（#fff / #ffffff）、RGB値（rgb(255,0,0)）を入力するか、カラーピッカーで色を選択します。

2. 2

   変換結果を確認

   HEX・RGB・HSL・HSBの全形式がリアルタイムで自動計算・表示されます。

3. 3

   値をコピー

   各形式の横にあるコピーボタンをクリックするとクリップボードにコピーされます。

よくある質問

対応している色の形式は何ですか？

HEX（3桁・6桁）、RGB、HSL、HSB/HSVに対応しています。いずれかの形式で入力すると、全形式に一括変換されます。

HSLとHSBの違いは何ですか？

HSL（色相・彩度・輝度）は輝度50%が純色、100%が白です。HSB/HSV（色相・彩度・明度）は明度100%が純色、0%が黒になります。どちらも色相の定義は同じです。

「red」「blue」のようなCSSカラー名は使えますか？

はい、ブラウザのカラー解析エンジンを利用しているため、標準的なCSSカラー名（red、blue、coralなど）も入力できます。

透明度（アルファ値）は対応していますか？

現バージョンは不透明色（アルファチャンネルなし）に対応しています。RGBAおよびHSLAは今後のアップデートで対応予定です。

HEXはどうやってRGBに変換されますか？

6桁のHEXカラーを2桁ずつ3組に分割し、それぞれを16進数から10進数（0〜255）に変換したものが赤・緑・青の各成分になります。