CSS で 16 進数の RGBA カラーを簡潔に記述するにはどうすればよいですか?

CSS での 16 進数 RGBA の探索

CSS の色に関して言えば、赤を表す #ff0000 のような 16 進表記がよく知られています。および #rgba(255, 0, 0, 0.5) 半透明の赤。しかし、部分的に透明な色を 16 進数で定義するもっと簡潔な方法はあるでしょうか?疑問が生じます。最後の 2 桁 (88 または 50%) がアルファ値を表す #ff000088 または #ff0000 50% のようなものを記述できるでしょうか?

16 進数 RGBA の将来

今後のエキサイティングなニュースが私たちを待っていますCSSカラーモジュールレベル4!編集者の草案では、4 桁および 8 桁の 16 進数 RGBA 表記の導入を提案しています。これは、近いうちに次のような色を定義できるようになるかもしれないことを意味します:

#0000    // 4 digits
#00000000 // 8 digits

ログイン後にコピー

現在のブラウザのサポート

残念ながら、これらの色が定義されるまでにはまだしばらく待つ必要があります。新しい表記法が広くサポートされています。ただし、今日から使用を開始できないというわけではありません。フォールバックを含めることで、サポートしていないブラウザでも新しいプロパティを適切に処理できるようになります:

figure {
  background: #FEFE7F; // Fallback
  background: rgba(255, 255, 0, 0.5); // Modern browsers
  background: #ffff007F; // Future shorthand
}

以上がCSS で 16 進数の RGBA カラーを簡潔に記述するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。