FREE WEB TOOL

HEXカラーコード → RGB変換

#RGB / #RRGGBB形式のHEXカラーコードをRGB(0〜255)へ変換します。

使う

🔒 入力内容はブラウザ内で処理します。

使い方と確認ポイント

3桁または6桁のHEXカラーコードを0〜255のRGBへ変換します。先頭の#はあってもなくても構いません。

  1. HEX欄へ #315EE8 のように入力します。
  2. 「変換」を押します。
  3. rgb(...)表記とR/G/B各値を確認します。
対応
3桁 / 6桁HEX
#
任意
3桁展開
#ABC → #AABBCC
空白
コード内部は不可

#ABCは#AABBCCとして変換する

#ABC → #AABBCC → rgb(170, 187, 204)。3桁HEXは各桁を2回ずつ並べてから計算します。

#RGBA / #RRGGBBAAのalpha付きHEXはこのツールの対象外です。透明度を含む色は別途alpha値を扱ってください。

HEXの2桁が1チャンネル

00〜FFを10進数0〜255へ読み替え、赤・緑・青の3つの値に分けます。FFは255、00は0です。

3桁は省略記法

A→AA、B→BB、C→CCへ展開します。そのため#FFFは白、#000は黒として通常の6桁HEXと同じ結果になります。

大文字小文字は区別しない

A〜Fでもa〜fでも同じ16進数として扱います。入力の見た目が違っても色の値は同じです。

内部空白は除去しない

前後の空白はtrimしますが、#315E E8 のようにHEXの途中へ空白がある形式は不正として扱います。

CSS表記の読み替えに便利

デザイン指示でもらったHEXをRGB三値へ読み替えたいときや、画像編集ソフトへ数値を移したいときに使えます。

透明度は扱わない

RGB三成分だけを返します。4桁・8桁HEXに含まれるalpha値は解析せず、結果にも出しません。

関連リファレンス: 画像形式