Convertisseur HEX en RGB Gratuit - Convertisseur de Code Couleur et Sélecteur

Convertir HEX en RGB

Cet outil lit un code couleur HEX et affiche la même couleur en RGB, HSL, CMJN et en valeur HEX/RGBA à 8 caractères, avec un aperçu en direct, un test de contraste et une luminosité perçue. Vous tapez ou collez un code, ou choisissez la couleur visuellement, et tous les formats se mettent à jour ensemble.

Comment fonctionne la conversion

Un code HEX à 6 caractères se divise en trois paires de 2 caractères, chacune un nombre hexadécimal de 00 à FF (0 à 255 en décimal) pour le rouge, le vert et le bleu. En forme courte à 3 caractères, chaque chiffre est d'abord doublé, donc #A3F devient #AA33FF avant que la même division s'applique. À partir de ce triplet RGB, la teinte HSL se calcule à partir de la moyenne du canal le plus clair et du plus sombre pour la luminosité, de leur écart pour la saturation, et de l'ordre des canaux pour la teinte. Le CMJN est calculé à titre indicatif en trouvant K à partir du plus grand des trois canaux, puis en calant le cyan, le magenta et le jaune sur cette base. La luminosité perçue utilise les coefficients ITU-R BT.601, R fois 299 plus V fois 587 plus B fois 114, divisé par 1000 ; un résultat supérieur à 128 est marqué Clair, en dessous Sombre, ce qui détermine aussi la couleur du texte dans l'aperçu de contraste. Le même champ reconnaît aussi une chaîne rgb(r, g, b) tapée directement à la place d'un code HEX, et chaque choix dans le sélecteur de couleur met à jour le champ HEX automatiquement. Si le code ne peut pas être interprété, l'outil affiche un message d'erreur juste sous le champ au lieu de deviner une couleur. Chaque valeur convertie a son propre bouton de copie, qui se change brièvement en coche après un clic, ce qui permet de récupérer seulement la chaîne RGB, la chaîne CMJN ou la ligne CSS sans toucher au reste.

Exemple chiffré

Prenons #9D4EDD. Les paires donnent R=157, G=78, B=221, soit RGB(157, 78, 221). La moyenne du canal le plus clair et du plus sombre donne 59 % de luminosité, leur écart 68 % de saturation, et la teinte se situe à 273 degrés, soit HSL(273, 68%, 59%). Les mêmes valeurs RGB donnent cmyk(29%, 65%, 0%, 13%) dans la formule CMJN. La forme à 8 caractères est #9D4EDDFF, et la ligne CSS est color: #9D4EDD;. La luminosité atteint 118 sur 255, sous le seuil de 128, donc l'outil marque la couleur Sombre et passe le texte en blanc dans l'aperçu de contraste.

Exemple de sortie

Input:  #9D4EDD

Output: {
  "rgb":  "rgb(157, 78, 221)",
  "hsl":  "hsl(273, 68%, 59%)",
  "cmyk": "cmyk(29%, 65%, 0%, 13%)",
  "hex8": "#9D4EDDFF",
  "css":  "color: #9D4EDD;"
}