HEX RGBA変換

HEX RGBA 変換ツール

HEXコードを不透明度・アルファ透過率付きのRGBAカラーコードへ即座に変換。3桁・6桁・8桁HEX、一括バッチ変換、CSSコード出力に対応。

プリセット:
HEX・アルファ透明度操作デッキ
#
赤 (R)79
緑 (G)70
青 (B)229
80% (0.8 | 0xCC)
主要不透明度ショートカット:
#FFFFFF
下地プリセット:

rgba(r, g, b, a) 文字列を貼り付けてHEX値に即時逆算:

下地背景色と目的の合成色から、必要な前景アルファ透過度を自動逆算します。

合成後カラー#726BEA
rgb(114, 107, 234)
入射光層80% Alpha
rgba(79, 70, 229, 0.8)
光学アルファ合成光線ダイアグラムC_comp = C_fg × A + C_bg × (1 - A)
第1層:前景レイヤー (透過カラー) #4F46E5 (アルファ (A): 80%)第2層:下地レイヤー (背景色) #FFFFFF (不透過 (不透明度 100%))入射光モデル (1.00)下地透過光率 (%): 20%#726BEAY: 20%
各環境向けコードスニペット適用中の構文標準: modern-web
CSS Color Level 3 (rgba)rgba(79, 70, 229, 0.8)
CSS Color Level 4 (rgb / #RRGGBBAA)rgb(79 70 229 / 0.8)
8桁HEX (#RRGGBBAA)#4F46E5CC
Tailwind CSS 任意値クラスbg-[#4f46e5]/[80%]
Android (0xAARRGGBB)0xCC4F46E5
Flutter (Color(0xAARRGGBB))Color(0xCC4F46E5)
現在HEX#4F46E5
出力RGBArgba(79, 70, 229, 0.8)
BT.709 相対輝度20.0%
下地コントラスト4.19:1
対白コントラスト4.19:1
対黒コントラスト5.01:1