Strumento colore pratico

Generatore tema shadcn

Mappa una palette su variabili CSS stile shadcn per background, foreground, primary, muted, accent e destructive.

Apri nel tool principaleTorna allo strumento
EnglishItalianoEspañolFrançaisDeutsch

Cosa offre questa pagina

  • Usa le shade generate per assegnare variabili semantiche.
  • Tieni separati neutral e brand color per componenti coerenti.
  • Controlla contrasto di primary/destructive foreground prima del rilascio.

Ideale per

  • App React
  • Librerie componenti
  • Variabili CSS

Come usarlo

Mappa una palette su variabili CSS stile shadcn per background, foreground, primary, muted, accent e destructive.

Generatore paletteMappa una palette su variabili CSS stile shadcn per background, foreground, primary, muted, accent e destructive.Controllo WCAGMappa una palette su variabili CSS stile shadcn per background, foreground, primary, muted, accent e destructive.Estrattore immaginiMappa una palette su variabili CSS stile shadcn per background, foreground, primary, muted, accent e destructive.
Posso usarlo con il generatore principale?

Sì. Parti da questa pagina, poi apri lo strumento Chromaforge con lo stesso colore base ed esporta la palette.