Couleurs distinctes qui vont ensemble
Plusieurs couleurs différentes avec la même luminosité et la même saturation. Sur des icônes, étiquettes, graphiques et diapositives, elles forment un seul jeu.
Cliquez sur une couleur pour copier son HEX.
Leur rendu ensemble
- Accueil
- Messages
- Agenda
- Fichiers
- Photos
- Musique
Code
#ea6a64
#bf9000
#4db155
#00acba
#6793fa
#c972ceVérifier vos couleurs
Collez les couleurs que vous utilisez déjà, une par ligne ou séparées par des espaces. Vous verrez si elles sont au même niveau et obtiendrez un jeu corrigé avec les mêmes teintes.
Questions et réponses
Pourquoi des couleurs de même luminosité HSL paraissent-elles inégales ?
HSL traite toutes les teintes de la même façon, pas l'œil : le jaune et le vert paraissent bien plus clairs que le bleu avec les mêmes valeurs HSL. Cet outil travaille en OKLCH, où une luminosité égale paraît égale, donc aucune icône ni barre de graphique ne ressort par hasard.
Combien de couleurs distinctes peut-on différencier ?
Dans un graphique ou une légende, la plupart des gens distinguent vite 6 à 8 couleurs. Jusqu'à 12 reste possible avec des libellés à côté. Au-delà, regroupez les petites catégories ou ajoutez des libellés, des motifs ou des icônes.
Quel style choisir ?
Pastel et Douces conviennent aux fonds d'étiquettes et de badges avec du texte foncé. Vives et Intenses conviennent aux icônes, barres et lignes de graphique sur fond blanc. Profondes et Sombres conviennent aux tuiles à texte blanc et aux accents des thèmes sombres.
Puis-je mettre du texte sur ces couleurs ?
Oui. L'aperçu choisit du texte noir ou blanc pour chaque couleur. Les styles clairs prennent du texte foncé, les styles profonds du texte blanc. Pour un texte courant, vérifiez la paire exacte dans le vérificateur de contraste.
Les couleurs de même luminosité conviennent-elles aux daltoniens ?
Les couleurs d'un même niveau ne diffèrent que par la teinte, ce qui est le plus difficile pour les personnes daltoniennes. Dans les graphiques, ajoutez des libellés ou des motifs, ou testez le jeu dans le simulateur de daltonisme. Pour des icônes avec texte, cela va en général.