RGB→HEX変換ツールとは?
このツールは、RGBモデルで表現した色——赤(Red)・緑(Green)・青(Blue)の3チャンネルそれぞれ0〜255の値——を、#RRGGBB形式の16進カラーコードに変換します。HEXコードはHTMLやCSS、デザインソフト、各種デジタルツールで色を指定する標準的な方法であり、RGB値からHEXへの変換はWeb制作者やデザイナーにとって日常的な作業です。
使い方
赤・緑・青の値を、それぞれ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\))に分解されます。
計算例
「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の整数です。小数を含む値は切り捨てられます。