Aller au sélecteur de couleur

Convertisseur RGBA en HEX

Collez une valeur RGBA et obtenez aussitôt le HEX. Les autres formats sont acceptés aussi.

Lu comme RGB

Valeur HEX#ff5733cc
HEX en RGBA

La même couleur sans transparence, en HEX opaque

Ajuster la couleur

11°
80 %

68 %
0,210
34°

Tous les autres formats

Tableau d’opacité : alpha en HEX et RGBA

En HEX à 8 chiffres, les deux derniers fixent l’opacité : FF est totalement opaque, 80 vaut environ 50 %, 00 est totalement transparent. Le tableau montre la couleur d’exemple par pas de 5 %.

OpacitéAlpha en HEXHEXRGBA
100%ff#ff5733rgba(255, 87, 51, 1)
95%f2#ff5733f2rgba(255, 87, 51, 0.95)
90%e6#ff5733e6rgba(255, 87, 51, 0.9)
85%d9#ff5733d9rgba(255, 87, 51, 0.85)
80%cc#ff5733ccrgba(255, 87, 51, 0.8)
75%bf#ff5733bfrgba(255, 87, 51, 0.75)
70%b3#ff5733b3rgba(255, 87, 51, 0.7)
65%a6#ff5733a6rgba(255, 87, 51, 0.65)
60%99#ff573399rgba(255, 87, 51, 0.6)
55%8c#ff57338crgba(255, 87, 51, 0.55)
50%80#ff573380rgba(255, 87, 51, 0.5)
45%73#ff573373rgba(255, 87, 51, 0.45)
40%66#ff573366rgba(255, 87, 51, 0.4)
35%59#ff573359rgba(255, 87, 51, 0.35)
30%4d#ff57334drgba(255, 87, 51, 0.3)
25%40#ff573340rgba(255, 87, 51, 0.25)
20%33#ff573333rgba(255, 87, 51, 0.2)
15%26#ff573326rgba(255, 87, 51, 0.15)
10%1a#ff57331argba(255, 87, 51, 0.1)
5%0d#ff57330drgba(255, 87, 51, 0.05)
0%00#ff573300rgba(255, 87, 51, 0)

Exemples de conversion RGBA en HEX

CouleurRGBAHEX
rgba(255, 0, 0, 1)#ff0000
rgba(0, 255, 0, 1)#00ff00
rgba(0, 0, 255, 1)#0000ff
rgba(255, 255, 255, 1)#ffffff
rgba(0, 0, 0, 1)#000000
rgba(128, 128, 128, 1)#808080
rgba(255, 87, 51, 1)#ff5733
rgba(59, 130, 246, 1)#3b82f6
rgba(16, 185, 129, 1)#10b981
rgba(245, 158, 11, 1)#f59e0b
rgba(139, 92, 246, 1)#8b5cf6
rgba(236, 72, 153, 1)#ec4899

À propos de RGBA et HEX

RGBA, c’est le RGB avec un canal alpha pour l’opacité, écrit rgba(255, 87, 51, 0.5). L’alpha va de 0 (totalement transparent) à 1 (totalement opaque). La même opacité s’écrit aussi en HEX à 8 chiffres, par exemple #ff573380.

Le HEX écrit le rouge, le vert et le bleu avec deux chiffres hexadécimaux chacun, comme #ff5733. C’est la façon la plus courante d’écrire une couleur sur le web et dans les outils de design.

Comment fonctionne la conversion

Nous lisons la valeur RGBA, la convertissons en CIE XYZ avec les matrices de la spécification CSS Color 4, puis en HEX. Les valeurs hors du gamut cible sont ramenées par l’algorithme de CSS Color 4, qui conserve la clarté et la teinte et réduit le chroma.

Questions et réponses

Comment convertir RGBA en HEX ?

Collez ou saisissez une valeur RGBA dans le champ ci-dessus. PickShade la convertit au fil de la saisie avec les formules CSS Color 4, et un clic copie la valeur HEX.

La conversion RGBA en HEX est-elle exacte ?

Le calcul est exact et le résultat n’est arrondi que pour l’affichage, avec assez de décimales pour revenir à la même couleur. Si la couleur n’entre pas dans le gamut cible, PickShade vous prévient et affiche la couleur la plus proche qui y entre.

Puis-je obtenir d’autres formats en même temps ?

Oui. Tous les autres formats, dont OKLCH, Display P3, Tailwind, SwiftUI, Flutter et Android, sont listés sous le résultat et se copient en un clic.

Ce convertisseur est-il gratuit ?

Oui. Il est gratuit, sans inscription, et fonctionne entièrement dans votre navigateur.