Outil couleur pratique

Générateur theme shadcn

Mappez une palette vers des variables CSS type shadcn pour background, foreground, primary, muted, accent et destructive.

Ouvrir dans l’outil principalRetour à l’outil
EnglishItalianoEspañolFrançaisDeutsch

Ce que donne cette page

  • Utilisez les nuances pour assigner les variables sémantiques.
  • Separez neutres et marque pour des composants coherents.
  • Verifiez le contraste primary/destructive foreground.

Utile pour

  • Apps React
  • Librairies UI
  • Variables CSS

Comment l’utiliser

Mappez une palette vers des variables CSS type shadcn pour background, foreground, primary, muted, accent et destructive.

Générateur paletteMappez une palette vers des variables CSS type shadcn pour background, foreground, primary, muted, accent et destructive.Contrôle WCAGMappez une palette vers des variables CSS type shadcn pour background, foreground, primary, muted, accent et destructive.Extracteur imageMappez une palette vers des variables CSS type shadcn pour background, foreground, primary, muted, accent et destructive.
Puis-je utiliser cela avec le generateur principal?

Oui. Commencez ici, ouvrez l’outil Chromaforge avec la même couleur de base et exportez la palette.