HEX・RGB変換ツール｜カラーコードを相互変換
HEX（#FFFFFF）とRGB／RGBAのカラーコードを無料で相互変換。3・4・6・8桁HEXと透明度に対応し、変換した色もプレビューできます。
クリックして色を選択
このツールの使い方・詳細
🛠 使い方
#から始まる16進数（Hex）または、rgb()形式の数値を入力してください。もう一方の形式へ即座に変換され、背景色として実際の色味をプレビューできます。
💡 活用シーン・ユースケース
- デザインツール（Figma, Photoshop等）のHex値をCSSのRGBA形式に変換したい時に
- CSSで指定されたrgb色の16進数表記を確認したい時に
- 透過度（Alpha）を含むRGBAと8桁HEXを相互変換したい時に
Hex と RGB の違い
Web制作において色は主に2つの形式で指定されます。デザインツールからコードへ、またはその逆の際によく必要になる変換です。
- HEX（16進数）：
#から始まる3・4・6・8桁のコードです。4桁・8桁では末尾に透明度を含められます。 - RGB / RGBA：赤（Red）、緑（Green）、青（Blue）の強さを0〜255で表します。Aは不透明度（Alpha）です。
例：#6366F1はrgb(99, 102, 241)、半透明の#6366F180はおよそrgba(99, 102, 241, 0.502)に変換されます。