Comment convertir une couleur
- Saisissez votre couleur dans n’importe quel format, utilisez le sélecteur ou prélevez-la dans une image.
- Copiez le format dont vous avez besoin : HEX pour le web, RGB pour les logiciels, CMJN pour préparer une impression.
- Vérifiez le contraste avec la couleur de texte prévue, puis explorez les palettes harmonieuses.
Les formats de couleur
| Format | Exemple | Usage |
|---|---|---|
| HEX | #2b4acb | CSS, HTML, outils de design |
| RGB | rgb(43, 74, 203) | Écrans, logiciels, CSS |
| HSL | hsl(228, 65%, 48%) | CSS, créer des variantes plus claires ou plus foncées |
| HSV / HSB | hsv(228, 79%, 80%) | Photoshop, sélecteurs de couleur |
| CMJN | cmjn(79, 64, 0, 20) | Impression |
Bien choisir les couleurs d’un site
- Vérifiez que chaque couple texte / fond atteint au moins le niveau AA.
- Ne transmettez jamais une information uniquement par la couleur (par exemple un champ en erreur seulement en rouge).
- Les palettes « nuances » donnent des variantes cohérentes pour les survols, bordures et fonds.
Questions fréquentes
Quelle est la différence entre RGB et CMJN ?
Le RGB (rouge, vert, bleu) décrit les couleurs d’un écran, le CMJN (cyan, magenta, jaune, noir) celles d’une impression. La conversion proposée est mathématique : pour une impression professionnelle, demandez à votre imprimeur son profil de couleurs, car le rendu réel dépend du papier et des encres.
Que signifient AA et AAA ?
Ce sont les niveaux des règles d’accessibilité WCAG. Le niveau AA, exigé par le RGAA en France, demande un contraste d’au moins 4,5:1 pour un texte normal et 3:1 pour un grand texte (24 px, ou 18,66 px en gras). Le niveau AAA demande 7:1 et 4,5:1.
Puis-je prendre une couleur dans une image ?
Oui : ouvrez l’image dans la zone « Pipette sur image » et cliquez sur le pixel voulu. Dans Chrome et Edge, le bouton « Pipette écran » permet même de prendre une couleur n’importe où à l’écran.
Quels formats puis-je saisir ?
Tous les formats CSS : #2b4acb, 2b4acb, rgb(43 74 203), hsl(228 65% 48%), les noms comme tomato, ainsi que cmjn(79, 64, 0, 20).