カラーホイール
インタラクティブな色相環でハーモニーを探り、バランスの良いパレットを作れます。
今すぐ試すRGBをHEXに変換：カラーコードコンバーター
RGB値（例：230, 88, 23）を入力すると、CSS用の16進数コードがすぐに得られます。HSL、CMYK、LABなどの形式も表示。逆方向の変換もできます。
#
#2C71DErgb(44, 113, 222)
RGBチャンネル
- 赤2C → 44
- 緑71 → 113
- 青DE → 222
または色を見ながら選ぶ
カラー変換
RGB→HEX カラー表
よく調べられる色のRGB値と16進数コードです。クリックするとコンバーターに読み込まれます。
| 色 | HEX | RGB |
|---|---|---|
| #FFFFFF | rgb(255, 255, 255) | |
| #000000 | rgb(0, 0, 0) | |
| #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) | |
| #FFA500 | rgb(255, 165, 0) | |
| #800080 | rgb(128, 0, 128) | |
| #FFC0CB | rgb(255, 192, 203) | |
| #A52A2A | rgb(165, 42, 42) | |
| #808080 | rgb(128, 128, 128) | |
| #C0C0C0 | rgb(192, 192, 192) | |
| #000080 | rgb(0, 0, 128) | |
| #808000 | rgb(128, 128, 0) |
RGBカラーをHexに変換する方法
各RGBチャンネルは0〜255の10進数です。Hexに変換するには、その数を16進数に変換し、チャンネルごとに00〜FFの2文字の値を得ます。得られた3つのペアを赤・緑・青の順につなげると、完全なHexコードになります。
たとえば、rgb(230, 88, 23)という色は次のように変換されます：
- 230E6赤
- 8858緑
- 2317青
#E65817結果は#E65817です。HexからRGBへのコンバーターとちょうど逆の処理です。
- 230 ÷ 16 = 14 (E), 余り 6 → E6
- 88 ÷ 16 = 5, 余り 8 → 58
- 23 ÷ 16 = 1, 余り 7 → 17
計算式をステップごとに
各値を16で割ります。商がペアの1文字目、余りが2文字目です。10〜15の数は文字で書きます：A = 10、B = 11、C = 12、D = 13、E = 14、F = 15。
CSSで使えるHEXとRGBの形式
同じ色でもさまざまな書き方があります。どれも現在のブラウザで動作し、コンバーターはすべての形式を理解します。
6桁のHEX
最も一般的な形式。赤・緑・青の順に、チャンネルごとに2文字です。大文字でも小文字でもかまいません。
短縮HEX（3桁）
各ペアが同じ文字の繰り返しなら短縮できます：
#FF6600は#F60と書けます。透明度付きHEX（8桁）
最後の2文字はアルファチャンネルです：
00は透明、FFは不透明。80は50%に相当します。カンマ区切りのrgb()
古典的な構文で、どのブラウザでも動作します。各チャンネルは0〜255です。
モダンなrgb()
CSS Color 4の構文：値をスペースで区切り、スラッシュの後に透明度を任意で指定します。
rgba()もエイリアスとして引き続き使えます。
色相環で色を探る
よくある質問
3つのRGB値（0〜255）をそれぞれ16進数に変換し、チャンネルごとに2文字の数にします。3つのペアを赤・緑・青の順につなげるとHexコードになります。
16進数では、0〜9の数字とA〜Fの文字を使って10〜15の値を表します。そのため、最終的なHexコードには両方が含まれることがあります。
有効な値ではありません。各RGBチャンネルが受け付けるのは、1バイトで表せる全範囲である0〜255の数だけです。
はい。230, 88, 23、230 88 23、rgb(230, 88, 23)、rgb(230 88 23)、rgba(…)に対応しています。透明度を含めた場合、6桁のHEXの計算では無視されます。
はい。HexからRGBへのコンバーターを使えば逆の変換ができます。16進数コードを入力すると、対応する3つのRGB値が得られます。
各ペアが同じ文字の繰り返しのときに使える短縮形です：#F60は#FF6600、#FFFは#FFFFFFと同じです。コンバーターはどちらも受け付けます。
末尾にアルファチャンネルとして2文字を追加します。#E6581780は同じオレンジの不透明度50%です。00は完全に透明、FFは不透明です。