[解決済み] アルファチャンネルを含む色の16進数表現？

質問

16進数で色（アルファチャンネルを含む）を表現する方法について、W3やその他の注目すべき標準はありますか？

RGBAなのか#ARGBなのか?

どのように解決するのですか?

CSS 3 では、仕様から引用すると、"RGBA 値の 16 進数表記はありません" ( CSS Level 3 仕様 ). その代わりに、rgba() の小数またはパーセントによる関数表記を使用することができ、例えば rgba(255, 0, 0, 0.5) は 50% の透明赤となります。RGBチャンネルは0-255または0-100％、アルファは0-1です。

CSS 4*では、8桁の16進数の色の7文字目と8文字目、または4桁の16進数の色の4文字目を使用してアルファチャンネルを指定することができます ( CSS Level 4 仕様 *)

2021年7月時点で、>93%のユーザーが#RGBA形式を理解することが期待できる。

以来、サポートされています。

• 2016 年 9 月にリリースされた Firefox 49 ( Mozilla のバグ 567283 ).
• 2016年9月にリリースされたSafari 10。
• 2017年10月にリリースされたChrome 62。それ以前のバージョンでは、実験的なウェブ機能を有効にして、この構文を使用することができます。参照 クローム課題618472 と Webkit のバグ 150853 .
• 2018 年 3 月にリリースされた Opera 52 (または実験的な Web 機能が有効な場合は Opera 39)。
• Edge 79、2020 年 1 月リリース (Chromium をベースとする Edge の最初のバージョン)
• Samsung Internet 8.2、2018年12月リリース
• Android P (アプリは Android P 以降をターゲットにする必要があります)

ではサポートされていません。

• IE
• オリジナルの Edge (18 までのバージョン番号)
• オペラ ミニ
• UC ブラウザ

最新のブラウザサポート情報は CanIUse.com で入手可能です。

*技術的にはまだ草案ですが、ブラウザのサポートを考えると、これが変更されることはないでしょう。