colorize
ColorKit
CK

RGB HEX 変換ツール

赤・緑・青(RGB)の10進数数値をWeb標準のHEXコードへ正確に変換します。

#FF5733

RGBからHEXへの変換の仕組み

RGB値(0〜255)を16進数(00〜FF)に変換するには、各色の数値を16で割ります。商の整数が1文字目、余りが2文字目の16進数になります。

ステップ別の計算例

rgb(255, 87, 51) を変換する場合:

  • 赤 (255): 255 ÷ 16 = 商 15、余り 15 → FF
  • 緑 (87): 87 ÷ 16 = 商 5、余り 7 → 57
  • 青 (51): 51 ÷ 16 = 商 3、余り 3 → 33

これらを連結することで、#FF5733 が得られます。

アルファ透明度(RGBAから8桁HEXへの変換)

不透明度(0.0〜1.0)を16進数に変換するには、小数の値に255を掛けて四捨五入し、16進数2桁に変換して末尾に追加します(例: 50%透明度は 80 となり #FF573380)。

関連ツール

逆方向の変換を行うにはこちらをご利用ください: HEX RGB 変換ツール ⇄.

ナレッジベース & FAQ

よくある質問 (FAQ)

よくある疑問、技術的課題、業界標準に対する分かりやすい解説と解決策。

RGB数値を手動でHEXに変換する方法は?expand_more
数値を16で割り、商を1桁目(10=A〜15=F)、余りを2桁目とします。例: 255 ÷ 16 = 商15(F)、余り15(F)となり 'FF' になります。
RGB値が0未満または255を超えた場合はどうなりますか?expand_more
通常の8ビットsRGB空間では、0未満は00(最小)、255超はFF(最大)にクランプ(制限)されます。
透明度付きのRGBAを8桁HEXにするには?expand_more
不透明度(0.0〜1.0)に255を掛け、16進数に変換して6桁HEXの末尾に付加します。
ブラウザの描画速度はHEXとRGBでどちらが速いですか?expand_more
現代のブラウザエンジンでは全く同一の描画パフォーマンスです。パース時に内部で32ビット整数に変換されます。