我知道你可以写...

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。

CSS颜色模块级别4 可能会支持4和8位十六进制RGBA表示法！

三周前（2014年12月18日），CSS颜色模块4级编辑器的草案已提交给CSS W3C工作组。尽管这在很大程度上容易受到变化的状态下，文件的当前版本意味着，在一定程度上不久的将来CSS将同时支持4位和8位十六进制RGBA符号。

注意：以下引号中有不相关的部分被删节，在您阅读本文时，源可能已被重大修改（如上所述，这是编辑的草稿，而不是定稿的文件）。
如果情况发生了重大变化，请发表评论告知我，以便我更新此答案！

§4.2。RGB十六进制表示法：#RRGGBB

a的语法<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通道。

这对CSS颜色的未来意味着什么？

这意味着，假设这是没有完全从4级文档中删除，我们很快就可以定义我们的RGBA颜色（或颜色HSLA，如果你是一个那些家伙）在浏览器中以十六进制格式支持的颜色模块级别4的语法。

例

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年初，因此在相当一段时间内，任何浏览器都将不支持这些功能-即使您的产品仅设计为在最新的浏览器上运行，您也可能会很快将不会在生产浏览器中看到这一点。

查看当前浏览器对#RRGGBBAA颜色表示法的支持

但是，就是说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>

只要您在支持CSS中的background和color属性的浏览器上查看此答案，<figure>上述代码段中的元素看起来都将与此非常相似：

使用Windows上的最新版本的Chrome（v39.0.2171）检查我们的<figure>元素，我们将看到以下内容：

这些rgba()值会覆盖6位数的十六进制回退值，而我们的8位数的十六进制值会被忽略，因为Chrome的CSS解析器目前认为它们无效。只要我们的浏览器支持这些8位数的值，这些值就会覆盖它们rgba()。

更新2018-07-04： Firefox，Chrome和Safari现在支持此表示法，但Edge仍不见了，但可能会跟随（https://caniuse.com/#feat=css-rrggbbaa）。

发布问题的增强功能后，我找到了答案。抱歉!

MS Excel帮助！

只需将十六进制前缀添加到十六进制颜色值即可添加透明度与％值等效的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

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+')';

看到这里http://www.w3.org/TR/css3-color/#rgba-color

这是不可能的，很可能是因为0xFFFFFFFF大于32位整数的最大值

Chrome 52+ 支持 alpha十六进制：

background: #56ff0077;

使用red，green，blue转换为RGBA：

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

恐怕不可能。rgba您知道的格式是唯一的格式。

如果可以使用LESS，则有渐变功能。

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

白马王子：

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

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

dir可以是：1（水平）或0（垂直），并且颜色字符串可以是十六进制颜色（＃FFAAD3）或argb十六进制颜色（＃88FFAAD3）。

好吧，您将需要学习不同的颜色符号。
Kuler为您提供了更好的机会来找到颜色并使用多种符号。
十六进制与RGB相同，FF = 255和00 = 0，但这就是您所知道的。因此，在某种程度上，您必须对其进行可视化。
我使用十六进制，RGBA和RGB。除非需要进行质量转换，否则手动执行此操作将帮助您记住一些奇怪的100种颜色及其代码。
对于大规模转换，请编写一些脚本，例如Alarie给出的脚本。充满色彩。

为什么不使用 background-color: #ff0000; opacity: 0.5; filter: alpha(opacity=50); /* in IE */

如果您将颜色指定为文本或元素的颜色，则应该容易得多。