Praktisches Farbtool

shadcn Theme Generator

Mappe eine Palette auf shadcn CSS Variablen fur Background, Foreground, Primary, Muted, Accent und Destructive.

Im Haupttool öffnenZurück zum Tool
EnglishItalianoEspañolFrançaisDeutsch

Was diese Seite bietet

  • Nutze Shades fur semantische CSS Variablen.
  • Trenne Neutrals und Brand Farben fur konsistente Komponenten.
  • Prufe Primary/Destructive Foreground Kontrast.

Gut fur

  • React Apps
  • Component Libraries
  • CSS Variablen

So nutzt du es

Mappe eine Palette auf shadcn CSS Variablen fur Background, Foreground, Primary, Muted, Accent und Destructive.

Paletten GeneratorMappe eine Palette auf shadcn CSS Variablen fur Background, Foreground, Primary, Muted, Accent und Destructive.WCAG CheckMappe eine Palette auf shadcn CSS Variablen fur Background, Foreground, Primary, Muted, Accent und Destructive.Bild ExtraktorMappe eine Palette auf shadcn CSS Variablen fur Background, Foreground, Primary, Muted, Accent und Destructive.
Kann ich das mit dem Hauptgenerator nutzen?

Ja. Starte hier, offne das Chromaforge Tool mit derselben Basisfarbe und exportiere die Palette.