Générateur de palette de couleurs

Choisissez une couleur de base et générez des palettes harmonieuses — complémentaire, triadique, analogue, complémentaire divisée et monochromatique.

Comment utiliser

Choisissez une couleur de base avec le sélecteur ou saisissez un code hexadécimal.
Choisissez le type d'harmonie — complémentaire, triadique, analogue, complémentaire divisée ou monochromatique.
Cliquez sur « Générer la palette » — les couleurs apparaissent sous forme d'échantillons avec les codes hex. Cliquez sur un échantillon pour copier son code.

À propos de cet outil

L'harmonie des couleurs est le principe selon lequel certaines combinaisons de teintes paraissent équilibrées ensemble. La théorie vient du cercle chromatique : les couleurs complémentaires sont opposées (contraste maximal), les couleurs analogues sont voisines (contraste minimal) et les couleurs triadiques forment un triangle équilatéral (contraste équilibré). La complémentaire divisée prend les deux voisines de la complémentaire, et la monochromatique varie la luminosité et la saturation d'une seule teinte.

Ce générateur travaille dans l'espace colorimétrique HSL, où H est l'angle de teinte sur le cercle, S la saturation et L la luminosité. Les harmonies sont géométriques : la complémentaire ajoute 180° à la teinte, la triadique ajoute 120° et 240°, l'analogue ajoute et soustrait 30°. Les résultats sont des points de départ pour un design — le vrai travail de palette ajuste saturation et luminosité pour équilibrer le poids visuel, et teste la palette sur le contenu réel avec lequel elle sera utilisée.

Cliquez sur n'importe quel échantillon pour copier son code hex dans le presse-papiers. Tout fonctionne dans votre navigateur et rien n'est stocké.

La formule

Complémentaire : H+180°. Triadique : H+120°, H+240°. Analogue : H−30°, H, H+30°. Complémentaire divisée : H+150°, H+210°. Monochromatique : même H, S et L variés.

Questions fréquentes

Which harmony should I use?

Complémentaire pour un contraste maximal (boutons d'action, états d'alerte). Analogue pour un rendu calme et cohérent. Triadique pour une palette équilibrée avec de la variété. Monochromatique pour un design monochrome de marque.

Puis-je utiliser ces couleurs à des fins commerciales ?

Les couleurs ne sont pas protégées par le droit d'auteur. La palette que vous générez est la vôtre.

Pourquoi les couleurs sont-elles différentes sur mon téléphone ?

Parce que les écrans ont des gamuts et des calibrations différents. Le code hex est le même ; l'apparence dépend de l'écran.

Vérifie-t-il le contraste pour l'accessibilité ?

Pas directement — utilisez l'outil Vérificateur de contraste WCAG pour cela. Cet outil génère des palettes harmonieuses ; le vérificateur de contraste vous dit si le premier plan et l'arrière-plan respectent les normes d'accessibilité.

paleta de cores gerador de cores cores complementares harmonia design triádica análoga monocromática cor hex HSL identidade visual

Outils associés

Mélangeur de couleurs Mélangez deux couleurs avec un curseur de proportion et lisez toute l'échelle de 11 paliers qui les sépare, dans votre navigateur. Générateur de teintes et de nuances Transformez une couleur unique en échelles complètes de teintes, de nuances et de tons, et exportez-les en variables CSS, dans votre navigateur. Vérificateur de contraste WCAG Vérifiez le rapport de contraste entre deux couleurs et voyez s'il respecte les niveaux WCAG AA et AAA, en direct dans votre navigateur. Pipette à couleurs sur image Importez une image et cliquez sur n'importe quel pixel pour obtenir son HEX, son RGB et son HSL exacts — le tout traité sur votre appareil. Convertisseur de couleurs Convertissez une couleur entre HEX, RGB, HSL, HSV et CMYK avec une synchronisation bidirectionnelle en direct, dans votre navigateur. Image Palette Extractor Téléversez une image et extrayez ses couleurs dominantes — cliquez sur un échantillon pour copier le code hexadécimal.

Des liens trop longs ? Raccourcissez-les gratuitement

Vai.la transforme n'importe quelle URL en lien court avec statistiques de clics, QR Code et votre propre biolink.

Raccourcir un lien Créer un compte gratuit

Vai.la n'est pas responsable de l'utilisation des outils ni des décisions prises sur la base de leurs résultats.