Générateur de palettes de couleurs
Générez des palettes harmonieuses depuis une couleur de base avec des règles complémentaires, analogues, triadiques et monochromatiques.
Ce que couvre cette page
Cette page explique le flux de travail et renvoie directement vers la section correspondante de l’outil principal Chromoforge.
- Générez des palettes depuis une couleur de base.
- Vérifiez le contraste avant de publier du texte UI.
- Exportez CSS, Tailwind, SCSS, JSON, SVG et PNG.
- Fonctionne localement dans le navigateur.
Comment ca fonctionne
Le générateur de palettes de Chromoforge utilise la roue chromatique HSL pour calculer des harmonies précises a partir d'une seule couleur de depart. Entrez votre couleur en hexadecimal, HSL ou RGB et choisissez une règle d'harmonie.
Chaque règle produit une palette différente selon des angles fixes sur la roue des couleurs :
- Complémentaire : deux couleurs opposées a 180 degrés. Très contrastée, idéale pour les call-to-action et les mises en valeur.
- Analogue : trois couleurs voisines (±30 degrés). Douce et harmonieuse, parfaite pour les interfaces modernes et les illustrations.
- Triadique : trois couleurs équidistantes a 120 degrés. Équilibrée et vivante, utilisée dans les identités visuelles énergiques.
- Monochromatique : variations de luminosité et de saturation sur la même teinte. Élégante et cohérente, idéal pour les design systems.
- Split-complémentaire : une couleur principale et deux couleurs adjacentes a son complémentaire. Moins abrupte que la complémentaire pure.
Après génération, chaque couleur affiche son code hexadecimal, ses valeurs RGB et HSL. Vous pouvez copier chaque code individuellement ou exporter l'ensemble en CSS, JSON, Tailwind ou SCSS depuis l'outil principal.
Exemples pratiques
Des situations réelles ou un générateur de palettes accéléré votre workflow :
- Identité de marque : a partir du bleu du logo client (#1E40AF), générez une palette triadique pour avoir des couleurs secondaires et tertiaires cohérentes.
- Landing page : utilisez une palette analoguepour les sections de fond alternées sans rupture visuelle agressive.
- Système de tokens : la palette monochromatique fournit directement les nuances 100-900 pour vos variables de couleur primaire.
- Redécoration d'un thème existant : entrez la couleur principale du thème et obtenez des suggestions d'accents compatibles.
FAQ — Palettes de couleurs
Combien de couleurs contient une palette générée ?
Cela dépend de la règle choisie. Les harmonies complémentaires et monochromatiques peuvent générer entre 2 et 10 teintes selon le nombre de nuances demandées. Les règles triadiques et analogues produisent generalement 3 a 6 couleurs de base. Vous pouvez ajuster le nombre de nuances depuis l'outil principal Chromoforge.
La palette générée est-elle garantie accessible ?
Non, la génération de palette se base sur l'harmonie chromatique, pas sur le contraste WCAG. Après avoir généré votre palette, utilisez le vérificateur de contraste WCAG ou l'outil palette accessible pour valider les combinaisons texte/fond.
Puis-je partir d'une couleur en dehors du spectre sRGB ?
Chromoforge travaille dans l'espace colorimetrique sRGB, le standard du web et des écrans. Les couleurs P3 ou ProPhoto RGB ne sont pas directement supportées, mais les valeurs CSS oklch() peuvent être converties manuellement en hexadecimal sRGB avant saisie.