Aller au contenu principal

    Vi använder cookies

    Vi använder cookies för att förbättra din upplevelse. Genom att fortsätta surfa accepterar du deras användning.

    Läs mer i vår Cookies och Integritet

    CSS Variabler

    Exportera färger som CSS custom properties. Använd CSS Variabler gratis online utan registrering, med snabba resultat och säker bearbetning i webbläsaren.

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

    CSS Variabler hjälper dig att arbeta med färger direkt i webbläsaren.

    Verktyget är byggt för designers, utvecklare och kreatörer som behöver snabba och pålitliga resultat.

    Supported formats

    CSS
    HEX
    RGB
    HSL

    How it works

    1

    Step 1

    Öppna CSS Variabler

    2

    Step 2

    Ange eller importera färger

    3

    Step 3

    Kopiera, exportera eller återanvänd resultatet

    Vanliga misstag att undvika

    • Att glömma kontrollera kontrast kan försämra läsbarheten.
    • För många färger kan göra paletten svårare att använda.

    Proffstips

    • Spara huvudfärger som CSS-variabler.
    • Testa paletten i ljust och mörkt läge före publicering.

    Privacy guaranteed: everything is processed locally in your browser.

    När det är möjligt sker bearbetningen lokalt i webbläsaren. Inget konto krävs.

    CSS Variabler för dina färgprojekt

    Exportera färger som CSS custom properties.

    CSS Variabler utan precisionsförlust

    Konverteringar körs på exakta värden (HEX, RGB, HSL, OKLCH). Ingen visuell approximation — du får färgen sann mot din designavsikt.

    CSS Variabler gratis online

    Ingen registrering, ingen nedladdning. CSS Variabler är 100% gratis och fungerar i vilken webbläsare som helst. Den gratis planen inkluderar 10 användningar per dag.

    CSS Variabler snabbt och säkert

    Bearbetning sker direkt i webbläsaren för maximal hastighet. Ingen data skickas till våra servrar — dina färger förblir privata.

    CSS Variabler för delning och samarbete

    Exportera resultat som HEX, RGB, HSL, CSS, JSON eller kopiera med ett klick. Perfekt för att dela färgguide med ditt team.

    Upptäck alla våra färgverktyg

    Extrahera, konvertera, generera paletter, gradienter och WCAG-kontraster med några klick.

    Se alla verktyg

    Related tools

    SCSS Variabler
    Tailwind palett
    shadcn/ui tema
    Exportera palett

    Guider och handledningar

    Lär dig hur du använder våra verktyg med våra detaljerade guider.

    css-variables: praktisk guide för developer

    Lokaliserad guide för att använda css-variables, förstå bästa praxis för developer och undvika vanliga misstag.

    css-variables: praktisk guide för developer

    Lokaliserad guide för att använda css-variables, förstå bästa praxis för developer och undvika vanliga misstag.

    css-variables: praktisk guide för developer

    Lokaliserad guide för att använda css-variables, förstå bästa praxis för developer och undvika vanliga misstag.

    Frequently asked questions

    Ja, verktyget finns gratis online.

    När det är möjligt sker bearbetningen i webbläsaren för att skydda dina data.