我不久前发现了这个“技巧”。将两位数字添加到十六进制颜色可设置透明度。
这适用于 Google Chrome (2024-04) 和 Edge 浏览器。
color: #000000;
(=黑色)color: #00000030;
(=黑色透明至30%)您可以使用该表示法,但其值位于从 00 到 ff 的十六进制颜色空间中(ff 在十进制编码中为 255),因此数字 30 并不意味着 30%。
你可以在MDN彩页上看到一个例子,50%透明的红色是:
color: #ff000080;
此页面上有一个很好的表格,其中列出了十六进制值:
另请阅读此处:十六进制颜色:“透明”的数字表示?