HEX から RGB へのコンバーター

HEXからRGBへのカラー値変換表

こちらは、16進数（HEX）値とそれに対応するRGB値の詳細なカラーテーブルです。この表は、デザインや開発で一般的に使用される色の範囲をカバーしています。

カラー名	HEXコード	RGB値
ブラック	#000000	rgb(0, 0, 0)
ホワイト	#FFFFFF	rgb(255, 255, 255)
レッド	#FF0000	rgb(255, 0, 0)
グリーン	#00FF00	rgb(0, 255, 0)
ブルー	#0000FF	rgb(0, 0, 255)
イエロー	#FFFF00	rgb(255, 255, 0)
シアン	#00FFFF	rgb(0, 255, 255)
マゼンタ	#FF00FF	rgb(255, 0, 255)
グレー	#808080	rgb(128, 128, 128)
ダークグレー	#A9A9A9	rgb(169, 169, 169)
ライトグレー	#D3D3D3	rgb(211, 211, 211)
オレンジ	#FFA500	rgb(255, 165, 0)
パープル	#800080	rgb(128, 0, 128)
ピンク	#FFC0CB	rgb(255, 192, 203)
ブラウン	#A52A2A	rgb(165, 42, 42)
ゴールド	#FFD700	rgb(255, 215, 0)
ネイビー	#000080	rgb(0, 0, 128)
オリーブ	#808000	rgb(128, 128, 0)
ティール	#008080	rgb(0, 128, 128)
マルーン	#800000	rgb(128, 0, 0)

HEXからRGBへの変換

当社のツールを使用すると、HEXコードをRGB値に簡単に変換できます。技術的には以下のように動作します：

1. HEXコードの最初の2桁は、赤の色レベルを決定するために10進数に変換されます。
2. 中央の2桁は、緑の色レベルを決定するために10進数に変換されます。
3. 最後の2桁は、青の色レベルを決定するために10進数に変換されます。

HEXフォーマットの理解

HEXカラーコードは通常#RRGGBBの形式で6文字で構成されます。それぞれの2文字のペアが赤、緑、青の色成分を表します。文字の範囲は0-9およびA-Fで、10進数では0-15に対応します。例えば：

#FF5733は以下を意味します：

• 赤に対してFF
• 緑に対して57
• 青に対して33

HEXコードの分解

HEXコードは3つの部分に分けられます：

• 最初の2文字（RR）は赤の色成分を表します。
• 中央の2文字（GG）は緑の色成分を表します。
• 最後の2文字（BB）は青の色成分を表します。

例：#FF5733の場合：

• 赤：FF
• 緑：57
• 青：33

HEXを10進数に変換

各HEXペアは16進数（基数16）から10進数（基数10）に変換されます。これは、各桁を16の対応するべき乗で乗算し、その結果を合計することで行われます。FFのようなペアでは以下のように計算されます：

F（HEX）= 15（10進数）なので、FF = (15 × 16^1) + (15 × 16^0) = 240 + 15 = 255（赤の値）。

同様に：

• 57（HEX）= (5 × 16^1) + (7 × 16^0) = 80 + 7 = 87（緑の値）。
• 33（HEX）= (3 × 16^1) + (3 × 16^0) = 48 + 3 = 51（青の値）。

RGB値の結果

そのため、#FF5733はRGB値としてrgb(255, 87, 51)に変換されます。

一般的な変換手順：

1. HEXカラーコードから赤、緑、青のHEX値を抽出します。
2. 各HEXペアを次の式を使用して10進数に変換します：
   decimal = (first_digit × 16) + second_digit
3. 結果はRGB値になり、デジタル形式での色表現に使用されます。

変換例

HEX: #A52A2A

• 赤: A5（HEX）= 165（10進数）
• 緑: 2A（HEX）= 42（10進数）
• 青: 2A（HEX）= 42（10進数）
• RGB: rgb(165, 42, 42)

これが#A52A2A（ブラウン）がrgb(165, 42, 42)に変換される方法です。

当社のHEXからRGB変換ツールについて