Eu sei que você pode escrever ...

background-color: #ff0000;

... se você quer algo que é vermelho.

E você pode escrever ...

background-color: rgba(255, 0, 0, 0.5);

... se você quiser algo vermelho e translúcido.

Existe alguma maneira concisa de escrever cores parcialmente transparentes em hexadecimal? Eu quero algo como:

background-color: #ff000088; <--- the 88 is the alpha

... ou ...

background-color: #ff0000 50%;

Estou recebendo todas as minhas cores em hexadecimal, e ter que convertê-las todas para a escala decimal de 0 a 255 é irritante.

O CSS Color Module Level 4 provavelmente suportará a notação RGBA hexadecimal de 4 e 8 dígitos!

Há três semanas (18 de dezembro de 2014), o rascunho do editor do CSS Color Module Nível 4 foi enviado ao CSS W3C Working Group. Embora em um estado que é muito suscetível a mudança, a versão atual do documento implica que, no pouco futuro próximo CSS irá apoiar tanto a notação hexadecimal RGBA 4 e 8 dígitos.

Nota: a citação a seguir tem partes irrelevantes cortadas e a fonte pode ter sido fortemente modificada no momento em que você a leu (como mencionado acima, é um rascunho do editor e não um documento finalizado).
Se as coisas mudaram bastante, deixe um comentário para que eu possa atualizar esta resposta!

§ 4.2 As notações hexadecimais RGB: #RRGGBB

A sintaxe de a <hex-color>é um <hash-token>token cujo valor consiste em 3, 4, 6 ou 8 dígitos hexadecimais . Em outras palavras, uma cor hexadecimal é escrita como um caractere de hash, "#", seguido por um número de dígitos 0-9ou letras a-f(o caso das letras não importa - #00ff00é idêntico a #00FF00).

8 dígitos

Os 6 primeiros dígitos são interpretados de forma idêntica à notação de 6 dígitos. O último par de dígitos, interpretado como um número hexadecimal, especifica o canal alfa da cor, onde 00representa uma cor totalmente transparente e ffrepresenta uma cor totalmente opaca.

Exemplo 3
Em outras palavras, #0000ffccrepresenta a mesma cor que rgba(0, 0, 100%, 80%)(um azul levemente transparente).

4 dígitos

Essa é uma variante mais curta da notação de 8 dígitos, "expandida" da mesma maneira que a notação de 3 dígitos. O primeiro dígito, interpretado como um número hexadecimal, especifica o canal vermelho da cor, onde 0representa o valor mínimo e fo máximo. Os próximos três dígitos representam os canais verde, azul e alfa, respectivamente.

O que isso significa para o futuro das cores CSS?

Isso significa que, supondo que isso não seja completamente removido do documento do nível 4, em breve poderemos definir nossas cores RGBA (ou cores HSLA, se você é um desses caras) em formato hexadecimal nos navegadores compatíveis com o Color Sintaxe do módulo nível 4.

Exemplo

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. */
}

Quando poderei usar isso em meus produtos voltados para o cliente?

Todas as piadas de lado: atualmente, é apenas o início de 2015, portanto elas ainda não serão suportadas em nenhum navegador por um bom tempo - mesmo que seu produto seja projetado apenas para funcionar nos navegadores mais atualizados que você provavelmente isso não acontecerá em um navegador de produção tão cedo.

Exibir o suporte atual do navegador para a notação de cores #RRGGBBAA

No entanto, dito isso, o modo como o CSS funciona significa que podemos realmente começar a usá-los hoje! Se você realmente deseja começar a usá-los agora, contanto que adicione um retorno, qualquer navegador não compatível simplesmente ignorará as novas propriedades até que sejam consideradas válidas:

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>

Contanto que você esteja vendo esta resposta em um navegador que suporte as propriedades backgrounde colorem CSS, o <figure>elemento resultante do snippet acima será muito parecido com este:

Usando a versão mais recente do Chrome no Windows (v39.0.2171) para inspecionar nosso <figure>elemento, veremos o seguinte:

O retorno hexadecimal de 6 dígitos é substituído pelos rgba()valores, e nossos valores hexadecimais de 8 dígitos são ignorados, pois atualmente são considerados inválidos pelo analisador de CSS do Chrome. Assim que nosso navegador suportar esses valores de 8 dígitos, eles substituirão rgba()os valores.

ATUALIZAÇÃO 2018-07-04: Firefox, Chrome e Safari agora são compatíveis com essa notação, o Edge ainda está ausente, mas provavelmente seguirá ( https://caniuse.com/#feat=css-rrggbbaa ).

Encontrei a resposta depois de postar o aprimoramento na pergunta. Desculpe!

MS Excel ajudou!

basta adicionar o prefixo Hex ao valor da cor hexadecimal para adicionar um alfa que tenha a opacidade equivalente como o valor%.

(em rbga, a porcentagem de opacidade é expressa como decimal, como mencionado acima)

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

Veja aqui http://www.w3.org/TR/css3-color/#rgba-color

Não é possível, provavelmente porque 0xFFFFFFFF é maior que o valor máximo para números inteiros de 32 bits

O Chrome 52 ou superior suporta alfa hexadecimal:

background: #56ff0077;

Use red, green, bluea se converter ao RGBA:

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

Receio que isso não seja possível. o rgbaformato que você conhece é o único.

Se você pode usar LESS, existe uma função de desbotamento.

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

Príncipe encantado:

Somente o Internet Explorer permite a cor hexadecimal de 4 bytes no formato ARGB, onde A é o canal Alpha. Pode ser usado em filtros de gradiente, por exemplo:

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

Onde dir pode estar: 1 (horizontal) ou 0 (vertical) E as seqüências de cores podem ser hexadecimais (# FFAAD3) ou argb hexadecimais (# 88FFAAD3).

Em Sass, podemos escrever:

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

como foi sugerido na representação hexadecimal de uma cor com canal alfa?

Bem, notações de cores diferentes é o que você terá que aprender.
O Kuler oferece uma chance melhor de encontrar cores e em várias notações.
Hex não é diferente de RGB, FF = 255 e 00 = 0, mas é isso que você sabe. Então, de certa forma, você precisa visualizá-lo.
Eu uso Hex, RGBA e RGB. A menos que seja necessária a conversão em massa, fazer isso manualmente ajudará a lembrar algumas 100 cores estranhas e seus códigos.
Para conversão em massa, escreva um script como o fornecido por Alarie. Divirta-se com as cores.

por que não usar background-color: #ff0000; opacity: 0.5; filter: alpha(opacity=50); /* in IE */

se você segmentar uma cor para um texto ou provavelmente um elemento, isso deve ser muito mais fácil.