我知道你可以编写JavaScript代码来检测用户是否正在使用AdBlock，但是有没有一种方法可以通过CSS样式表来实现这一点？
background-color: #ff0000;
如果你想要某件红色的东西。
而且你可以编写...
background-color: rgba(255, 0, 0, 0.5);
如果你想要一种红色且半透明的颜色，可以使用以下方式简洁地编写十六进制代码：
有没有一种简洁的方式来编写部分透明的十六进制颜色？我希望得到这样的颜色：
background-color: #ff000088; <--- the 88 is the alpha
... 或者 ...
background-color: #ff0000 50%;
我得到的所有颜色都是十六进制的，将它们全部转换为0-255的十进制范围很烦人。
三周前（2014年12月18日），CSS Color Module Level 4编辑草案提交给CSS W3C工作组。尽管处于易受更改的状态，但当前版本的文档暗示着在不久的将来，CSS将支持4和8位十六进制RGBA表示法。
注：以下引用的内容已经剪去了无关的部分，并且在您阅读本文时，源文件可能已经被大量修改（如上所述，这是一份编辑草案而不是最终文件）。如果情况发生了很大变化，请留下评论让我知道，以便我更新这个答案！
§ 4.2. RGB十六进制表示法：#RRGGBB
<hex-color>的语法是一个<hash-token>标记，其值由3、4、6或8个十六进制数字组成。换句话说，十六进制颜色写成一个井号字符"# "，后跟一些数字0-9或字母a-f（字母的大小写不重要 -#00ff00与#00FF00相同）。8位
前6位与6位表示法完全相同。最后一对数字表示颜色的alpha通道，其中
00表示完全透明的颜色，ff表示完全不透明的颜色，解释为十六进制数。示例3
换句话说，#0000ffcc表示与rgba(0, 0, 100％，80％)相同的颜色（略带透明的蓝色）。4位
这是8位表示法的缩写版本，以与3位表示法相同的方式“扩展”。第一个数字表示颜色的红色通道，其中
0表示最小值，f表示最大值。接下来的三个数字分别表示绿色、蓝色和alpha通道。
这意味着，假设这不是完全从Level 4文档中删除的，我们很快就能在支持Color Module Level 4语法的浏览器中以十六进制格式定义RGBA颜色（或HSLA颜色，如果你是那些人之一）。
elem {
background: rgb(0, 0, 0); /* RGB notation (no alpha). */
background: #000; /* 3-digit hexadecimal notation (no alpha). */
background: #000000; /* 6-digit hexadecimal notation (no alpha). */
background: rgba(0, 0, 0, 1.0); /* RGBA notation. */
/* The new 4 and 8-digit hexadecimal notation. */
background: #0000; /* 4-digit hexadecimal notation. */
background: #00000000; /* 8-digit hexadecimal notation. */
}
开玩笑的：目前是2015年初，所以这些颜色标记在任何浏览器上都不会得到支持 - 即使您的产品只设计为在最新的浏览器上工作，您也很可能不会很快在生产浏览器中看到它们的效果。
然而，CSS的工作方式意味着我们实际上可以从今天开始使用这些！如果您真的想立即开始使用它们，只要添加一个回退，任何不支持的浏览器将简单地忽略新属性，直到它们被视为有效：
figure {
margin: 0;
padding: 4px;
/* Fall back (...to browsers which don't support alpha transparency). */
background: #FEFE7F;
color: #3F3FFE;
/* Current 'modern' browser support. */
background: rgba(255, 255, 0, 0.5);
color: rgba(0, 0, 255, 0.75);
/* Fall... foward? */
background: #ffff007F; /* Or, less accurately, #ff08 */
color: #0000ffbe; /* Or #00fc */
}<figure>Hello, world!</figure>
。我们使用Windows上Chrome的最新版本（v39.0.2171）来检查
。六位十六进制回退被rgba()值覆盖，并且我们的八位十六进制值被忽略，因为它们目前被Chrome的CSS解析器视为无效。一旦我们的浏览器支持这些八位十六进制值，它们将覆盖rgba()值。更新2018-07-04：Firefox、Chrome和Safari现在都支持这种表示法，Edge仍然缺失，但可能会跟随（https://caniuse.com/#feat=css-rrggbbaa）。在我发布增强问题后，我找到了答案。抱歉！
MS Excel 帮助解决了问题！
只需向十六进制颜色值添加 Hex 前缀即可添加等效不透明度的 alpha 值。
(在 rbga 中，百分比不透明度表示为小数，如上所述)
Opacity % 255 Step 2 digit HEX prefix
0% 0.00 00
5% 12.75 0C
10% 25.50 19
15% 38.25 26
20% 51.00 33
25% 63.75 3F
30% 76.50 4C
35% 89.25 59
40% 102.00 66
45% 114.75 72
50% 127.50 7F
55% 140.25 8C
60% 153.00 99
65% 165.75 A5
70% 178.50 B2
75% 191.25 BF
80% 204.00 CC
85% 216.75 D8
90% 229.50 E5
95% 242.25 F2
100% 255.00 FF
#FF00000C 等同于 rgba(255,0,0,0.05) 吗？ - yunzen#000000变成#7F000000。 - T9b#rrggbbaa 表示法在 Chrome 62+ 和所有其他常青浏览器 中得到完全支持：
background: #56ff0077;
¯\_(ツ)_/¯ - ericsocoRGB='#ffabcd';
A='0.5';
RGBA='('+parseInt(RGB.substring(1,3),16)+','+parseInt(RGB.substring(3,5),16)+','+parseInt(RGB.substring(5,7),16)+','+A+')';
var rgb = '#ffabcd'; var a = '0.5'; var matches = rgb.match(/#([\da-f]{2})([\da-f]{2})([\da-f]{2})/i); var rgba = 'rgba(' + matches.slice(1).map(function(m) { return parseInt(m, 16); }).concat(a) + ')'; - PointedEars<div style={ { backgroundColor: `rgba(${ parseInt(color.substring(1,3),16) }, ${ parseInt(color.substring(3,5),16) }, ${ parseInt(color.substring(5,7),16) }, 0.5)` } }></div>
翻译为：
如果你之前的开发经验主要是 React：
<div style={ { backgroundColor: `rgba(${ parseInt(color.substring(1,3),16) }, ${ parseInt(color.substring(3,5),16) }, ${ parseInt(color.substring(5,7),16) }, 0.5)` } }></div> 这行代码表示一个带有半透明背景色的 div 元素。 - Atul YadavSass有red、green和blue三个通道可以从十六进制颜色中提取：
background-color: rgba(red($hex_color), green($hex_color), blue($hex_color), 0.2);
Sass还具有rgba($hex_color, $alpha)
background-color: rgba(#ff0000, 0.5);
正如在Hex representation of a color with alpha channel?中所建议的那样。
#ff0000 - 被修改，结果被放置在最终的CSS文件中。这使得无法通过例如CSS3变量来控制alpha通道。 - Igor请参考http://www.w3.org/TR/css3-color/#rgba-color
很可能是因为0xFFFFFFFF大于32位整数的最大值，所以不可能实现。
#ffffff（六位十六进制数）实际上是一个24位的颜色值；0xFFFFFFFF实际上是2³²-1，可以表示为无符号32位整数。我认为#ffffffff（八位十六进制数）没有被指定的原因是CSS颜色基于sRGB颜色空间，并且八位十六进制数的表示法在支持32位颜色深度的显示设备中会产生歧义。请记住，仍然存在#fff，它在8位（256种颜色）和16位（65536或64K种颜色）颜色深度下都表示rgb（100％，100％，100％） - 白色。 - PointedEarsrgba格式是唯一的。如果您所有颜色都在HEX变量中，您可以使用以下SCSS代码：
首先，复制此映射，从rgba - 不透明度值到十六进制代码：
$opacity-to-hex: (
0: '00',
0.05: '0C',
0.1: '19',
0.15: '26',
0.2: '33',
0.25: '3F',
0.3: '4C',
0.35: '59',
0.4: '66',
0.45: '72',
0.5: '7F',
0.55: '8C',
0.6: '99',
0.65: 'A5',
0.7: 'B2',
0.75: 'BF',
0.8: 'CC',
0.85: 'D8',
0.9: 'E5',
0.95: 'F2',
1: 'FF'
)
接下来复制以下使用映射的mixin：
@mixin color-opacity($property, $color, $opacity) {
#{$property}: unquote($color + map-get($opacity-to-hex, $opacity));
}
@include color-opacity('background-color', $your_hex_color, 0.8);
@include color-opacity('color', $your_hex_color, 0.5);
@my-opaque-color: #a438ab;
@my-semitransparent-color: fade(@my-opaque-color, 50%);
background-color:linear-gradient(to right,@my-opaque-color, @my-semitransparent-color);
// result:
background-color: linear-gradient(to right, #a438ab, rgba(164, 56, 171, 0.5));
rgba(base-color, 0.5)。 - LocustHorde
rgb(0100, 0200,0300)是#4080C0。 - yunzenbackground-color: opacify(#ff0000, 0.5);或background-color: transparentize(#ff0000, 0.5);您也可以将Sass十六进制颜色变量提供给这些Sass函数。 - Adam Caviness