// HEX ⇔ RGB CONVERTER
HEX⇔RGB変換
カラーコード（HEX 16進数）とRGBをリアルタイム相互変換。スライダーで直感操作、CSS用コードをワンクリックコピー。
プレビュー
HEX（カラーコード）→ RGB
RGB → HEX（カラーコード）
HEX⇔RGB変換ツールとは？
このツールは、カラーコード（HEX＝16進数）とRGB（赤・緑・青）を相互変換できる無料のオンラインツールです。HEX欄に #FF0000 のように入力するか、RGBスライダーを動かすと、もう一方の値がリアルタイムに更新されます。CSSの配色やデザインカンプの色指定にそのまま使えます。
無料
HEX→RGB
RGB→HEX
カラーコード変換
16進数
CSSコピー
カラーコード(HEX)とRGBの違い・変換の考え方
HEXもRGBも同じ色を別の書き方で表しているだけで、計算で相互に変換できます。
- HEX（カラーコード）：赤・緑・青の各値を16進数2桁（00〜FF）で並べ、先頭に # を付ける表記（例：#FF0000＝赤）。Webサイトのデザインで最もよく使われます。#F00 のような3桁短縮形もあります。
- RGB：赤(R)・緑(G)・青(B)の光の三原色を 0〜255 の10進数で混ぜる表記（例：rgb(255, 0, 0)＝赤）。透明度を加えた rgba() でも使われます。
16進数と10進数の対応
HEXの各2桁は0〜255を16進数にしたものです。例えば FF＝255、80＝128、00＝0。したがって #0080FF は rgb(0, 128, 255) と同じ色を指します。数値の詳しい変換は 16進→10進変換 も参照してください。
HEX⇔RGB 変換早見表（基本色）
| 色 | HEX | RGB |
|---|---|---|
| 赤 | #FF0000 | rgb(255,0,0) |
| 橙 | #FF7F00 | rgb(255,127,0) |
| 黄 | #FFFF00 | rgb(255,255,0) |
| 緑 | #00FF00 | rgb(0,255,0) |
| シアン | #00FFFF | rgb(0,255,255) |
| 青 | #0000FF | rgb(0,0,255) |
| マゼンタ | #FF00FF | rgb(255,0,255) |
| 黒 | #000000 | rgb(0,0,0) |
| 灰 | #808080 | rgb(128,128,128) |
| 白 | #FFFFFF | rgb(255,255,255) |
よくある質問
Q.カラーコード(HEX)をRGBに変換するには？
上のHEX欄に #FF0000 のように入力すると、RGB欄に赤・緑・青の値が自動計算されます。例：#FF0000 → rgb(255,0,0)。3桁の短縮表記（#F00）にも対応しています。
Q.RGBをカラーコード(HEX)に変換するには？
RGB欄でR・G・Bを0〜255で入力（またはスライダー操作）すると、HEX欄に16進数のカラーコードが自動計算されます。例：rgb(0,128,255) → #0080FF。
Q.HEXとRGBの違いは？
HEXは赤緑青の各値を16進数2桁（00〜FF）で並べて#付きで表す表記、RGBは同じ値を0〜255の10進数で表す表記です。同じ色を別の書き方で表しているだけで相互変換できます。
Q.入力した色のデータは送信されますか？
いいえ。すべての変換はブラウザ上で完結し、データはサーバーに送信されません。