Outils › Harmonies de couleurs

Trouvez des harmonies pour n'importe quelle couleur

Saisissez n'importe quelle couleur et obtenez instantanément des palettes harmonieuses — complémentaires, analogues, triadiques et plus. Cliquez sur une couleur pour copier le HEX.

Couleur

Comment fonctionnent les harmonies de couleurs

Les harmonies de couleurs sont basées sur la position des couleurs sur la roue chromatique. Les couleurs complémentaires se font face et créent un fort contraste. Les couleurs analogues sont voisines et créent des combinaisons douces.

Quand utiliser chaque type

Complémentaire — pour les accents et boutons. Analogue — pour les fonds et intérieurs. Triadique — pour des designs vibrants. Monochromatique — pour des solutions minimalistes et élégantes.

Basé sur le modèle HSL

Toutes les harmonies sont calculées dans l'espace HSL (Hue, Saturation, Lightness). Cela permet de faire pivoter précisément la teinte à l'angle souhaité, en préservant la saturation et la luminosité.

Questions fréquentes
Que sont les couleurs complémentaires ?
Les couleurs complémentaires se font face sur la roue chromatique — différence de teinte de 180°. Elles créent un contraste maximal et fonctionnent bien pour mettre en valeur les accents.
Quelle est la différence entre analogue et monochromatique ?
Les couleurs analogues sont voisines sur la roue chromatique (±30°), de teintes différentes mais de caractère similaire. Les monochromatiques — la même teinte mais avec différentes luminosités et saturations.
Quand utiliser l'harmonie triadique ?
L'harmonie triadique (trois couleurs à 120°) donne un résultat vibrant et varié. Idéale pour les marques pour enfants, les interfaces de jeux et tout projet nécessitant énergie et dynamisme.
Cet outil est-il gratuit ?
Oui, complètement gratuit et sans limites. Tous les calculs se font dans votre navigateur, sans inscription.

Autres outils couleur

Pipette couleurChargez une photo et cliquez n'importe où — obtenez HEX, RGB, HSL et le nom Palette depuis une photoExtrayez 5–8 couleurs dominantes de n'importe quelle image Palette pour projetGénérez N couleurs avec lisibilité du texte garantie Variations de couleurPlus clair, foncé, saturé, pâle, chaud, froid Générateur de dégradésCréez de beaux dégradés et copiez le code CSS Contraste WCAGVérification accessibilité AA et AAA — gratuit Simulateur de daltonismeComment les daltoniens voient les couleurs — protanopie, deuteranopie et autres Convertisseur TailwindLa classe Tailwind la plus proche pour n'importe quelle couleur HEX Convertisseur de couleursHEX ↔ RGB ↔ HSL ↔ CMYK instantanément, avec copie du code Couleur par nomTrouvez HEX par nom — «terracotta», «indigo», «azur» Filtre CSS pour SVGRecolorisez des icônes SVG avec n'importe quelle couleur via CSS Palettes de couleursPalettes prêtes par thème — cliquez pour copier le HEX