Qu'est-ce que Générateur de Palette de Couleurs ?

Le Générateur de Palette de Couleurs crée des combinaisons harmonieuses basées sur la théorie des couleurs. Choisissez une couleur de base et une règle d'harmonie.

Démarrez de trois façons : choisissez une couleur de base avec le sélecteur ou collez un code hex, déposez une photo pour en extraire les couleurs dominantes, ou tapez une ambiance comme ocean ou sunset. Choisissez ensuite une règle d'harmonie et l'outil construit le reste de la palette à partir des ratios de la théorie des couleurs sur la roue. Verrouillez les teintes à conserver, mélangez les autres, cliquez sur une couleur que vous aimez pour faire pivoter toute la palette autour d'elle, et prévisualisez le résultat sous des filtres de daltonisme. Exportez les cinq couleurs sous forme de bloc de propriétés CSS, de config Tailwind ou de fichier JSON pour votre design system, ou enregistrez la bande en image PNG ou SVG à partager dans un brief ou sur les réseaux.

Comment utiliser

1. Partez d'une couleur de base, déposez une photo pour en extraire les couleurs, ou tapez une ambiance comme ocean ou sunset
2. Choisis une règle d'harmonie : complémentaire, analogue, triadique, complémentaire divisé, tétradique ou monochromatique
3. Copie n'importe quel échantillon en HEX, RGB ou HSL, parcours la grille de contraste pour repérer les paires accessibles, puis exporte la palette en CSS, config Tailwind, JSON ou image de nuancier au format PNG ou SVG

Quand l'utiliser

• Bâtir une palette de marque à partir de la couleur principale déjà validée par le client.
• Choisir des accents lisibles pour un graphique ou un tableau de bord.
• Tester rapidement plusieurs combinaisons pour une présentation ou un post social.

Résultat

Couleur de base #3498DB en harmonie triadique génère : #3498DB, #976CD6, #DB3498.

FAQ

Quelle différence entre complémentaire, analogue et triadique ?

La complémentaire place la base face à son opposé à 180°, contraste maximal. L'analogue garde tout dans environ 30° sur la roue, rendu doux. La triadique répartit trois couleurs à 120° entre elles, contraste fort mais équilibré.

Peut-on garder une couleur préférée et régénérer le reste ?

Oui. Cliquez sur le cadenas des nuances à conserver, puis changez la règle ou la base, ou appuyez sur Mélanger. Les nuances verrouillées restent fixes et les autres se recalculent autour.

Quel format d'export choisir ?

CSS fournit des variables type --color-1, l'option Tailwind dépose un bloc theme.extend.colors prêt pour votre config et JSON est un objet structuré pour les outils de design tokens ou les scripts. Pour partager la palette en image — dans un brief, une présentation ou un post — choisissez PNG pour une image matricielle ou SVG pour une bande de nuancier vectorielle nette.

Ces palettes passent-elles le contraste WCAG ?

La grille de contraste intégrée note chaque paire selon les seuils WCAG 2.x — AAA à 7:1, AA à 4,5:1, AA Large à 3:1 — et signale les échecs en rose. Choisis une paire depuis la grille avant de l'attribuer à un corps de texte ou un bouton, car les règles d'harmonie visent l'équilibre visuel, pas les ratios de contraste.

Où vont mes données de couleur ?

Nulle part. Tous les calculs de couleur se font dans la page, et toute photo que vous déposez est lue sur votre appareil pour en extraire les couleurs — elle n'est jamais envoyée ailleurs. Votre couleur de base, la palette et les fichiers exportés restent en local, si bien qu'une palette de marque non publiée reste aussi privée que votre propre presse-papiers.

Outils similaires