Générateur de palettes de couleurs
- Les fichiers ne quittent pas votre appareil
- S’exécute dans le navigateur
- Gratuit, sans compte, sans filigrane
3b82f6
e24956
3ba01b
Comment utiliser Générateur de palettes de couleurs
Créez des palettes de couleurs de trois façons : des règles d'harmonie à partir d'une couleur de base, des palettes aléatoires que vous pouvez verrouiller et relancer, ou une échelle de 11 nuances de 50 à 950 comme celle de Tailwind. Les couleurs sont calculées en OKLCH, et chaque palette s'exporte en CSS, Tailwind v3 ou v4, JSON, .gpl ou .ase.
- 1
Choisissez un Mode : Harmonie, Aléatoire ou Nuances.
- 2
Pour Harmonie ou Nuances, réglez la Couleur de base, puis choisissez une Règle, ou un Nom de couleur et le palier où Conserver la base.
- 3
Pour Aléatoire, cliquez sur Générer ou appuyez sur Espace, et verrouillez les couleurs à conserver avant de générer à nouveau.
- 4
Survolez une couleur et cliquez sur l'icône de copie ; en Harmonie, vous pouvez aussi en faire la nouvelle couleur de base.
- 5
Sous Exporter, choisissez HEX, CSS, Tailwind v3, Tailwind v4 ou JSON et copiez le code, ou téléchargez .gpl ou .ase.
Questions fréquentes
Pourquoi les harmonies sont-elles calculées en OKLCH ?
Les teintes sont tournées en OKLCH, chaque couleur conserve donc la clarté perçue et la vivacité de la couleur de base. Tourner en HSL rendrait les jaunes beaucoup plus clairs que les bleus.
Comment les nuances de 50 à 950 sont-elles construites ?
La clarté suit une courbe proche des palettes de Tailwind, et la chroma culmine autour de 500–600. Votre couleur de base est conservée exactement à son palier ; Auto choisit le palier le plus proche de sa clarté.
Puis-je revenir à une palette aléatoire précédente ?
Oui. Utilisez Palette précédente et Palette suivante ; les 50 dernières palettes sont conservées tant que la page est ouverte, mais rien n'est enregistré après la fermeture.
Combien de couleurs une palette peut-elle avoir ?
Les palettes aléatoires ont de 2 à 10 couleurs (utilisez les boutons − et +). Les règles d'harmonie donnent un nombre fixe, par exemple 2 pour complémentaire et 5 pour analogue ou monochrome, et Nuances en donne toujours 11.
À quoi ressemble l'export Tailwind v4 ?
Un bloc @theme de variables --color-*, prêt à coller dans votre CSS. Les nuances sont écrites en valeurs oklch(), nommées comme --color-brand-500 ; les autres modes utilisent HEX.