Convertisseur HEX vers RGB

Qu'est-ce qu'un convertisseur HEX en RGB ?

Un convertisseur HEX en RGB traduit les codes de couleur hexadécimaux (comme #FF5733) en leurs équivalents décimaux RGB (Rouge, Vert, Bleu). Cette conversion est essentielle pour le développement web, car CSS supporte à la fois les formats de couleur HEX et rgb().

Comment utiliser ce convertisseur HEX en RGB

1. Entrez une ou plusieurs valeurs de couleur dans la zone d'entrée (une par ligne). L'outil accepte à la fois les codes HEX (par exemple, #FF5733 ou FF5733) et les valeurs RGB (par exemple, rgb(255, 87, 51) ou 255, 87, 51).
2. Cliquez sur Convertir pour convertir. Les entrées HEX sont converties en RGB et les entrées RGB sont converties en HEX — la conversion est bidirectionnelle.
3. Utilisez le bouton Copier pour copier les résultats.

Concepts clés

Les couleurs HEX utilisent 6 chiffres hexadécimaux : les deux premiers représentent le rouge (00-FF), les deux du milieu le vert et les deux derniers le bleu. Chaque paire se convertit de la base 16 à une valeur décimale entre 0-255. Par exemple, #FF5733 se décompose en R=255, G=87, B=51. Le HEX abrégé (#F00) s'étend en doublant chaque chiffre (#FF0000).

Questions fréquemment posées

Qu'en est-il des codes HEX à 8 chiffres ?

Les codes HEX à 8 chiffres incluent un canal alpha pour la transparence. Les deux derniers chiffres représentent l'opacité de 00 (totalement transparent) à FF (totalement opaque), se convertissant en valeurs RGBA.

Y a-t-il une formule pour la conversion ?

Oui. Chaque paire HEX se convertit indépendamment : R = parseInt(hex[0..1], 16), G = parseInt(hex[2..3], 16), B = parseInt(hex[4..5], 16). Chaque résultat varie de 0 à 255.

Quel format dois-je utiliser en CSS ?

Les deux sont également valides en CSS. HEX est plus compact (#FF5733), tandis que rgb(255, 87, 51) est plus lisible. Utilisez rgba() quand vous avez besoin de transparence.