デザイン
カラー変換
HEX↔RGB↔HSLカラーコード変換
#3A86FF
HEX
RGB
rgb(58, 134, 255)HSL
hsl(217, 100%, 61%)このツールについて
カラー変換ツールは、HEX・RGB・HSLの3つのカラーコードをリアルタイムで相互変換する無料ツールです。カラーピッカーで色を直接選択するか、コードを入力すると他の形式が自動計算されます。Webデザイン、CSSコーディング、デジタルデザイン作業に便利です。
使い方
- カラーピッカーをクリックするか、HEXコードを入力します。
- RGB・HSLスライダーで色を細かく調整します。
- コピーボタンで必要な形式のコードをクリップボードにコピーします。
よくある質問
HEX、RGB、HSLとは何ですか？
HEXは16進数6桁（#FF5733）、RGBは赤・緑・青の0〜255値（rgb(255,87,51)）、HSLは色相・彩度・明度（hsl(14,100%,60%)）で色を表現します。用途に応じて便利な形式をお使いください。
CSSではどの形式を使えばいいですか？
HEXが最も一般的ですが、明るさや彩度を調整するときはHSLが直感的です。RGBは透明度（rgba）を使うときに便利です。
入力した色情報は保存されますか？
いいえ。すべての変換はブラウザ内で処理され、サーバーへは送信されません。
結果は参考用です。正確な情報は公式機関でご確認ください