カラー変換 — HEX / RGB / HSL
色を選んで HEX・RGB・HSL を即座に相互変換。
🔒 すべてあなたのブラウザ内で動作します。入出力データはサーバに送信・保存されないため安全です。
このツール、役に立った?タップでリアクション
このツールについて
ビジュアルなカラーピッカーで色を選ぶか値を入力すると、HEX・RGB・HSLの間で即座に変換し、3つの表記を常に同期させます。HEXのブランドカラーをスタイルシート用にRGBやHSLへ変換したいときなど、WebデザインやCSSに便利です。すべてブラウザ内で動作し、ライブのスウォッチで実際の色を確認できます。
よくある質問
HEX・RGB・HSLの違いは何ですか?
いずれも同じ色を異なる方法で表します。HEXとRGBはどちらも赤・緑・青の各チャンネルを指定し(HEXは6桁の16進文字列、RGBは0〜255の3つの数値)、HSLは色相・彩度・明度で色を表すため、手作業で色味を微調整しやすいのが特長です。
透明度(アルファ)には対応していますか?
この変換ツールはHEX・RGB・HSLの不透明な色を対象としています。CSSで透明度を加えたい場合は、表示されたRGB値を使って、好きな不透明度の rgba() として記述してください。
入力したデータはどこかに送信されますか?
いいえ。色の変換はすべてブラウザ内で行われるため、選んだ値がどこかにアップロードされることはありません。