Générateur de palette de couleurs
Choisissez une couleur de base et générez instantanément des harmonies issues de la théorie des couleurs – complémentaire, analogue, triadique, tétradique, complémentaire adjacente et monochromatique – sous forme d'échantillons vivants à copier en HEX, RGB, HSL, variables CSS ou configuration Tailwind.
Complémentaire
La couleur de base et son opposée sur le cercle (teinte + 180°) – l'association au contraste le plus fort.
Analogue
La couleur de base entourée de ses deux voisines sur le cercle (teinte ± 30°) – un schéma calme et cohérent.
Triadique
Trois couleurs espacées régulièrement de 120° (teinte, +120°, +240°) – vives mais équilibrées.
Tétradique (rectangle)
Quatre couleurs formant un rectangle sur le cercle (teinte, +90°, +180°, +270°) – deux paires complémentaires.
Complémentaire adjacent
La couleur de base plus les deux couleurs de part et d'autre de sa complémentaire (teinte +150° et +210°) – un contraste fort mais plus facile à équilibrer.
Monochromatique
Une seule teinte déclinée en un dégradé de luminosité du clair au foncé – une gamme naturellement harmonieuse.
Exporter la palette
Copiez l'harmonie sélectionnée sous forme de propriétés personnalisées CSS prêtes à coller ou de configuration de couleurs Tailwind.
:root {
--color-1: #3498DB;
--color-2: #DB7633;
}À propos du générateur de palette de couleurs
Un générateur de palette de couleurs transforme une seule couleur de base en un ensemble de couleurs qui fonctionnent ensemble, en s'appuyant sur la géométrie du cercle chromatique. Les harmonies de la théorie des couleurs ne sont que des relations définies entre les teintes : des couleurs situées à l'opposé les unes des autres, côte à côte, ou réparties régulièrement autour du cercle. Cet outil prend votre couleur de base, lit sa teinte, sa saturation et sa luminosité (HSL), puis fait pivoter la teinte de valeurs fixes pour construire six schémas classiques – complémentaire (teinte + 180°), analogue (teinte ± 30°), triadique (120° d'écart), tétradique ou rectangle (90° d'écart), complémentaire adjacent (de part et d'autre de la complémentaire) et monochromatique (une teinte, luminosité variée). Chaque palette s'affiche en échantillons vivants pour que vous voyiez les relations au lieu de seulement lire des chiffres, et chaque couleur est accompagnée de ses valeurs HEX, RGB et HSL prêtes à copier. Lorsqu'un schéma vous plaît, exportez-le en propriétés personnalisées CSS ou en configuration de couleurs Tailwind et intégrez-le directement à un projet. Il est conçu pour les designers, développeurs, illustrateurs et toute personne choisissant des couleurs pour un site web, une marque, un graphique, une présentation ou un intérieur – un moyen rapide de passer d'une couleur que vous aimez à une palette entière et équilibrée.
Comment utiliser ce générateur
- 1 Choisissez une couleur de base avec le sélecteur d'échantillon, ou tapez n'importe quelle valeur hex (par exemple #3498DB ou #39F) dans le champ.
- 2 Parcourez les six sections d'harmonie – complémentaire, analogue, triadique, tétradique, complémentaire adjacente et monochromatique – chacune présentée en échantillons de couleur vivants.
- 3 Copiez n'importe quelle couleur en HEX avec le bouton propre à chaque échantillon ; chaque échantillon affiche aussi les valeurs RGB et HSL correspondantes.
- 4 Choisissez une palette et un format dans la boîte d'export pour copier des propriétés personnalisées CSS ou une configuration de couleurs Tailwind, puis collez-les dans votre projet.
Comment fonctionnent les harmonies de couleurs (le cercle chromatique)
Chaque harmonie est une rotation de la teinte de la couleur de base autour du cercle chromatique de 360°, en conservant sa saturation et sa luminosité. Travailler en HSL (teinte, saturation, luminosité) rend cela simple : seule la teinte change. Complémentaire – teinte + 180°. Les deux couleurs sont directement opposées, offrant le contraste le plus fort. Analogue – teinte − 30°, teinte, teinte + 30°. Des couleurs voisines qui se fondent en douceur et paraissent harmonieuses. Triadique – teinte, teinte + 120°, teinte + 240°. Trois couleurs aux sommets d'un triangle équilatéral : vives mais équilibrées. Tétradique (rectangle) – teinte, teinte + 90°, teinte + 180°, teinte + 270°. Deux paires complémentaires pour un schéma riche à quatre couleurs. Complémentaire adjacent – teinte, teinte + 150°, teinte + 210°. La couleur de base avec les deux teintes qui encadrent sa complémentaire – presque le contraste de la complémentaire, mais plus doux. Monochromatique – une seule teinte à plusieurs niveaux de luminosité, des teintes claires aux nuances foncées. Par exemple, la couleur de base #3498DB a une teinte d'environ 204°. Sa complémentaire est 204° + 180° = 24° (un orange), ses partenaires triadiques sont à 324° et 84°, et ses complémentaires adjacentes à 354° et 54°. Le calcul se fait en HSL et est reconverti en HEX pour chaque échantillon.
Questions fréquentes
Qu'est-ce qu'une couleur complémentaire ?
Une couleur complémentaire est la couleur directement opposée à une autre sur le cercle chromatique – une rotation de teinte de 180°. Le bleu et l'orange, le rouge et le vert, le jaune et le violet forment des paires complémentaires. Placées côte à côte, elles créent le contraste le plus fort possible, ce qui rend chaque couleur plus intense ; c'est pourquoi les paires complémentaires sont prisées pour les appels à l'action, les accents et tout ce qui doit ressortir. Ce générateur trouve une complémentaire en prenant la teinte de votre couleur de base et en ajoutant 180°.
Comment crée-t-on une palette de couleurs ?
Partez d'une couleur de base qui vous plaît, puis utilisez les relations de la théorie des couleurs pour en déduire le reste plutôt que de deviner. Choisissez une harmonie adaptée à l'ambiance : les schémas analogues ou monochromatiques paraissent calmes et unifiés, tandis que les schémas complémentaires, triadiques et complémentaires adjacents ajoutent du contraste et de l'énergie. Gardez une saturation et une luminosité cohérentes pour que les couleurs forment un ensemble, et limitez-vous à une poignée de couleurs plus des neutres. Cet outil automatise ce processus – saisissez une couleur de base et il génère six palettes prêtes à l'emploi à copier en HEX, RGB, HSL, variables CSS ou configuration Tailwind.
Qu'est-ce qu'un schéma de couleurs triadique ?
Un schéma triadique utilise trois couleurs réparties régulièrement autour du cercle chromatique, à 120° d'écart – par exemple rouge, bleu et jaune. Les palettes triadiques sont vives et pleines de contraste tout en restant équilibrées, car les trois teintes sont à égale distance les unes des autres. Une approche courante consiste à laisser une couleur dominer et à utiliser les deux autres comme accents. Dans ce générateur, la palette triadique est votre couleur de base plus les teintes à +120° et +240°.
Qu'est-ce qu'un schéma de couleurs analogue ?
Un schéma analogue utilise des couleurs voisines sur le cercle, généralement à environ 30° de la teinte de base – comme le bleu, le bleu-vert et le vert. Comme les teintes sont très proches, les palettes analogues paraissent douces, naturelles et harmonieuses, ce qui explique leur présence fréquente dans la nature (couchers de soleil, feuillages, océan). Elles ont moins de contraste que les schémas complémentaires, il est donc utile de choisir une couleur dominante. Cet outil construit une palette analogue à partir des teintes à −30°, de la couleur de base et à +30°.
Outils de design et de couleur associés
Le générateur de palette se marie naturellement avec le convertisseur de couleur pour traduire n'importe quel échantillon entre HEX, RGB, HSL, HSV et CMYK, le vérificateur de contraste pour s'assurer que vos couleurs sont lisibles et accessibles selon WCAG, le générateur de dégradés CSS pour fondre les couleurs de la palette en arrière-plans doux, et le calculateur de format d'image pour le reste de votre flux de travail de design.