MCPで接続 →

計算を入力してください

公式

広告

結果

HEXカラーコード
#FF6347
rgb(255, 99, 71)
255
99
71

RGB→HEX変換ツールとは?

このツールは、RGBモデルで表現した色——赤(Red)・緑(Green)・青(Blue)の3チャンネルそれぞれ0〜255の値——を、#RRGGBB形式の16進カラーコードに変換します。HEXコードはHTMLやCSS、デザインソフト、各種デジタルツールで色を指定する標準的な方法であり、RGB値からHEXへの変換はWeb制作者やデザイナーにとって日常的な作業です。

RGBチャンネルが組み合わさって1色になり、その16進コードを示す
赤・緑・青のチャンネル値が組み合わさり、16進コードで表される1色になります。

使い方

赤・緑・青の値を、それぞれ0〜255の範囲で入力してください。「計算する」をクリックすると、対応するHEXコードと、結果を目で確認できるカラースウォッチ(色見本)が表示されます。0〜255の範囲を外れた値は、自動的に有効な範囲内へ補正されます。

計算の仕組み

各チャンネルは0〜255の整数で、これは1バイトが表せる範囲(16進数で00〜FF)とちょうど一致します。本ツールは各チャンネルを2桁・ゼロ埋め・大文字の16進数に整形し、それらを連結します:

$$\text{Hex} = \text{\#} \; \texttt{[}\text{Red}\texttt{]}_{16} \, \texttt{[}\text{Green}\texttt{]}_{16} \, \texttt{[}\text{Blue}\texttt{]}_{16}$$

例えば値255はFFに、0は00になります。数学的には、チャンネル値\(v\)は上位桁\(\lfloor v/16 \rfloor\)と下位桁(\(v \bmod 16\))に分解されます。

0〜255の色チャンネル値が00〜FFの2桁の16進ペアに対応
0〜255の各チャンネル値は、00〜FFの2文字の16進ペアに対応します。

計算例

「tomato(トマト)」の赤を例に取りましょう:\(R = 255\)、\(G = 99\)、\(B = 71\)。255は16進数でFFです。99は\(6 \times 16 + 3 = 63\)。71は\(4 \times 16 + 7 = 47\)。これらを連結すると#FF6347——CSSの標準色「tomato」になります。

よくある質問

各2桁のペアは何を表しているの? 最初のペアが赤、2番目が緑、3番目が青を表します。それぞれ00(なし)からFF(最大)までの値です。

なぜ大文字なの? HEXコードは大文字・小文字を区別しません。大文字表記は一般的な慣習ですが、#ff6347のように小文字でもまったく同じく有効です。

小数を入力できる? いいえ。RGBの各チャンネルは0〜255の整数です。小数を含む値は切り捨てられます。

最終更新: