HEX RGB 変換ツール

HEXからRGBへの変換とは？

6桁または3桁の16進数（HEX）カラーコードを、ブラウザ上で瞬時に標準的な赤（Red）・緑（Green）・青（Blue）のRGB形式に変換します。

HEXからRGBへはどのように変換されますか？

HEXとRGBは同じsRGB色空間を表す異なる記数法です。HEXコードは赤・緑・青の各2文字（16進数）に分割され、各ペアの1文字目を16倍して2文字目を足すことで10進数（0〜255）のRGB値が得られます。

数学的な計算式

例えばカラーコード #FF5733 の場合：

• 赤 (FF): (15 × 16) + 15 = 255
• 緑 (57): (5 × 16) + 7 = 87
• 青 (33): (3 × 16) + 3 = 51

したがって、#FF5733 は rgb(255, 87, 51) と一致します。

対応している入力フォーマット

標準的な6桁コード（#FF5733）および3桁の短縮表記（#F00 → #FF0000）に対応しています。先頭のシャープ記号（#）は省略可能です。

JavaScript 実装例

ご自身のアプリケーションで外部依存なしに変換ロジックを実装したい場合の関数サンプルです：

function hexToRgb(hex) {
  let clean = hex.replace(/^#/, '').trim();
  if (clean.length === 3) clean = clean.split('').map(c => c + c).join('');
  const val = parseInt(clean, 16);
  return { r: (val >> 16) & 255, g: (val >> 8) & 255, b: val & 255 };
}

関連ツール

逆方向の変換が必要な場合はこちらをご利用ください： RGB HEX 変換ツール ⇄.