HEXからRGBへの変換

6桁のHEXカラーは、赤・緑・青をそれぞれ2桁の16進数で保存します。各組を16進数から10進数へ直すと、0〜255のRGB値になります。

計算例

入力
#336699
結果
rgb(51, 102, 153)
計算
R = 0x33 = 51; G = 0x66 = 102; B = 0x99 = 153

変換の仕組み

先頭の#を外し、6桁をRR・GG・BBに分け、各組を10進数へ変換します。3桁のHEXでは各文字を2回に増やすため、#369は#336699になります。

重要な注意

8桁のHEXはRGBの後ろにアルファ値を追加します。アルファは不透明度を変えますが、3つのRGB値自体は変えません。

この例をカラーツールで開く