Choisissez une couleur et obtenez ses valeurs HEX, RGB, CMJN, HSV et HSL en un instant

Un sélecteur de couleurs est un outil en ligne gratuit qui vous permet de choisir une couleur et de lire immédiatement sa valeur dans cinq formats : HEX, RGB, CMJN, HSV et HSL. Choisissez une couleur sur la palette ou collez une valeur HEX ou RGB, puis copiez le format voulu en un clic. Il comprend aussi un vérificateur de contraste WCAG pour tester une couleur de texte sur une couleur de fond et confirmer qu’elle est accessible. Tout fonctionne dans votre navigateur, gratuitement et sans inscription.

HEX

RGB

CMYK

HSV

HSL

Color

WCAG contrast checker

Check that a text color is readable on a background color. WCAG 2.1 requires a ratio of at least 4.5:1 for normal text and 3:1 for large text.

Text color (HEX)

Background color (HEX)

Contrast ratio

Sample text: check how readable this is

AA normal text (4.5:1)
AA large text (3:1)
AAA normal text (7:1)
AAA large text (4.5:1)

Comment utiliser le sélecteur de couleurs

Choisissez une couleur sur la palette, ou saisissez une valeur HEX ou RGB pour voir la couleur correspondante.
Copiez n’importe lequel des cinq formats avec le bouton copier situé à côté.
Descendez jusqu’au vérificateur de contraste pour tester une couleur de texte sur une couleur de fond et voir quels niveaux WCAG elle respecte.

Quel format de couleur utiliser ?

Format	Idéal pour	Exemple
HEX	Sites web, CSS, outils de design	#f4ae00
RGB	Écrans, CSS avec transparence (rgba)	rgb(244, 174, 0)
CMYK	Impression : brochures, packaging, cartes de visite	0%, 29%, 100%, 4%
HSV	Sélecteurs de couleur des logiciels graphiques	hsv(43°, 100%, 96%)
HSL	Palettes CSS : nuances plus claires et plus foncées d’une même teinte	hsl(43°, 100%, 45%)

Utilisations courantes

Retrouver la couleur d’une marque quand on n’a qu’un code HEX fourni par un designer.
Convertir une couleur web en CMJN avant d’envoyer les fichiers à l’imprimeur.
Vérifier que le texte des boutons et du corps respecte l’exigence de contraste WCAG 2.1 de 4.5:1.
Construire une palette CSS : gardez la teinte et la saturation, ne changez que la luminosité HSL.

FAQ sur le sélecteur de couleurs

Le sélecteur de couleurs est-il gratuit ?

Oui, le sélecteur de couleurs et le vérificateur de contraste sont entièrement gratuits, sans inscription et sans limite d’utilisation.

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

HEX et RGB décrivent les mêmes couleurs d’écran dans des notations différentes : HEX est la forme compacte utilisée en CSS et dans les outils de design, RGB liste les valeurs de rouge, vert et bleu. CMJN décrit la couverture d’encre pour l’impression. HSV et HSL décrivent une couleur par sa teinte, ce qui les rend pratiques pour construire des palettes et régler la luminosité.

Comment convertir du HEX en RGB ?

Collez la valeur HEX dans le champ HEX et la valeur RGB apparaît immédiatement dans le champ RGB. La conversion marche aussi dans l’autre sens : saisissez une valeur RGB et vous obtenez le code HEX.

Quel ratio de contraste faut-il pour l'accessibilité ?

Le niveau AA de WCAG 2.1 exige un ratio d’au moins 4.5:1 pour le texte normal et 3:1 pour le grand texte (18pt et plus, ou 14pt en gras). Le niveau AAA exige 7:1 pour le texte normal. Le vérificateur de contraste de cette page indique quels niveaux votre paire de couleurs respecte.

Puis-je convertir une couleur d'écran en couleur d'impression ?

Oui, l’outil affiche la valeur CMJN de toute couleur choisie. Gardez à l’esprit que la conversion CMJN est une approximation : la couleur imprimée finale dépend aussi du profil de l’imprimante et du papier, alors demandez toujours une épreuve imprimée pour les couleurs critiques d’une marque.

Sélecteur de couleurs