Générateur de palette de couleurs CSS
Générez des palettes harmonieuses depuis n'importe quelle couleur de base — complémentaire, analogue, triadique et plus
À propos de Générateur de palette de couleurs CSS
Générez des palettes de couleurs harmonieuses à partir de n'importe quelle couleur de base — exportez en variables CSS, SCSS ou config Tailwind, tout dans votre navigateur.
Comment utiliser Générateur de palette de couleurs CSS
- 1Choisissez une couleur de base avec le sélecteur de couleurs ou entrez une valeur HEX.
- 2Sélectionnez un type d'harmonie : Complémentaire, Analogue, Triadique, Complémentaire scindée, Tétradique ou Monochromatique.
- 3Visualisez la palette générée avec les valeurs HEX, RGB et HSL pour chaque couleur.
- 4Cliquez sur n'importe quel échantillon de couleur pour copier sa valeur.
- 5Exportez la palette entière en variables CSS, variables SCSS ou config Tailwind.
Astuces
- Les palettes monochromatiques sont les plus sûres pour les débutants — elles sont toujours cohérentes et professionnelles.
- Les palettes triadiques sont vibrantes mais nécessitent un équilibre soigneux — utilisez une couleur dominante, les autres en accent.
- Exportez en config Tailwind pour intégrer la palette directement dans votre tailwind.config.js.
Outils similaires
Équipe OneKitToolsMise à jour 2.21.4