Générateur de palettes de couleurs
Tout reste sur votre appareil.Tout se passe dans votre navigateur - rien n'est envoyé.
Couleurs5
Astuce : appuyez sur Espace pour une nouvelle palette.Harmonie
Exporter
:root {
--color-1: #264653;
--color-2: #2a9d8f;
--color-3: #e9c46a;
--color-4: #f4a261;
--color-5: #e76f51;
}Créez des palettes à partir des harmonies du cercle chromatique ou au hasard, verrouillez vos couleurs préférées, copiez-les en variables CSS, Tailwind ou JSON.
Appuyez sur Générer (ou Espace) pour une nouvelle palette. Verrouillez les couleurs à garder ; les autres sont reconstruites autour d'elles selon une harmonie du cercle chromatique : voisines analogues, dégradé monochrome, opposées complémentaires ou complémentaires adjacentes, triades et tétrades - ou du pur hasard avec des teintes bien réparties. Cliquez sur le code hex pour le copier, ou sur la couleur pour la choisir vous-même. Exportez en propriétés CSS, échelle Tailwind ou JSON, enregistrez un PNG ou copiez un lien vers la même palette.
Questions fréquentes
Que signifient les harmonies ?
Ce sont des positions sur le cercle chromatique. Les couleurs analogues sont voisines (calme), les complémentaires opposées (fort contraste), la complémentaire adjacente prend les deux voisines de l'opposée, la triade trois couleurs à 120° et la tétrade quatre à 90°. Monochrome garde une teinte et varie la luminosité.
Comment construire une palette autour de ma couleur de marque ?
Cliquez sur la première couleur, choisissez la vôtre, verrouillez-la et appuyez sur Générer. Les cases libres sont remplies selon l'harmonie choisie à partir de votre couleur.
Le texte sur chaque couleur est-il lisible ?
Le code hex passe en noir ou en blanc, selon ce qui contraste le mieux. Pour du texte courant, vérifiez la paire exacte dans le vérificateur de contraste WCAG de nos outils couleur.
Quelque chose est-il enregistré ?
Votre palette actuelle est mémorisée sur cet appareil. Un lien partagé porte les couleurs après le # de l'adresse, partie qui n'est pas envoyée à notre serveur.