Couleur et design
Outils de couleur pour designers et développeurs.
À quoi ça sert
La couleur est l’une des rares décisions de design qui touche à la fois à l’esthétique et à la possibilité même de lire ce que vous avez écrit. Bien choisir n’est pas affaire de goût : des relations mathématiques expliquent pourquoi certaines couleurs s’accordent, et des seuils mesurables déterminent si un texte est lisible.
À cela s’ajoute un problème pratique qui surgit dès qu’on utilise plus d’un outil : la même couleur s’écrit différemment selon sa destination. HEX sur le web, RGB dans les éditeurs, CMJN chez l’imprimeur, HSL quand on veut ajuster une teinte à la main. Traduire à la main est lent et source d’erreurs.
Cette section couvre les trois besoins courants : convertir entre formats, trouver des combinaisons qui fonctionnent, et vérifier que le résultat atteint les minimums d’accessibilité avant publication.
De quel outil ai-je besoin
- J’ai une couleur et il me la faut dans un autre format
- Le convertisseur de couleur traduit instantanément entre HEX, RGB, HSL et CMJN.
- Je ne sais pas quelles couleurs employer
- Le générateur de palettes propose cinq couleurs harmonieuses réparties sur le cercle chromatique. Relancez jusqu’à trouver la bonne combinaison.
- Je veux savoir si mon texte se lit bien
- Le vérificateur de contraste calcule le rapport entre texte et fond et indique s’il satisfait les niveaux AA et AAA des normes WCAG.
- Il me faut les couleurs d’une image ou d’un logo
- Extraire les couleurs d’une image, dans la section image, analyse le fichier et renvoie les teintes dominantes.
- Je veux une version plus claire de ma couleur de marque
- Passez la couleur en HSL avec le convertisseur et montez la luminosité en gardant la teinte. C’est bien plus précis que de tâtonner en RGB.
Questions fréquentes
Quel contraste minimum me faut-il ?
Pour un texte normal, 4.5:1 satisfait le niveau AA, celui qui est habituellement exigé et que la réglementation d’accessibilité impose à de nombreux sites publics. Le niveau AAA demande 7:1.
Pourquoi mes couleurs changent-elles à l’impression ?
Les écrans travaillent en RGB avec de la lumière, le papier en CMJN avec de l’encre. Certaines couleurs, notamment les verts et bleus très saturés, ne peuvent tout simplement pas être reproduites.
Une palette harmonieuse garantit-elle la lisibilité ?
Non. Harmonie et contraste sont deux choses distinctes : deux couleurs peuvent s’accorder parfaitement et rester illisibles l’une sur l’autre. Vérifiez toujours le contraste à part.