カラーコンバーター＆ピッカー
任意の色を選択すると、その色のHEX、RGB、HSL値が瞬時に表示されます。クリックするだけで任意の形式をコピーをます。CSS、デザインツール、コードに最適です。
#3B82F6
16進数
RGB
HSL
色の変換方法
1
カラーピッカーを使って色を選択するか、HEX、RGB、またはHSL値を入力フィールドに直接入力してください。
2
すべてのフォーマットは即座に更新されます。HEX、RGB、HSLの値は、変更を加えるとリアルタイムで再計算されます。
3
いずれかのフォーマットの横にある「コピー」ボタンをクリックすると、値がクリップボードにコピーを、CSS、Figma、またはコードに貼り付けることができます。
よくある質問
HEX、RGB、HSLの違いは何ですか？
HEX（例：#FF5733）は、HTMLとCSSで使用される16進数表現です。RGB（例：rgb(255, 87, 51)）は、赤、緑、青のチャンネルで色を定義します。HSL（例：hsl(11, 100%, 60%)）は、色相、彩度、明度で色を定義します。これは、細かな調整を行うデザイナーにとって、より直感的な場合が多いです。
16進数コードを直接入力できますか？
はい。HEX入力フィールドをクリックして、有効な6桁のHEXコード（例：#3B82F6）を入力または貼り付けてください。RGB値とHSL値は自動的に更新されます。3桁（#RGB）と6桁（#RRGGBB）の両方の形式がサポートされています。
色データはサーバーに送信されますか？
いいえ。色の変換はすべてブラウザ内でJavaScriptを使用して行われます。サーバーにデータが送信されることはありません。
このツールを使ってCSSの色値を取得できますか？
はい、HEX、RGB、またはHSLの横にある「コピー」をクリックして、CSSに直接貼り付けるだけです。これら3つの形式はすべて有効なCSSカラー値であり、最新のブラウザですべてサポートされています。