RGB HEX 変換の使い方
- 変換の向き（RGB→HEX／HEX→RGB）を選びます。
- RGB→HEXでは各色0〜255を、HEX→RGBでは#RRGGBB形式（3桁の#RGBも可）を入力します。
- 入力するとすぐに変換結果が表示されます。
RGB HEX 変換の方法
HEXはRGBの各値を16進数2桁で表したものです。たとえばRGB(35, 64, 122)は、35 = 23、64 = 40、122 = 7A（16進数）なので #23407A になります。逆変換では、16進数の各2桁を10進数に戻します。
| RGB | HEX | 備考 |
|---|---|---|
| 255, 0, 0 | #FF0000 | 赤 |
| 0, 128, 0 | #008000 | 緑（CSSのgreen） |
| 35, 64, 122 | #23407A | 紺色の例 |
| 255, 255, 255 | #FFFFFF | 白 |
HSL表記への変換はRGB HSL 変換でできます。
RGB HEX 変換のポイント
CSSではHEX表記が最も一般的です。透明度を付ける場合は、後ろに16進数2桁を足した#RRGGBBAA形式も使われます。色の指定ミス（桁の入れ違え）はレイアウトの崩れではなく色違いとして現れるため、変換ツールで確認すると安心です。
よくある質問
#RGBの3桁表記はどう読みますか？
各桁を2倍にした6桁表記と同じ色です。たとえば#abcは#AA BB CC、つまりRGB(170, 187, 204)です。このツールでも3桁表記を入力できます。
RGBの各値はなぜ0〜255なのですか？
各色を8bit（256段階）で表すためです。0が最も暗く（その色なし）、255が最も明るくなります。3色の組み合わせで約1,677万色を表現できます。
関連する計算・変換
このページでは、次の計算・変換もできます。
関連する計算ツール
カテゴリ：デジタル・科学の計算ツール一覧