このツールに問題がありますか?

「RGBAからHEXへの変換 オンライン」について

このツールは RGBA を α 付き 8 桁 hex に変換します。rgba(255, 87, 51, 0.5) → #FF573380(末尾 2 桁が 50% α)。モダン CSS は両形式をサポートしますが、コンパクトな hex を必要とする場面もあります。

8 桁 hex はデザイントークン、テーマファイル、CSS 変数で 1 文字列で透明度込みの色を表したいときに便利。hex しか受け付けないアプリへのコピーにも必須です。

1/255 の倍数になる α は厳密に変換できますが、0.123 のような値はわずかに丸まり、最も近い表現可能な α になります。

このツールの使い方

RGBA を hex カラー(alpha 付き)に変換する手順

  1. 色の入れ方は 2 通り

    「RGBA code」に RGBA 文字列を入力/貼り付け(例:`rgba(255,128,0,0.5)` や `200 180 90 0.25` のような 4 つの数)するか、R/G/B のスライダー + Alpha 数値を設定。「RGBA code」が空でないとスライダーより優先されます。

  2. 受け付ける RGBA 表記

    パーサは `rgba(r, g, b, a)`、`rgb(r, g, b)`(alpha は既定 1)、`255 128 0 0.5` のような空白区切り 4 要素に対応。alpha は 0〜1 の float;不透明度のパーセント表記は対応しません。

  3. 「実行」

    出力は `r`, `g`, `b`(0〜255)、`a`(0〜1)、`alphaByte`(0〜255)、`hex`(8 桁 `#rrggbbaa`)、`hexRgb`(alpha なしの 6 桁)、`rgbaCss`(コピペ用 `rgba(r, g, b, a)` 文字列)。

  4. alpha は 0〜1 のみ

    スライダーモードでは alpha を 0〜1 の範囲(両端含む)で検証し、それ以外は「Alpha must be a number from 0 to 1.」とエラーに。パーセント値しか無い場合は先に 0–100 % から変換してください。