Conversion des couleurs
#e24826
≈ Cinnabar
Variations
Le but de cette section est de produire avec précision des teintes (blanc pur ajouté) et des nuances (noir pur ajouté) de la couleur que tu as choisie, par incréments de 10 %.
Conseil de pro : Utilise des nuances pour les états de survol et les ombres, des teintes pour les hautes lumières et les arrière-plans.
Nuances
Variations plus sombres créées en ajoutant du noir à ta couleur de base.
Teintes
Variations plus légères créées en ajoutant du blanc à ta couleur de base.
Cas d'utilisation courants
- • États des composants de l'interface utilisateur (survol, actif, désactivé)
- • Créer de la profondeur avec les ombres et les lumières
- • Construire des systèmes de couleurs cohérents
Conseil pour le système de conception
Ces variations constituent la base d'une palette de couleurs cohérente. Exporte-les pour maintenir la cohérence dans l'ensemble de ton projet.
Combinaisons de couleurs
Chaque harmonie a sa propre ambiance. Utilise les harmonies pour réfléchir à des combinaisons de couleurs qui fonctionnent bien ensemble.
Comment l'utiliser
Clique sur n'importe quelle couleur pour copier sa valeur hexagonale. Il est mathématiquement prouvé que ces combinaisons créent une harmonie visuelle.
Pourquoi c'est important
Les harmonies de couleurs créent un équilibre et évoquent des émotions spécifiques dans tes dessins.
Complément
Une couleur et son opposé sur le cercle chromatique, +180 degrés de teinte. Contraste élevé.
Split-complémentaire
Une couleur et deux couleurs adjacentes à sa complémentaire, à +/- 30 degrés de teinte de la valeur opposée à la couleur principale. Audacieuse comme une complémentaire droite, mais plus polyvalente.
Triadique
Trois couleurs uniformément réparties sur le cercle chromatique, chacune à 120 degrés de teinte. Il est préférable de laisser une couleur dominer et d'utiliser les autres comme accents.
Analogue
Trois couleurs de même luminance et saturation, avec des teintes adjacentes sur le cercle chromatique, espacées de 30 degrés. Transitions fluides.
Monochromatique
Trois couleurs de même teinte avec des valeurs de luminance de +/- 50 %. Subtil et raffiné.
tétradique
Deux ensembles de couleurs complémentaires, séparés par 60 degrés de teinte.
Principes de la théorie des couleurs
Équilibre
Utilise une couleur dominante, soutiens-la avec une couleur secondaire et accentue-la avec parcimonie.
Contraste
Veille à ce que le contraste soit suffisant pour assurer la lisibilité et l'accessibilité.
Harmonie
Les couleurs doivent fonctionner ensemble pour créer une expérience visuelle unifiée.
Vérificateur de contraste des couleurs
Teste les combinaisons de couleurs pour t'assurer qu'elles respectent les normes d'accessibilité WCAG en matière de lisibilité du texte.
Couleur du texte
Couleur de fond
Contraste
Normes WCAG
Vérificateur de contraste avancé
Ajustez avec des curseurs, des aperçus multiples et plus encore
Tout le monde est un génie. Mais si tu juges un poisson sur sa capacité à grimper à un arbre, il passera toute sa vie à croire qu'il est stupide.