Outil couleur pratique

Générateur harmonie couleur

Générez harmonies complémentaires, analogues, triadiques, split, tétradiques et monochromatiques.

Ouvrir dans l’outil principalRetour à l’outil
EnglishItalianoEspañolFrançaisDeutsch

Ce que donne cette page

  • Choisissez une harmonie selon tension visuelle et role UI.
  • Utilisez complémentaires pour accents, analogues pour layouts calmes.
  • Vérifiez le contraste avant texte ou boutons.

Utile pour

  • Théorie couleur
  • Palettes UI
  • Accents marque

Comment l’utiliser

Générateur paletteCréez des palettes accessibles, vérifiez le contraste WCAG, extrayez des couleurs d'images et exportez CSS, Tailwind, SCSS, JSON, SVG et PNG.Contrôle WCAGVérifiez le contraste entre texte et arrière-plan selon WCAG AA et AAA, testez des paires réelles et choisissez des couleurs lisibles.Extracteur imageExtrayez les couleurs dominantes des images PNG, JPG ou WebP dans le navigateur et créez des palettes exportables.
Puis-je utiliser cela avec le générateur principal?

Oui. Commencez ici, ouvrez l’outil Chromoforge avec la même couleur de base et exportez la palette.

Quelle règle d'harmonie convient à une interface ?

Les schémas analogues et monochromatiques restent calmes et se gardent accessibles facilement, car les teintes sont proches et c'est la clarté qui varie. Le complémentaire donne un accent fort sur une base neutre. Les jeux triadiques et tétradiques conviennent mieux à l'illustration et à la dataviz qu'à une UI dense.

Une palette harmonieuse passe-t-elle automatiquement les contrôles d'accessibilité ?

Non. L'harmonie décrit des relations entre teintes ; le contraste dépend de la clarté. Deux couleurs parfaitement complémentaires à la même clarté sont presque illisibles l'une sur l'autre. Vérifiez chaque paire texte / fond face au seuil de 4.5:1 pour le texte courant.