FREE WEB TOOL

RGB → HEXカラーコード変換

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

使う

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

使い方と確認ポイント

RGBのR・G・B各値(0〜255)を、WebやCSSでよく使う6桁のHEXカラーコード(#RRGGBB)へ変換します。

  1. R・G・Bを0〜255で入力します。
  2. 「変換」を押します。
  3. 表示された#から始まる6桁のコードをCSS・デザインツールなどへ使います。
入力
R / G / B:0〜255
出力
#RRGGBB
例
49, 118, 236
処理
ブラウザ内

「49, 118, 236」をHEXにすると

R=49、G=118、B=236のようなRGB値を、#から始まる6桁へまとめます。RGBの3つの数値を手計算で16進数へ直す必要はありません。

HEXとRGBは色の表し方が違うだけで、同じ色を表現できます。変換しただけで色味が変わるわけではありません。

6桁はRR・GG・BBの3組

HEXカラーは「赤2桁・緑2桁・青2桁」の順です。各2桁は00〜FFで、10進数の0〜255に対応します。つまりRGBの3チャンネルを16進数に置き換えて並べたものです。

00は最小、FFは最大

たとえば赤チャンネルなら00が赤なし、FFが赤最大です。#000000は全チャンネル0なので黒、#FFFFFFはすべて最大なので白になります。

CSSではそのまま色指定に使える

color、background-color、border-colorなどへ#RRGGBB形式で指定できます。透明度も必要なら、HEX 8桁やrgba()など別の表記を使います。

3桁HEXとは別物だが省略できる場合がある

#FFFFFFは#FFF、#336699は#369のように、各ペアが同じ数字なら3桁へ短縮できます。変換結果は分かりやすさを優先して6桁で確認するのが安全です。