Aller au contenu principal

    Wij gebruiken cookies

    Wij gebruiken cookies om je ervaring te verbeteren. Door verder te browsen, accepteer je het gebruik ervan.

    Meer informatie in onze Cookies en Privacy

    shadcn/ui Thema

    Genereer themaconfiguraties voor shadcn/ui. Gebruik shadcn/ui Thema gratis online zonder registratie, met snelle resultaten en veilige verwerking in de browser.

    Base

    Primary

    Secondary

    Muted & Accent

    Destructive

    Borders & Input

    Voorbeeld

    Voorbeeld van componenten

    Card content

    Muted text example

    @layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 0 0% 4%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 4%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 4%;
    --primary: 0 0% 9%;
    --primary-foreground: 0 0% 98%;
    --secondary: 0 0% 96%;
    --secondary-foreground: 0 0% 9%;
    --muted: 0 0% 96%;
    --muted-foreground: 0 0% 45%;
    --accent: 0 0% 96%;
    --accent-foreground: 0 0% 9%;
    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 90%;
    --input: 0 0% 90%;
    --ring: 0 0% 9%;
    --radius: 0.5rem;
  }
}

    shadcn/ui Thema helpt je direct in de browser met kleuren te werken.

    De tool is gemaakt voor ontwerpers, ontwikkelaars en makers die snelle en betrouwbare resultaten nodig hebben.

    Supported formats

    CSS
    Tailwind
    HSL
    shadcn/ui

    How it works

    1

    Step 1

    Open shadcn/ui Thema

    2

    Step 2

    Voer kleuren in of importeer ze

    3

    Step 3

    Kopieer, exporteer of hergebruik het resultaat

    Veelgemaakte fouten om te vermijden

    • Contrast niet controleren kan de leesbaarheid schaden.
    • Te veel kleuren maken een palet moeilijker toepasbaar.

    Pro-tips

    • Bewaar hoofdkleuren als CSS-variabelen.
    • Test je palet in lichte en donkere modus voordat je publiceert.

    Privacy guaranteed: everything is processed locally in your browser.

    Waar mogelijk gebeurt de verwerking lokaal in je browser. Geen account nodig.

    shadcn/ui Thema voor je kleurprojecten

    Genereer themaconfiguraties voor shadcn/ui.

    shadcn/ui Thema zonder precisieverlies

    Conversies werken met exacte waarden (HEX, RGB, HSL, OKLCH). Geen visuele benadering — je krijgt de kleur trouw aan je ontwerpbedoeling.

    shadcn/ui Thema gratis online

    Geen registratie, geen software-download nodig. shadcn/ui Thema is 100% gratis en werkt in elke browser. Het gratis plan omvat 10 keer gebruik per dag.

    shadcn/ui Thema snel en veilig

    De verwerking gebeurt direct in je browser voor maximale snelheid. Geen data naar onze servers — je kleuren blijven privé op je apparaat.

    shadcn/ui Thema voor delen en samenwerken

    Exporteer resultaten als HEX, RGB, HSL, CSS, JSON of kopieer ze met één klik. Perfect voor het delen van een kleurengids met je team.

    Ontdek al onze kleurtools

    Extraheer, converteer, genereer paletten, gradiënten en WCAG-contrasten in een paar klikken.

    Alle tools bekijken

    Related tools

    Tailwind Palet
    CSS Variabelen
    UI Voorbeeld
    Kleurcontrast

    Handleidingen en tutorials

    Leer hoe je onze tools gebruikt met onze gedetailleerde gidsen.

    shadcn-theme: praktische gids voor developer

    Gelokaliseerde gids voor shadcn-theme, best practices voor developer en veelgemaakte fouten.

    shadcn-theme: praktische gids voor developer

    Gelokaliseerde gids voor shadcn-theme, best practices voor developer en veelgemaakte fouten.

    shadcn-theme: praktische gids voor developer

    Gelokaliseerde gids voor shadcn-theme, best practices voor developer en veelgemaakte fouten.

    Frequently asked questions

    Ja, de tool is gratis online beschikbaar.

    Waar mogelijk gebeurt de verwerking in je browser om je gegevens te beschermen.