Codes HEX, RGB, HSL, CMJN, contraste d'accessibilité, nuances et harmonies : tout pour choisir vos couleurs.
| Format | Exemple | Où l'utiliser |
|---|---|---|
| HEX | #6D5EF0 | Sites web, logiciels de design |
| RGB | rgb(109, 94, 240) | Écrans, CSS, retouche photo |
| HSL | hsl(247, 83%, 65%) | Créer des variantes plus claires ou plus foncées |
| CMJN | 55% 61% 0% 6% | Impression (valeur indicative, sans profil couleur) |
Les règles d'accessibilité du web (WCAG) demandent un contraste d'au moins 4,5:1 pour un texte normal (niveau AA) et 7:1 pour le niveau AAA. Un grand texte se contente de 3:1. L'outil calcule le contraste de votre couleur sur fond blanc et sur fond noir : vous savez tout de suite si elle convient pour du texte.
Sur ordinateur, la pipette permet de récupérer la couleur de n'importe quel point de l'écran, quand votre navigateur la propose.
Collez le code HEX dans le champ : l'outil affiche aussitôt sa valeur RGB, HSL et CMJN, avec un bouton pour copier chacune.
Au moins 4,5:1 entre le texte et le fond pour un texte normal, 3:1 pour un grand titre. L'outil indique si votre couleur atteint ces seuils.
Elles sont indicatives : la conversion exacte dépend du profil de couleur de l'imprimeur. Demandez-lui son profil pour un résultat fidèle.