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

    CSS Variabelen

    Exporteer kleuren als CSS custom properties. Gebruik CSS Variabelen gratis online zonder registratie, met snelle resultaten en veilige verwerking in de browser.

    --primary
    --secondary
    --accent
    --background
    --foreground
    :root {
  --primary: #6366f1;
  --secondary: #ec4899;
  --accent: #f59e0b;
  --background: #ffffff;
  --foreground: #1f2937;
}

    CSS Variabelen 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
    HEX
    RGB
    HSL

    How it works

    1

    Step 1

    Open CSS Variabelen

    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.

    CSS Variabelen voor je kleurprojecten

    Exporteer kleuren als CSS custom properties.

    CSS Variabelen zonder precisieverlies

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

    CSS Variabelen gratis online

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

    CSS Variabelen 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.

    CSS Variabelen 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

    SCSS Variabelen
    Tailwind Palet
    shadcn/ui Thema
    Palet exporteren

    Handleidingen en tutorials

    Leer hoe je onze tools gebruikt met onze gedetailleerde gidsen.

    css-variables: praktische gids voor developer

    Gelokaliseerde gids voor css-variables, best practices voor developer en veelgemaakte fouten.

    css-variables: praktische gids voor developer

    Gelokaliseerde gids voor css-variables, best practices voor developer en veelgemaakte fouten.

    css-variables: praktische gids voor developer

    Gelokaliseerde gids voor css-variables, 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.