🎨 HEX→RGB変換

16進数カラーコードをRGBとHSLに変換。

HEX コードを入力して変換をクリック。


逆変換:RGB → HEX

HEX→RGB変換について

この変換器は 16 進数カラーコード(例:#0EA5E9)を受け取り、対応する RGB、RGB パーセント、HSL、HSV 値を即座に出力します。逆変換も可能で、R/G/B 値を入力すれば HEX コードが得られます。すべての計算はブラウザ内で行われます。

カラーフォーマットの解説

  • HEX —— # プレフィックス付きの 6 桁 16 進数、赤緑青各 2 桁(例:#0EA5E9)。
  • RGB —— 0〜255 の 3 つの 10 進整数(例:rgb(14, 165, 233))。
  • RGB パーセント —— 各チャンネルの 255 に対する割合(例:5.5%, 64.7%, 91.4%)。
  • HSL —— 色相(0〜360°)、彩度、輝度(0〜100%)。デザイナーに直感的。
  • HSV —— 色相、彩度、明度。Photoshop などの画像エディタで使用。

よくある質問

HEX コードに # プレフィックスは必要ですか? #RRGGBBRRGGBB 両方を受け付けます。3 桁の短縮形 #RGB も対応。

アルファチャンネルは対応していますか? 本ツールは RGB / HSL に特化しており、アルファ付き 8 桁 HEX は対象外です。

変換は正確ですか? はい。標準的な公式を使用し、必要に応じて整数に丸めています。