Color Palette Generator
Comment utiliser
- 1
Choisir l'harmonie
Choisissez une règle d'harmonie des couleurs comme Analogues ou Complémentaires pour définir la relation entre les couleurs.
- 2
Choisir l'ambiance
Définissez l'atmosphère avec le sélecteur d'ambiance. Choisissez Pastel, Vibrant ou Mode Sombre.
- 3
Générer
Cliquez sur Générer pour créer des palettes uniques. Verrouillez les couleurs aimées et régénérez le reste.
- 4
Exporter
Copiez les codes Hex ou cliquez sur Exporter pour obtenir la configuration Tailwind CSS complète.
Guide de Théorie des Couleurs
Comprendre l'Harmonie
- Analogues
Couleurs adjacentes sur le cercle chromatique. Crée des designs sereins et confortables.
- Complémentaires
Couleurs opposées sur le cercle chromatique. Crée un fort contraste et un fort impact.
- Triadique
Trois couleurs équidistantes sur le cercle chromatique. Offre un fort contraste tout en maintenant l'harmonie.
- Complément Divisé
Variation du schéma complémentaire. Utilise une couleur de base et les deux adjacentes à son complément.
- Monochromatique
Variations de luminosité et de saturation d'une seule couleur. Propre, élégant et apaisant.
- Chaos Aléatoire
Couleurs complètement aléatoires sans règles. Idéal pour l'inspiration inattendue.
Explorer les Ambiances
- Standard
Saturation et luminosité équilibrées. Adapté au design web général.
- Rêves Pastel
Haute luminosité et faible saturation. Doux et apaisant. Parfait pour les thèmes lifestyle.
- Néon Vibrant
Haute saturation et luminosité moyenne. Énergique et accrocheur.
- Mode Sombre
Faible luminosité et tons désaturés. Profond et moderne. Réduit la fatigue oculaire.
- Rétro Vintage
Tons désaturés et légèrement chauds. Nostalgique et intemporel.
Outils recommandés
Utilitaires sélectionnés qui pourraient vous être utiles
Choisir des Couleurs Qui Fonctionnent Ensemble
Aperçu
La théorie des couleurs a des siècles d'accumulation, mais les designers web ont besoin de palettes 'qui marchent' en minutes. Basé sur des règles établies (complémentaire, analogue, triadique, tétradique), cet outil génère mathématiquement des palettes harmonieuses depuis une couleur base. Supporte accessibilité WCAG, variantes claires/sombres et export (variables CSS, Tailwind, Figma).
Comment ça marche
Choisissez une couleur de base (HEX, RGB, HSL) et sélectionnez le schéma d'harmonie. L'outil calcule en espace HSL. Chaque couleur affiche son contraste WCAG indiquant son adéquation pour texte, titres et accents.
Quand l'utiliser
Design de nouvelle marque/logo. Sélection de thème de site. Composition chromatique de présentations, posters, graphiques sociaux. Début de design system. Marketeurs cherchant des couleurs assorties à la marque.
Questions Fréquentes
3-5 est le standard pratique. Primaire, secondaire, accent, fond, premier plan. Plus devient difficile à gérer.