240 votes

CSS hexidécimale RGBA?

Je sais que tu peux écrire:

 background-color: #ff0000;
 

si vous voulez quelque chose qui est rouge, et vous pouvez écrire

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

si vous voulez quelque chose de rouge et translucide. Existe-t-il une méthode concise pour écrire des couleurs partiellement transparentes en hexidécimal? quelque chose comme:

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

ou couleur de fond: # ff0000 50%;

Je reçois toutes mes couleurs en hexadécimal et il est ennuyeux de les convertir toutes à l'échelle décimale 0-255.

66voto

T9b Points 1107

J'ai trouvé la réponse après avoir posté l'amélioration à la question. Pardon!

MS Excel a aidé!

ajoutez simplement le préfixe Hex à la valeur de couleur hexadécimale pour ajouter un alpha ayant une opacité équivalente à la valeur%.

(en rbga, le pourcentage d'opacité est exprimé sous forme décimale comme mentionné ci-dessus)

 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
 

25voto

James Alarie Points 41
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+')';

14voto

Griffin Points 2232

Voir ici http://www.w3.org/TR/css3-color/#rgba-color

Ce n'est pas possible, probablement parce que 0xFFFFFFFF est supérieur à la valeur maximale pour les entiers 32 bits

8voto

Second Rikudo Points 59550

J'ai bien peur que ce ne soit pas possible. le format rgba vous savez est le seul.

2voto

Mészáros Lajos Points 620

Prince charmant:

Seul Internet Explorer autorise la couleur hexadécimale de 4 octets au format ARGB, où A est le canal Alpha. Il peut être utilisé dans les filtres dégradés par exemple:

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

Où dir peut être: 1 (horizontal) ou 0 (vertical) Et les chaînes de couleur peuvent être des couleurs hexagonales (# FFAAD3) ou des couleurs argb hex (# 88FFAAD3).

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X