Convertisseur RGB vers HEX
Transformez des valeurs RGB en code couleur hex.
Fonctionne dans votre navigateur. Rien de ce que vous tapez n'est envoyé nulle part.
- Collez rgb() ou rgba()
- Hex à 8 chiffres avec alpha
- Mise à jour au fur et à mesure
Comment convertir RGB en HEX
- Collez une valeur rgb() ou rgba(), ou tapez chaque canal.
- Réglez l'alpha en dessous de 1 pour obtenir aussi un code hex à 8 chiffres.
- Copiez le code hex.
Exemples de RGB vers hex
| RGB | Hex | Remarque |
|---|---|---|
| rgb(255, 136, 0) | #FF8800 | Conversion standard |
| rgb(0, 0, 0) | #000000 | Noir |
| rgba(255, 136, 0, 0.5) | #FF880080 | L'alpha ajoute 2 chiffres |
| 255, 136, 0 | #FF8800 | De simples nombres fonctionnent aussi |
Comment l'alpha devient des chiffres hex
Multipliez l'alpha par 255, arrondissez à l'entier le plus proche, puis écrivez-le comme deux chiffres hex à la fin du code.
| Alpha | Suffixe hex |
|---|---|
| 1 (plein) | aucun besoin |
| 0,75 | BF |
| 0,5 | 80 |
| 0,25 | 40 |
| 0 (invisible) | 00 |
Où le hex à 8 chiffres fonctionne
- Le CSS accepte #RRGGBBAA dans tous les navigateurs actuels : Chrome, Firefox, Safari et Edge.
- Les attributs fill et stroke de SVG acceptent aussi le hex à 8 chiffres dans les navigateurs modernes.
- Certains éditeurs d'image et outils de design plus anciens ne lisent que le hex à 6 chiffres et ignorent ou rejettent la paire alpha, donc gardez une copie en 6 chiffres pleine pour ces cas.
FAQ RGB vers HEX
Comment convertir RGB en HEX à la main ?
Écrivez chaque canal comme un nombre à deux chiffres en base 16 et joignez-les. rgb(255, 136, 0) devient FF, 88 et 00, soit #FF8800.
Comment l'opacité s'écrit-elle en hex ?
Multipliez l'alpha par 255, arrondissez et écrivez le résultat comme deux chiffres hex à la fin. Un alpha de 0,5 devient 80, donc rgba(255, 136, 0, 0.5) donne #FF880080.
Quels formats puis-je coller ?
rgb(255, 136, 0), rgba(255, 136, 0, 0.5), le plus récent rgb(255 136 0 / 50%) et de simples nombres comme 255, 136, 0. Un code hex fonctionne aussi.
#ff8800 est-il différent de #FF8800 ?
Non, la casse n'a pas d'importance dans les couleurs hex. Cochez Majuscules si votre charte graphique préfère les capitales.
Puis-je taper un nom de couleur comme orange au lieu de nombres ?
Non. Ce convertisseur ne lit que des valeurs numériques rgb(), rgba() et hex, car gérer les 148 couleurs nommées du CSS demanderait sa propre table de correspondance.
Pourquoi mon code hex a-t-il légèrement changé après avoir tapé un pourcentage ?
Les canaux en pourcentage comme rgb(94% 53% 0%) sont convertis vers le pas le plus proche parmi 256 par canal, donc l'arrondi peut décaler le résultat de 1 sur certains canaux.
Le canal alpha s'arrondit-il de la même façon dans tous les navigateurs ?
Oui. Le calcul ici, multiplier par 255 puis arrondir à l'entier le plus proche, est standard et donne les mêmes 2 chiffres hex quel que soit le navigateur, car cette page fait elle-même la conversion au lieu de dépendre d'une API du navigateur qui pourrait varier.
Puis-je convertir une couleur avec un alpha en pourcentage, comme 50 % ?
Oui. rgba(255, 136, 0, 50%) et le plus récent rgb(255 136 0 / 50%) fonctionnent tous les deux, en plus de l'ancienne syntaxe décimale de 0 à 1 pour l'alpha.