CSS十六进制RGBA？

我知道你可以写

背景色：#ff0000；

。。。如果你想要红色的东西

你可以写

背景色：rgba（255,0,0,0.5）； 。。。如果你想要红色和半透明的东西

有没有简洁的十六进制书写部分透明颜色的方法？我想要像这样的东西：

---

背景色：#ff000088 恐怕那是不可能的。您知道的
rgba
格式是唯一的格式。
请参见此处

这是不可能的，很可能是因为0xFFFFFF大于32位整数的最大值
那么，您必须学习不同的颜色符号。

RGB='#ffabcd';
A='0.5';
RGBA='('+parseInt(RGB.substring(1,3),16)+','+parseInt(RGB.substring(3,5),16)+','+parseInt(RGB.substring(5,7),16)+','+A+')';

让您有更好的机会在多个符号中找到颜色和颜色
十六进制与RGB没有区别，FF=255和00=0，但这就是您所知道的。所以在某种程度上，你必须把它形象化

我使用十六进制、RGBA和RGB。除非需要质量转换，否则手动执行此操作将帮助您记住一些奇怪的100种颜色及其代码

对于大规模转换，编写一些脚本，如Alarie给出的脚本。对颜色有一个冲击。
我在发布问题的增强功能后找到了答案。对不起

Excel女士帮了忙

只需将十六进制前缀添加到十六进制颜色值，即可添加与%值具有等效不透明度的alpha

（在rbga中，不透明度百分比表示为上述小数）

为什么不使用
背景色：#ff0000；
不透明度：0.5；
过滤器：alpha（不透明度=50）；/*在IE中*/

如果您将文本或元素的颜色作为目标，这应该会容易得多。
白马王子：

只有internet explorer允许使用ARGB格式的4字节十六进制颜色，其中A是Alpha通道。它可用于渐变过滤器，例如：

filter  : ~"progid:DXImageTransform.Microsoft.Gradient(GradientType=@{dir},startColorstr=@{color1},endColorstr=@{color2})";

其中dir可以是：1（水平）或0（垂直）
颜色字符串可以是十六进制颜色（#FFAAD3）或argb十六进制颜色（#88FFAAD3）。
CSS颜色模块级别4可能支持4位和8位十六进制RGBA表示法！
三周前（2014年12月18日），已提交给CSS W3C工作组。尽管处于极易更改的状态，但当前版本的文档表明，在不久的将来，CSS将同时支持4位和8位十六进制RGBA表示法

注意：以下引文删去了不相关的部分，并且在您阅读本引文时，源代码可能已被大量修改（如上所述，这是编辑的草稿，不是最终文件）。
如果情况发生了重大变化，请留下评论，让我知道，以便我可以更新此答案

4.2. RGB十六进制符号：#RRGGBB
的语法是由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通道

这对CSS颜色的未来意味着什么？
这意味着，假设这还没有从Level 4文档中完全删除，我们很快就能在支持颜色模块Level 4语法的浏览器中以十六进制格式定义RGBA颜色（或HSLA颜色，如果您是其中的一员）

例子
elem{
背景：rgb（0，0，0）；/*rgb符号（无阿尔法）*/
背景：#000；/*3位十六进制表示法（无字母）*/
背景：#000000；/*6位十六进制表示法（无字母）*/
背景：rgba（0，0，0，1.0）；/*rgba符号*/
/*新的4位和8位十六进制表示法*/
背景：#0000；/*4位十六进制表示法*/
背景：#00000000；/*8位十六进制表示法*/
}

我什么时候才能在面向客户的产品中使用它？

所有的笑话都放在一边：现在才是2015年的开始，所以在相当长的一段时间内，任何浏览器都不会支持这些功能——即使您的产品只设计用于最新的浏览器，您也可能不会很快在产品浏览器中看到这些功能


然而，也就是说，CSS的工作方式意味着我们今天就可以开始使用它们了！如果您真的想现在就开始使用它们，只要您添加了一个后备选项，任何不支持的浏览器都会忽略这些新属性，直到它们被认为是有效的：


图{
保证金：0；
填充：4px；
/*后退（…到不支持alpha透明性的浏览器）*/
背景：#FEFE7F；
颜色：#3F3FFE；
/*当前的“现代”浏览器支持*/
背景：rgba（255,255,0,0.5）；
颜色：rgba（0,0,255,0.75）；
/*倒下，朝前*/
背景：#ffff007F；/*或者，不太准确地说，#ff08*/
颜色：#0000ffbe；/*或#00fc*/
}
filter  : ~"progid:DXImageTransform.Microsoft.Gradient(GradientType=@{dir},startColorstr=@{color1},endColorstr=@{color2})";

@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));

background: #56ff0077;

background-color: rgba(red($color), green($color), blue($color), 0.2);

background-color: rgba(#ff0000, 0.5);