Web & marketing

Convertisseur de couleur RGB, HEX et HSL

Convertissez une couleur dans les deux sens entre RGB et HEX, ou obtenez ses composantes HSL.

Calcul mathématiqueFormule et unitésExemples chiffrésCalcul dans le navigateur

Calcul mathématique : Le résultat suit la formule affichée pour les valeurs et unités saisies.

Calculateur interactif

Convertisseur de couleur RGB, HEX et HSL

Exporter
Couleur convertie—

Calcul en cours…

Exemples de contrôle :

En bref

Réponse courte

Convertissez exactement RGB vers HEX, HEX vers RGB, ou RGB vers HSL. Les canaux RGB doivent être des entiers de 0 à 255 ; le code HEX accepte #RGB et #RRGGBB. Contrôle réversible : RGB(255, 165, 0) correspond à #FFA500.

RGB et HEX conservent exactement les trois canaux lorsqu’un code sur six chiffres est utilisé. Le mode HSL fournit teinte, saturation et luminosité arrondies pour faciliter la lecture. Aucun mode ne gère transparence, profil ICC ou apparence physique de l’écran.

Est-ce le bon calcul ?

Choisissez RGB vers HEX pour produire un code web, HEX vers RGB pour retrouver les trois canaux, ou RGB vers HSL pour lire teinte, saturation et luminosité. Le canal alpha et les profils colorimétriques restent hors calcul.

Méthode

Formule et variables

RGB ↔ #RRGGBB par conversion décimal–hexadécimal de chaque canal ; RGB → HSL par maximum, minimum, teinte, saturation et luminosité
  • Rouge
  • Vert
  • Bleu
  • Code HEX — saisie : #RGB ou #RRGGBB

Pourquoi cette relation fonctionne

HEX code les mêmes trois canaux RGB en base seize plutôt qu’en base dix : la conversion est exacte et réversible. HSL réexprime la couleur à partir du maximum, du minimum et de leur écart ; cette représentation est calculée, mais ses valeurs affichées peuvent être arrondies.

Rôle de chaque donnée

Canaux rouge, vert et bleu
Trois entiers de 0 à 255 utilisés pour produire un code HEX ou des composantes HSL.
Code HEX
Trois ou six chiffres hexadécimaux, avec dièse optionnel ; la forme courte est développée avant conversion.

Chaque canal entier de 0 à 255 est converti sur exactement deux chiffres hexadécimaux, puis les trois paires sont concaténées dans l’ordre rouge, vert, bleu.

Conditions de validité

  • Chaque canal RGB est un entier de 0 à 255.
  • Le code hexadécimal doit avoir un format valide.
  • Conservez l’ordre rouge, vert, bleu.

Exemples de contrôle

Valeurs=Résultat attendu
RGB(255, 165, 0)=#FFA500
#228B22=RGB(34, 139, 34)
RGB(255, 165, 0) vers HSL=HSL(38,8°, 100 %, 50 %)

RGB(255, 165, 0) devient #FFA500 : 255 donne FF, 165 donne A5 et 0 donne 00. La conversion inverse de #FFA500 restitue RGB(255, 165, 0). Pour les mêmes canaux, la représentation HSL arrondie est HSL(38,8°, 100 %, 50 %).

Comment refaire le calcul

  1. Choisir le sens de conversion.
  2. Saisir trois canaux entiers ou un code HEX valide.
  3. Convertir chaque paire HEX/RGB ou calculer maximum, minimum, teinte, saturation et luminosité.
  4. Effectuer le contrôle inverse RGB ↔ HEX lorsque la conservation exacte des canaux est nécessaire.

Approfondir

Comprendre et comparer correctement

Conversion exacte entre RGB et HEX

Chaque canal décimal est converti en une paire de chiffres hexadécimaux, puis les paires sont concaténées dans l’ordre rouge, vert, bleu. La conversion inverse découpe le code en trois paires. Les formes #RGB sont d’abord développées en doublant chaque caractère.

Contrôles réversibles de couleur

Les exemples vérifient un aller RGB vers HEX, un retour HEX vers RGB et une lecture HSL. Le contrôle le plus fort consiste à effectuer l’aller-retour et à comparer chaque canal.

EntréeSortieContrôle
RGB(255, 165, 0)#FFA500Paires FF, A5 et 00
#228B22RGB(34, 139, 34)Décodage de trois paires
RGB(255, 165, 0)HSL(38,8°, 100 %, 50 %)Représentation HSL arrondie

Ce que la conversion de couleur ne prouve pas

Des valeurs numériques identiques peuvent apparaître différemment selon écran, profil, luminosité ambiante et chaîne graphique. Le moteur convertit des coordonnées ; il ne calibre pas un appareil et ne réalise pas de conversion vers CMJN, Lab ou Display P3.

Décider avec RGB, HEX et HSL

Utilisez HEX pour un code web compact, RGB pour manipuler directement les canaux, et HSL pour raisonner en teinte, saturation et luminosité. Pour vérifier une couleur critique, conservez le profil colorimétrique et contrôlez le rendu dans la chaîne réelle.

BesoinModeFrontière
Code CSS compactRGB vers HEXAlpha non inclus
Lire trois canauxHEX vers RGBProfil non interprété
Ajuster teinte ou luminositéRGB vers HSLValeurs affichées arrondies

Erreurs à éviter

  • Saisir une valeur inférieure à 0, supérieure à 255 ou non entière.
  • Inverser l’ordre des canaux RGB.
  • Oublier le zéro initial d’un canal inférieur à 16 lors d’une conversion manuelle.
  • Associer une valeur au mauvais champ, notamment « Rouge », « Vert » et « Bleu ».
  • Arrondir une valeur intermédiaire avant d’obtenir « Code hexadécimal ».

Limites et interprétation

  • La conversion ne décrit pas un profil colorimétrique ni l’apparence réelle sur un écran calibré ou non.
  • Le canal alpha et les espaces Lab, CMJN ou Display P3 restent hors calcul.
  • La conversion RGB vers HSL applique la définition mathématique standard à des canaux sRGB numériques, sans gestion colorimétrique.

Interprétation

Lire le résultat sans se tromper

Ce que dit le résultat

Pour « Convertisseur RGB vers hexadécimal », « Code hexadécimal » est obtenu à partir de rouge, vert et bleu selon « #RRGGBB = représentation hexadécimale sur deux caractères de chaque canal rouge, vert et bleu ». Le résultat convertit exactement une couleur entre hexadécimal et canaux rouge, vert, bleu. Le contrôle « RGB(255, 165, 0) » doit conduire à « #FFA500 ».

Contrôle prioritaire

Chaque canal RGB est un entier de 0 à 255.

Ce qu’il ne faut pas conclure

La conversion ne décrit pas un profil colorimétrique.

Contrôle

Avant d’utiliser le résultat

  • Vérifier que chaque canal RGB est un entier de 0 à 255.
  • Reconvertir le code HEX vers RGB pour contrôler les trois paires.
  • Ne pas confondre conversion numérique et gestion d’un profil colorimétrique.

Tests de cohérence

  • RGB(255, 165, 0) doit produire #FFA500.
  • #228B22 doit restituer RGB(34, 139, 34).
  • Une conversion RGB vers HEX puis HEX vers RGB doit restituer exactement les trois canaux entiers.

Historique

Ce qui a changé dans cette calculatrice

DateVersionModification contrôlable
V35Ajout des conversions HEX vers RGB et RGB vers HSL, avec contrôles de format et conversion inverse.

Cet historique décrit les modifications du calcul ou de son périmètre. Une simple retouche typographique n’y est pas ajoutée.

Traçabilité

Niveau de preuve et responsabilité éditoriale

Type de preuve
Relation mathématique explicite, limites et jeux de contrôle reproductibles
Contrôles réalisés
Pour « Convertisseur RGB vers hexadécimal » : syntaxe hexadécimale, canaux RGB 0–255, ordre et conversion réversible ; formule « #RRGGBB = représentation hexadécimale sur deux caractères de chaque canal rouge, vert et bleu », unités, exemples et limites revus ; contrôle V39 de la réponse directe, des citations, de l’indexabilité et de la cohérence visible–machine.
Version de contrôle
V39
Responsable
Nicolas Belotti — directeur de publication
Jeux de contrôle
Consulter les résultats attendus de la catégorie

Pour citer ce calcul, conservez l’URL canonique, les valeurs, les unités, le mode choisi et la date de révision. La fiche est aussi publiée dans le référentiel JSON et le corpus texte.

Contenu révisé le sous la direction de publication de Nicolas Belotti. Signaler une erreur.

Questions fréquentes

Le dièse est-il obligatoire pour un code HEX ?

Non dans le champ : #FFA500 et FFA500 sont acceptés. Le résultat normalisé inclut le dièse.

Les codes HEX courts sont-ils acceptés ?

Oui. #FA0 est développé en #FFAA00 avant conversion vers RGB.

RGB vers HEX est-il réversible ?

Oui pour trois canaux entiers 0–255 : chaque canal correspond exactement à une paire hexadécimale.

Pourquoi HSL peut-il contenir des décimales ?

La teinte et la saturation proviennent de rapports entre canaux. L’affichage arrondit ces composantes pour rester lisible.

Le convertisseur gère-t-il la transparence ?

Non. Le canal alpha, les codes à huit chiffres et les profils colorimétriques ne sont pas traités.