最近便利なCSSおれおれAdvent Calendar 2023 – 21 日目

16 進数の色コードは赤緑青が #RRGGBB の 6 桁と #RGB の 3 桁とあるんだけど、これに不透明度 Alpha を足して 8 桁 #RRGGBBAA と 4 桁 #RGBA というのもあります。

ダイアログの後ろに半透明のバックドロップを置くときに便利です。

例

::backdrop {
  background-color: #0003;
}

#fffc とかで白くもできます。

box-shadow に使うのも良いですね。

おしまい

昔は半透明の色にするのは rgba() を使ってました。

参考