Convertisseur HEX vers RGB

1. Saisissez une couleur HEX à 3 ou 6 chiffres, avec ou sans le # initial, ou choisissez-la avec le sélecteur.
2. Réglez la teinte de 0 à 360 degrés, ou la saturation et la luminosité de 0 % à 100 %.
3. Consultez l’aperçu en direct et les valeurs HEX et RGB synchronisées.
4. Utilisez le bouton de copie près de la sortie HEX ou RGB souhaitée.
5. Sélectionnez Réinitialiser pour retrouver la couleur par défaut.

Convertisseur HEX vers RGB

HEX et RGB sont deux façons de représenter la même couleur. HEX encode les canaux rouge, vert et bleu par paires hexadécimales ; RGB exprime ces canaux sous forme de nombres. Ce convertisseur transforme une couleur HEX en RGB et propose des commandes HSL pour modifier la couleur. L’aperçu et les sorties HEX et RGB restent synchronisés pendant les changements.

Qu’est-ce que HEX ?

Une couleur HEX standard à six chiffres suit le format #RRGGBB, avec une paire de chiffres hexadécimaux pour chaque canal rouge, vert et bleu. Par exemple, #4F46E5 représente environ 79 de rouge, 70 de vert et 229 de bleu. HEX est courant en HTML et CSS, car il permet de spécifier les couleurs de manière compacte. Le # initial est facultatif dans ce convertisseur.

Qu’est-ce que RGB ?

RGB signifie rouge, vert et bleu. Il représente une couleur par trois canaux numériques, généralement compris entre 0 et 255. Par exemple, rgb(79, 70, 229) contient 79 pour le rouge, 70 pour le vert et 229 pour le bleu. Les valeurs RGB rendent chaque canal explicite et sont utiles dans les interfaces numériques, le CSS et les graphiques.

Exemple HEX vers RGB

Saisissez #4F46E5 pour obtenir environ rgb(79, 70, 229). La même couleur peut aussi s’écrire hsl(248, 76 %, 59 %). Ce sont différentes représentations d’une même couleur. Les canaux RGB sont affichés en nombres entiers et arrondis si nécessaire.

Modifier une couleur avec les commandes HSL

L’éditeur utilise la teinte, la saturation et la luminosité pour faciliter les ajustements. Modifiez la teinte de 0 à 360 degrés et la saturation ou la luminosité de 0 % à 100 %. La couleur choisie, l’aperçu et les valeurs HEX et RGB se mettent automatiquement à jour. Augmentez par exemple la luminosité pour obtenir une variante plus claire, puis copiez la valeur RGB ou HEX dans du CSS ou un outil de design.

HEX et RGB comparés

HEX représente le rouge, le vert et le bleu en notation hexadécimale, comme #4F46E5. RGB représente les mêmes canaux sous forme numérique, comme rgb(79, 70, 229). HEX est pratique pour enregistrer et copier une couleur dans une feuille de style ; RGB est utile pour travailler directement avec les valeurs des canaux.

Formats HEX pris en charge et validation

Le convertisseur accepte les valeurs HEX à 3 et 6 chiffres, avec ou sans #. Il ne propose pas de conversion distincte pour le HEX à 8 chiffres ni pour la transparence. La teinte doit être comprise entre 0 et 360 degrés ; la saturation et la luminosité entre 0 % et 100 %. Les valeurs HEX incorrectes ou les valeurs HSL hors limites affichent une erreur jusqu’à leur correction. Les canaux RGB sont affichés sous forme de nombres entiers arrondis.

Quand utiliser un convertisseur HEX vers RGB

Convertissez une couleur HEX existante pour l’utiliser en CSS, examinez les canaux RGB lors de la création d’une interface, ajustez une couleur pour obtenir sa nouvelle valeur RGB, déboguez des valeurs dans un projet ou partagez une couleur en HEX et RGB. Les commandes HSL permettent de créer une variante et d’en récupérer immédiatement les valeurs synchronisées.

Saisissez une couleur HEX à 3 ou 6 chiffres pour afficher sa valeur RGB correspondante avec un aperçu en direct.

Ajustez la teinte, la saturation et la luminosité ; les sorties HEX et RGB se mettent automatiquement à jour.

Saisissez une couleur HEX avec ou sans #, ou choisissez-la avec le sélecteur intégré.

Copiez la sortie HEX ou RGB et réinitialisez l’éditeur à sa couleur par défaut si nécessaire.