RGBA から HEX に変換
rgba() 値を貼り付けるか数値チャンネルを入力して、alpha の変換を明示したコピー可能な HEX 色を取得します。
カラー値コンバーター
RGBA をコピー可能な HEX に変換
CSS カラーまたは数値チャンネルを使用します。境界値を検証し、チャンネルを明示的に丸め、アルファ規則を表示します。
例： rgba(39, 54, 42, 0.24), rgb(39 54 42), or 39, 54, 42, 24%.
変換結果
- HEX
—- RGB
—- CSS
—
色を入力して開始してください。
使い方
使い方
- CSS rgba()、rgb()、カンマ区切り数値を貼り付けるか、チャンネルを直接入力します。
- 不透明色には 6 桁 HEX、alpha が必要な場合は 8 桁 HEX を選びます。
- HEX、RGB、CSS の結果をコピーしてスタイルシートやデザイントークンで使います。
受け付ける色入力
rgb(r, g, b)、rgba(r, g, b, a)、または 4 つの数値欄を使えます。RGB チャンネルは 0～255 の整数または小数を受け付け、最も近い整数に丸めます。alpha は省略可能で既定値は 1。0～1 の小数または 0%～100% の割合も使えます。
HEX と alpha の規則
6 桁 HEX は赤、緑、青のみです。8 桁 HEX は CSS の #RRGGBBAA 順で末尾に alpha を 2 桁の 16 進数で追加します。alpha は round(alpha × 255) で変換するため、0.24 は 61、16 進数で 3D になります。
ローカル処理と上限
解析と変換はこのブラウザー内で行います。入力は 200 文字まで、RGB は 0～255、alpha は 0～1 または 0%～100% に制限されます。カラープロファイルや色名検索は適用しません。
よくある質問
あわせて知りたいこと
alpha を省略するとどうなりますか？
完全不透明になります。alpha は 1、8 桁 HEX では 255 です。
小数 RGB はどのように丸められますか？
各チャンネルを最も近い整数に丸めます。0～255 の範囲内と確認した後にのみクランプします。
HEX の alpha はどの順序ですか？
CSS の #RRGGBBAA 順で、末尾 2 桁の 16 進数が alpha です。
色はアップロードされますか？
いいえ。変換、コピー、検証はブラウザー内で行われます。