Aller au contenu principal
Tooletto

Sélecteur et convertisseur de couleur

Choisissez une couleur et convertissez-la entre HEX, RGB, HSL, HSV et CMJN, générez des palettes assorties, et vérifiez le contraste du texte contre les seuils d'accessibilité WCAG.

  • 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 la même couleur a besoin de tant de notations différentes

HEX et RGB décrivent littéralement la même valeur sous-jacente — combien de lumière rouge, verte et bleue mélanger — en deux notations différentes visant deux objectifs différents : HEX empaquette les trois canaux dans une seule chaîne compacte de six caractères pratique à coller comme valeur CSS ou stocker dans une colonne de base de données, tandis que RGB épelle les trois nombres séparément, plus pratique quand un programme doit lire ou manipuler chaque canal indépendamment. HSL reformule la même couleur dans un système de coordonnées complètement différent construit autour de la façon dont les gens pensent réellement à la couleur — teinte (quelle couleur), saturation (à quel point vive), luminosité (à quel point proche du blanc ou du noir) — précisément parce que « rends-le un peu plus clair » ou « rends-le plus terne » sont des ajustements d'un seul nombre en HSL et nécessiteraient de recalculer les trois canaux RGB simultanément pour obtenir le même effet visuel.

Pourquoi le CMJN existe comme un modèle de couleur réellement distinct, pas juste une autre notation

RGB, HSL et HSV sont tous des façons différentes de décrire la lumière additive — des couleurs créées en émettant directement de la lumière rouge, verte et bleue, ce qui est comment fonctionne chaque écran. Le CMJN décrit la couleur soustractive — l'encre cyan, magenta, jaune et noire absorbant certaines longueurs d'onde de lumière réfléchies par le papier, un processus physiquement différent avec une gamme de couleurs atteignables plus petite que ce qu'un écran peut produire. C'est pourquoi une couleur RGB vive et saturée, en particulier certains bleus et verts éclatants, n'a fréquemment aucun équivalent CMJN exact — la couleur tombe simplement hors de ce que l'encre sur papier est physiquement capable de reproduire, et la conversion affichée est l'approximation disponible la plus proche utilisant l'arithmétique standard plutôt qu'une correspondance avec gestion de couleur professionnelle. La vraie précision d'impression pour un travail important nécessite un profil de couleur ICC calibré au papier et à l'imprimante précis utilisés, ce qui est un processus séparé et plus élaboré que ce que peut fournir une conversion arithmétique à usage général.

Pourquoi un ratio de contraste peut défier ce que disent vos yeux

Le ratio de contraste WCAG est calculé purement à partir de la luminance relative de chaque couleur — une mesure de luminosité perçue dérivée des canaux RGB via une formule pondérant le vert plus lourdement, l'œil humain étant plus sensible à cette longueur d'onde — plutôt qu'à partir de la différence visuelle ou de la vivacité apparente des deux couleurs côte à côte. Cela produit un mode d'échec précis et contre-intuitif : deux couleurs saturées et clairement distinctes de luminosité globale similaire, comme un texte orange vif sur un fond rouge vif, peuvent porter presque aucun contraste de luminance entre elles malgré une apparence manifestement distinguable pour une vision typique, et l'association devient réellement difficile ou impossible à lire pour quiconque a une basse vision, une déficience de vision des couleurs, ou simplement un écran de mobile en plein soleil. Le ratio mesure exactement la dimension de contraste qui compte pour ces lecteurs, même quand il diverge de la première impression d'un œil non affecté sur l'association.

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.

Tâches courantes pour Sélecteur et convertisseur de couleur