Le convertisseur accepte toutes les formes hex du CSS : le format 6 chiffres #ff5733, le format abrégé à 3 chiffres #f53, et les formats à 4 et 8 chiffres avec canal alpha, avec ou sans le #. Il affiche la chaîne rgb() ou rgba(), les valeurs brutes de chaque canal et un détail par canal, ainsi qu'une ligne inverse RGB vers HEX quand vous devez faire le chemin inverse. Tout s'exécute dans votre navigateur : pas d'envoi de fichier, pas de compte, pas de limite.
Convertisseur HEX en RGB
Fonctionne entièrement dans votre navigateur : aucun envoi, aucune inscription.
CSS
rgb(255, 87, 51)Valeurs RGB
255, 87, 51Comment ça se convertit
Rouge
FF255Vert
5787Bleu
3351Besoin du sens inverse ? RGB vers HEX
#ff5733Comment convertir HEX en RGB ?
Une couleur hex est composée de trois paires de chiffres hexadécimaux, une paire par canal. Convertissez chaque paire en un nombre décimal de 0 à 255 : dans #ff5733, ff donne 255 de rouge, 57 donne 87 de vert et 33 donne 51 de bleu, donc la valeur RGB est rgb(255, 87, 51). Ce convertisseur le fait instantanément pendant que vous tapez.
Comment l’utiliser
- 1Entrez un code hex. Tapez ou collez une couleur hex comme #ff5733 (ou #f53), ou choisissez-en une avec le sélecteur de couleur. Le # est facultatif.
- 2Lisez la valeur RGB. La chaîne rgb(), les valeurs brutes de 0 à 255 et un aperçu de couleur en direct se mettent à jour au fil de la frappe, avec un détail par canal qui montre comment chaque paire hex est convertie.
- 3Copiez le format dont vous avez besoin. Cliquez sur Copier à côté de la chaîne rgb() ou des valeurs brutes. Besoin du sens inverse ? Entrez le rouge, le vert et le bleu ci-dessous pour retrouver le code hex.
Pour qui
- Les développeurs front-end qui transforment un code hex d'une charte graphique en rgb() pour ajouter de la transparence avec rgba().
- Les designers qui déplacent des couleurs de marque entre des outils qui demandent du hex (CSS, Figma) et des outils qui demandent des valeurs de 0 à 255 (certaines applications d'impression et de vidéo).
- Les équipes email et marketing qui font correspondre les couleurs d'une campagne entre éditeurs qui n'acceptent qu'une seule notation.
- Les développeurs de jeux et d'applications qui envoient des valeurs de canal 0-255 à des moteurs et des SDK qui ne lisent pas les chaînes hex.
Questions fréquentes
Ce convertisseur HEX en RGB est-il gratuit ?
Oui, il est 100 % gratuit, sans inscription et sans limite. Il s'exécute entièrement dans votre navigateur.
Mes couleurs sont-elles envoyées quelque part ?
Non. La conversion est du JavaScript pur qui tourne sur votre appareil, rien n'est envoyé à un serveur, et l'outil continue de fonctionner hors ligne une fois la page chargée.
Quelle est la formule pour convertir HEX en RGB ?
Découpez le code hex en trois paires et convertissez chaque paire de la base 16 vers le décimal : multipliez le premier chiffre par 16 et ajoutez le second (a=10 ... f=15). Dans #ff5733, ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Prend-il en charge le format abrégé à 3 chiffres comme #f53 ?
Oui. Dans le format abrégé CSS, chaque chiffre est doublé, donc #f53 devient #ff5533 et se convertit en rgb(255, 85, 51). Le format à 4 chiffres fonctionne de la même façon, avec le dernier chiffre comme alpha.
Comment convertit-il HEX en RGBA ?
Un code hex à 8 chiffres porte l'alpha dans sa dernière paire. Cet octet (0-255) est divisé par 255 pour obtenir l'alpha de 0 à 1 attendu par rgba(), arrondi à trois décimales - ainsi #ff573380 devient rgba(255, 87, 51, 0.502).
Peut-il convertir RGB en HEX ?
Oui. Utilisez la ligne RGB vers HEX sous le résultat : entrez des valeurs de rouge, vert et bleu de 0 à 255 et il renvoie le code hex instantanément. Les valeurs hors plage sont ramenées entre 0 et 255.
Pourquoi utiliser rgb() plutôt que hex ?
Surtout pour l'alpha et pour les calculs : rgba(255, 87, 51, 0.5) rend une couleur translucide, et de nombreuses API, moteurs de jeux et spécifications de design attendent des nombres de canal séparés de 0 à 255 plutôt qu'une chaîne hex.