Convertir HEX en RGB – Codes couleur en RGB, HSL et CMJN
Collez une couleur HEX, RGB ou HSL — ou choisissez-en une — et obtenez tous les formats à la fois, avec un aperçu et le contraste sur fond blanc et noir.
Découpez le code HEX en trois paires et convertissez chacune de la base 16 vers la base 10 : #7C3AED → 7C = 124, 3A = 58, ED = 237, soit rgb(124, 58, 237). Le convertisseur le fait instantanément dans les deux sens et affiche aussi le HSL et le CMJN.
Comment utiliser : Convertir HEX en RGB
- Tapez ou collez une couleur comme #7c3aed, 124, 58, 237 ou hsl(262, 83%, 58%).
- Ou cliquez sur la pastille pour choisir une couleur.
- Lisez les valeurs HEX, RGB, HSL et CMJN.
- Vérifiez le contraste sur blanc et sur noir.
- Copiez le format dont vous avez besoin.
Comment fonctionnent les couleurs HEX
Une couleur HEX comme #7C3AED se compose de trois paires de chiffres hexadécimaux : rouge, vert et bleu. Chaque paire va de 00 (0) à FF (255). Pour obtenir le RGB, il suffit de convertir chaque paire en nombre décimal :
7C → 7 × 16 + 12 = 124, 3A → 3 × 16 + 10 = 58, ED → 14 × 16 + 13 = 237
7C3AED correspond donc à rgb(124, 58, 237). Les codes courts comme #F80 doublent chaque chiffre (#FF8800), et les codes à 8 chiffres comme #7C3AED80 ajoutent un canal alpha pour la transparence.
Couleurs courantes
| Couleur | HEX | RGB |
|---|---|---|
| Blanc | #FFFFFF | 255, 255, 255 |
| Noir | #000000 | 0, 0, 0 |
| Rouge | #FF0000 | 255, 0, 0 |
| Vert | #00FF00 | 0, 255, 0 |
| Bleu | #0000FF | 0, 0, 255 |
| Orange | #FF8800 | 255, 136, 0 |
Quel format utiliser
- HEX est compact et le plus répandu en CSS, dans les logiciels de design et les chartes graphiques.
- RGB / RGBA est pratique pour gérer la transparence ou calculer des couleurs dans le code.
- HSL décrit la teinte, la saturation et la luminosité ; c’est le plus simple pour éclaircir, assombrir ou désaturer une couleur.
- CMJN (CMYK) sert à l’impression. Les valeurs affichées sont une conversion simple ; pour une impression professionnelle, demandez le bon profil colorimétrique à votre imprimeur.
Contraste et accessibilité
Un texte doit bien se détacher de son fond pour être lisible. Les règles WCAG, sur lesquelles s’appuie le RGAA en France, demandent un contraste d’au moins 4,5:1 pour le texte courant et de 3:1 pour le grand texte. Le convertisseur affiche le rapport de votre couleur sur blanc et sur noir, pour voir immédiatement si elle convient au texte ou seulement à la décoration.
Instantané et privé
Toutes les conversions se font dans votre navigateur pendant la saisie, sans rien envoyer à un serveur. Les développeurs apprécieront aussi le Formateur JSON et l’encodeur Encoder / décoder Base64 ; les graphistes peuvent préparer leurs images avec le Redimensionner une image.
Ces outils gratuits peuvent aussi vous être utiles : Formateur JSON, Générateur de mot de passe et Testeur de regex.
Questions fréquentes
Comment convertir du HEX en RGB ?
Découpez le code en trois paires et convertissez chacune de l’hexadécimal au décimal. #FF8800 devient 255, 136, 0.
Comment convertir du RGB en HEX ?
Convertissez chaque valeur de 0 à 255 en deux chiffres hexadécimaux et assemblez-les : 255, 136, 0 devient #FF8800.
Qu’est-ce qu’un code HEX à 3 chiffres ?
Une forme abrégée où chaque chiffre est doublé : #F80 équivaut à #FF8800.
Que signifie la valeur alpha ?
L’opacité, de 0 (transparent) à 1 (opaque). En HEX à 8 chiffres, c’est la dernière paire, de 00 à FF.
Quel contraste faut-il pour un texte ?
Au moins 4,5:1 pour le texte courant et 3:1 pour le grand texte selon le niveau AA des WCAG.
Dernière mise à jour: