web-dev-qa-db-ja.com

ARGB 16進カラーがCSS HTMLで機能しない

このARGB hexが機能しないのはなぜですか?

<td style="background-color: #FFFF9980">
21
Obsivus

16進値の代わりにrgba(255,153,128,1.0)を使用します(実際にARGBの場合はRGBの_#ff9980_と同じです-RGBAを意味する場合はrgba(255,255,153,0.5))。

47
Gareth

CSS3仕様 はこう言っています:

RGB値とは異なり、RGBA値には16進表記はありません。

したがって、上記のrgba(255,153,128,1.0)を使用する必要があります。

10

ARGB 16進カラー

RGBAカラー値は、アルファチャネルを備えたRGBカラー値の拡張です。これは、色の不透明度を指定します。

RGBAカラー値は、rgba(赤、緑、青、アルファ)で指定されます。 alphaパラメータは、0.0(完全に透明)〜1.0(完全に不透明)の数値です。

<td style="background-color: rgba(255, 0, 0, 0.2);">
#p1 {background-color:rgba(255,0,0,0.3);}
#p2 {background-color:rgba(0,255,0,0.3);}
#p3 {background-color:rgba(0,0,255,0.3);}
#p4 {background-color:rgba(192,192,192,0.3);}
#p5 {background-color:rgba(255,255,0,0.3);}
#p6 {background-color:rgba(255,0,255,0.3);}
<h1>Define Colors With RGBA Values</h1>

<p id="p1">Red</p>
<p id="p2">Green</p>
<p id="p3">Blue</p>
<p id="p4">Grey</p>
<p id="p5">Yellow</p>
<p id="p6">Cerise</p>
0
Sanoob Pookodan