Aller au contenu principal
Tooletto

Convertisseur HEX vers RGB

Un préréglage de Sélecteur et convertisseur de couleur

Convertissez un code couleur hexadécimal en valeurs RGB. L'abréviation comme #abc s'étend correctement en #aabbcc, et chaque autre format est affiché à côté pour que vous preniez celui dont votre code a besoin.

  • Les fichiers ne quittent jamais votre appareil
  • Gratuit, sans inscription
  • Aucun filigrane
  • Fonctionne hors ligne une fois chargé
Loading tool…

Comment utiliser Sélecteur et convertisseur de couleur

  1. 1

    Choisissez une couleur

    Utilisez l'échantillon, ou tapez directement une valeur HEX ou RGB.

  2. 2

    Copiez n'importe quel format

    HEX, RGB, HSL, HSV et CMJN sont tous affichés à la fois.

  3. 3

    Vérifiez le contraste

    Définissez un fond pour voir si le texte passe WCAG AA et AAA.

Pourquoi les codes hexadécimaux abrégés existent et comment ils s'étendent

CSS et les outils de design prennent tous deux en charge une notation hexadécimale abrégée à trois caractères — `#abc` — comme façon compacte d'écrire des couleurs où chaque canal utilise par hasard un chiffre répété, et elle s'étend en doublant chaque caractère plutôt qu'en remplissant de zéros : `#abc` devient `#aabbcc`, pas `#0a0b0c`. Cette distinction compte car les deux extensions possibles produisent des couleurs réellement différentes, et le faire à l'envers en convertissant à la main est une erreur facile et courante — doubler correctement chaque chiffre plutôt que remplir de zéros est exactement ce qu'une conversion adéquate doit réussir.

Lire correctement les valeurs RGB dans différents outils

Les valeurs RGB s'écrivent conventionnellement comme trois nombres de 0 à 255 pour rouge, vert et bleu respectivement, mais la notation exacte varie selon où elles sont collées — CSS accepte `rgb(171, 187, 204)` avec des virgules, certains outils de design et d'illustration attendent les mêmes trois nombres séparés par des espaces sans virgules du tout, et quelques contextes expriment chaque canal comme une fraction de 0 à 1 plutôt qu'un entier de 0 à 255. Voir la valeur détaillée ici élimine le besoin de convertir manuellement entre la notation précise qu'attend un outil ou une base de code de destination.

Un moyen rapide de vérifier une valeur extraite d'une capture d'écran ou d'un fichier de design

Un code hexadécimal copié depuis la pipette d'un outil de design, un guide de style de marque, ou un sélecteur de couleur de capture d'écran est souvent la seule valeur disponible, sans aucun détail RGB attaché — le coller ici pour voir les équivalents RGB, HSL et CMJN ensemble est plus rapide que de chercher chaque conversion individuellement ou de faire le calcul à la main.

Questions fréquentes

Quelle est la différence entre HEX, RGB et HSL ?

HEX et RGB décrivent la même chose en notation différente — combien de rouge, vert et bleu mélanger. HSL la reformule en teinte, saturation et luminosité, ce qui est bien plus facile à raisonner : pour éclaircir une couleur vous changez un nombre plutôt que d'en deviner trois.

Que signifie le ratio de contraste ?

Il compare la luminance relative de deux couleurs sur une échelle de 1 (identique) à 21 (noir sur blanc). WCAG exige au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte au niveau AA, montant à 7:1 et 4,5:1 en AAA.

Pourquoi ma couleur échoue-t-elle au contraste alors qu'elle me paraît bien ?

Parce que le ratio est calculé à partir de la luminance relative, pas de la différence apparente entre deux couleurs. Deux couleurs vives de luminosité similaire — orange sur rouge, disons — paraissent différentes mais portent presque aucun contraste de luminance, et deviennent illisibles pour quiconque a une basse vision ou un écran au soleil.

La conversion en CMJN est-elle précise pour l'impression ?

C'est la conversion arithmétique standard, un point de départ plutôt qu'un résultat avec gestion de la couleur. Le vrai travail d'impression a besoin d'un profil ICC pour l'imprimante et le papier précis, car le CMJN ne peut pas du tout reproduire de nombreuses couleurs RGB vives.