RGBからHEXへの変換ツール

変換ツール

RGBカラーは0～255の赤・緑・青の値で定義され、同じ色には#FF8800のような6桁のHEXコードがあります。RGB→HEX変換ツールは、あらゆるRGB値を瞬時にHEXに変換します――値を入力するかスライダーをドラッグすれば、すぐにHEXコードが表示されます。

Q&A

このRGB→HEX変換ツールの仕組みは？

RGBカラーコードをHEX形式にオンラインで変換するのは、今やとても簡単です。当社のRGB→HEX変換ツールはRGB値を入力として受け取り、ウェブデザインやウェブ開発（たとえばHTMLやCSSのコーディング）で使える16進数コードに変換します。RGBカラー値を入力すると、すぐにHEX値が表示されるので、変換ボタンを押す必要すらありません。RGBスライダーを使って初期のR・G・B値を設定することもできます。

RGBカラーコードとは？

RGBコードは加法混色のRGBカラーモデルに基づいており、赤・緑・青の光を足し合わせてほぼあらゆる色を再現します。RGBカラーコードは0～255の範囲の3つの10進数で構成されます。典型的なRGBカラーコードは次のようになります：(123, 45, 0)

HEXカラーコードとは？

RGB値は10進数表記、HEXカラー値は16進数表記です。そのため、RGBカラーコードをHEXカラーコードに変換したい場合は、10進数から16進数への変換に慣れておく必要があります。

16進数の桁は0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, fで、「a」は10進数の10、「b」は10進数の11、というように対応します。RGB→HEX変換に戻りますが、RGBカラーコードをHEXカラーコードに変換するには、各値（r、g、b）を個別に変換する必要があります。 10進数から16進数への変換は、繰り返し除算と剰余のアルゴリズムで行えます。アルゴリズムの本質は、10進数を基数16で繰り返し割ることです。これらの除算の間に得られる剰余が、逆順にHEXの対応値を与えます。たとえばR値が123の場合、その16進数の対応値は次のように求められます：

1. 数値123を16で割ります。123 / 16 = 7.6875、つまりHEXカラーコードの1桁目は7です。
2. 1桁目の小数部0.6875を取り、16を掛けます。0.6875 × 16 = 11、つまりHEXカラーコードの2桁目は11、すなわちBです。
3. よってR値のHEXは7bです。

RGBコードのHEX値を求めるには、各RGB数値にこのアルゴリズムを繰り返す必要がありますが、もちろん時間を無駄にしたくなければ、当社の優れたRGB→HEX変換ツールをご利用ください。