HEX to RGB 変換
任意の HEX カラーを RGB、HSL、HSV に即座に変換。逆方向の RGB から HEX にも対応。変換はすべてデバイス上で行われます。
HEX を RGB に変換する方法
- HEX to RGB モードを選択し、#3366FF のようなカラーコードを # の有無にかかわらず入力します。
- [変換] をクリックすると、RGB、HSL、HSV 値とライブプレビューのスウォッチが表示されます。
- 横の [コピー] ボタンで任意の結果をコピーします。
- RGB to HEX モードに切り替えると、赤・緑・青の値を HEX コードに戻せます。
よくある質問
# 記号なしの HEX コードを入力できますか?
はい。#3366FF と 3366FF の両方に対応し、#36F のような 3 桁の短縮形もサポートしています。
RGB 値を HEX に戻せますか?
はい。RGB to HEX モードに切り替え、0 から 255 の値を 3 つ入力すると、対応する HEX コードが生成されます。
変換はどこで行われますか?
ブラウザ内で完全に行われます。カラーデータがアップロードされたり保存されたりすることはありません。
HSL と HSV の値も表示されるのはなぜ?
デザイナーや開発者は異なるカラーモデルで作業するため、利便性を考えて RGB、HSL、HSV をまとめて表示しています。
関連ツール
HEX から RGB への変換ツールを使う理由
デザイン値を HEX カラーコードからコード用の RGB・HSL・HSV に変換したり、RGB 値を HEX に戻したりする必要があるときに使います。
- CSS や JavaScript を書くときに、HEX コードから RGB や HSL へデザイン値を変換できます。
- デザインツールの RGB 値を Web 用の HEX コードに戻せます。
- アプリやテーマで使う前に、色の正確な RGB・HSL・HSV 内訳を確認できます。
ヒントと制限
色の値は標準的な sRGB 色について往復で正確で、変換は完全に端末上で行われ、サーバーへの送信はありません。