Convertisseur hex en RGB

Un convertisseur hex en RGB prend une couleur écrite en code hexadécimal—trois ou six chiffres, avec ou sans dièse initial—et la décompose en les trois canaux entiers que tout écran, canevas et système de jetons de design parlent encore nativement : rouge, vert et bleu, chacun de zéro à deux cent cinquante-cinq. Collez #3498db ou la forme courte #abc ; l'outil développe l'abréviation si besoin, normalise en un hex de six chiffres en minuscules et renvoie r, g, b plus une chaîne CSS rgb() prête à coller et le calcul des canaux étape par étape.

Ce qu'une couleur hex signifie et comment le RGB en découle

Les codes couleur hexadécimaux empaquent trois canaux de huit bits dans une chaîne compacte que les feuilles de style, les outils de design et les chartes graphiques utilisent depuis des décennies. Dans la forme à six chiffres #RRGGBB, les deux premiers caractères codent le rouge, les deux du milieu le vert et les deux derniers le bleu ; chaque paire s'interprète comme un entier en base seize de zéro (00) à deux cent cinquante-cinq (FF).

L'abréviation à trois chiffres #RGB est une commodité CSS qui double chaque chiffre : #abc devient #aabbcc, de sorte qu'un seul nibble remplace un octet complet lorsqu'une palette n'a besoin que de pas grossiers. Ce convertisseur effectue exactement ce mappage : retirer un dièse initial optionnel, rejeter tout ce qui n'est pas trois ou six chiffres hexadécimaux, développer l'abréviation si présente, puis analyser chaque paire de deux caractères en base seize.

Le résultat est trois entiers que vous pouvez alimenter dans des styles de remplissage canvas, des styles en ligne React, du HTML d'e-mail ou un calculateur de rapport de contraste sans re-dériver vous-même l'empaquetage de bits. Les exercices de cours et les entretiens de programmation demandent souvent cette transformation à la main ; disposer d'une référence déterministe lève l'ambiguïté sur la casse, la présence du dièse et l'expansion de l'abréviation.

Conseils pratiques, limites et recherches associées

Préférez envoyer la chaîne hex que votre outil de design a exportée, y compris le dièse si vous l'avez ; les deux formes fonctionnent, et la réponse normalise toujours en hex à six chiffres en minuscules pour que les diffs en aval restent stables. Ne passez pas de formes avec alpha comme #RRGGBBAA ou #RGBA—cette page se limite volontairement à l'empaquetage RGB opaque classique, et ces longueurs sont rejetées pour que vous le remarquiez plutôt que de supprimer l'alpha en silence.

Les couleurs CSS nommées comme rebeccapurple sont hors périmètre ; convertissez-les d'abord avec une table de couleurs nommées ou utilisez un outil multi-espaces plus large lorsque vous avez aussi besoin de HSL, LAB ou CMYK. En écrivant des tests unitaires, couvrez au moins un cas à six chiffres, une expansion à trois chiffres, une entrée en majuscules, une entrée sans dièse et une longueur invalide délibérée pour que les régressions de validation ne passent pas.

Cette page s'adresse à ceux qui cherchent un convertisseur hex en RGB, #RRGGBB vers rouge vert bleu, ou un calculateur gratuit de couleur hex en RGB en ligne ; ce n'est pas une suite complète de gestion des couleurs, ni un extracteur de palette à partir d'images, ni un chemin inverse RGB-vers-hex.

Préférez cette capacité lorsque vous avez déjà un jeton hex et n'avez besoin que des trois entiers de canal ou d'une chaîne css rgb() ; si votre pipeline doit passer par HSL ou CMYK d'impression, utilisez plutôt un convertisseur multi-formats.