Sélecteur et convertisseur de couleurs
Choisissez une couleur, collez un code ou cliquez sur une image pour obtenir la couleur dans tous les formats, des palettes assorties et un test de contraste.
- Choisissez une couleur, un code ou une image
- Voyez-la en HEX, RGB, HSL, HSV et CMJN
- Copiez codes et palettes ou testez le contraste
Vos fichiers ne quittent jamais votre appareil
Les formats de couleur
- HEX : le code à six chiffres du web et du CSS (#14183d).
- RGB : rouge, vert et bleu de 0 à 255, pour les écrans.
- HSL et HSV : teinte, saturation et luminosité ou valeur, faciles à ajuster à la main.
- CMJN (CMYK) : pourcentages de cyan, magenta, jaune et noir utilisés en impression.
Créer une palette
- Les couleurs complémentaires sont opposées et offrent un fort contraste.
- Les couleurs analogues sont voisines et donnent une impression calme et harmonieuse.
- Les couleurs triadiques sont régulièrement espacées pour un rendu équilibré et vivant.
- Cliquez sur une pastille pour en faire la couleur actuelle et copier ses codes.
Un texte lisible (WCAG)
Choisissez les couleurs du texte et du fond : l'outil calcule le rapport de contraste. Visez au moins 4,5:1 pour le texte courant et 3:1 pour les grands titres (niveau AA) ; 7:1 atteint le niveau AAA, plus exigeant.
Questions fréquentes
Quels codes couleur puis-je saisir ?
HEX (#1e90ff ou 1e90ff), rgb(), hsl(), hsv(), cmyk() et les noms de couleurs CSS comme navy ou tomato.
Comment prélever la couleur d'une photo ou d'un logo ?
Ouvrez l'image dans la section « Prélever dans une image » et cliquez sur n'importe quel point. L'image reste sur votre appareil.
La valeur CMJN est-elle exacte pour l'impression ?
C'est une conversion mathématique standard. Les couleurs imprimées dépendent du profil de l'imprimante : validez les travaux importants avec votre imprimeur.
Qu'est-ce que le rapport de contraste ?
Il mesure la lisibilité d'un texte sur un fond. Les WCAG exigent au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte (niveau AA).
Comment les palettes sont-elles créées ?
En faisant tourner la teinte sur le cercle chromatique : complémentaire (180°), analogue (±30°) et triadique (120°), plus des nuances claires et foncées.
Puis-je prélever une couleur n'importe où à l'écran ?
Oui, dans les navigateurs compatibles (comme Chrome et Edge sur ordinateur), un bouton « Prélever à l'écran » apparaît.