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ビット整数に変換されます。