web-dev-qa-db-ja.com

アルファチャネルを持つ色の16進表現？

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

#RGBAまたは#ARGBですか？

colorsstandardsw3c
99
Patrick Klug

CSS 3では、仕様から引用するために、「RGBA値の16進表記はありません」（ CSSレベル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レベル4仕様 *を参照）

2019年5月現在、ユーザーの80％以上が#RGBA形式を理解することが期待されています

  • Firefox 49以降、Firefoxはこの構文をサポートしています（ Mozilla bug 56728 ）。
  • Safariは、Safari 10以降、この構文をサポートしています。
  • ChromeはChrome 62以降、この構文をサポートしています。以前のバージョンでは、実験的なWeb機能でこの構文を使用できるようになりました。 Chromium Issue 618472 および Webkitのバグ15085 。
  • Android P以降では、この構文を使用できます
  • Operaは、この構文をOpera 52（または実験的なWeb機能が有効な場合はOpera 39））でサポートしています。
  • IE 11およびEdgeHTML 18（Edge 44）は、この構文をサポートしていません。 EdgeのChromiumベースのバージョンは、この構文をサポートします。

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

*技術的にはまだドラフトですが、ブラウザのサポートを考慮すると、これが変更されることはほとんどありません。

71
thelem

16進アルファ形式がないように見えます： http://www.w3.org/TR/css3-color/

とにかく、SASSのようなCSSプリプロセッサを使用する場合、16進数を rgba ：background：に渡すことができます。

rgba(#000, 0.5);

そして、プリプロセッサは16進コードをrgbに自動的に変換するだけです。

83
guitarranalon

公式の標準があるかどうかわかりません

RGBAはWeb Macromediaで見た表現であり、他はARGBを使用します

RGBAがより一般的な表現だと思います。

それが役立つ場合、これはCSS3のW3からです
http://www.w3.org/TR/css3-color/#rgba-color

[〜＃〜] edit [〜＃〜]（Patrick）：上記のW3リンクからの引用

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

14
Kelly Gendron

Chrome 52+ サポート アルファ16進数：

background: #56ff0077;

古いブラウザの場合、次を使用する必要があります。

background-color: rgba(255, 220, 0, 0.3);
6
Oded Breiner

16進数の色をGIMPまたはフォトショップのカラーピッカーに入れてRGB値を取得し、アルファ値を使用してみてください。例えば。 redは、アルファ値が.5のredが必要な場合は_#FF0000_または_rgb(255,0,0_です。次にrgba(255,0,0,.5)です。

たぶんあなたが望んでいたものとは違うかもしれませんが、うまくいけば助けになります。

3
Jinjubei