Aller au contenu principal

    Utilitzem galetes

    Utilitzem galetes per millorar la teva experiència.

    Saber-ne més a la nostra Galetes i Privadesa

    Variables CSS

    Exporta colors com a propietats personalitzades CSS. Utilitza Variables CSS gratis en línia, sense registre, amb resultats ràpids i processament segur al navegador.

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

    Variables CSS t’ajuda a treballar amb colors directament al navegador.

    L’eina està pensada per a dissenyadors, desenvolupadors i creadors que necessiten resultats ràpids i fiables.

    Supported formats

    CSS
    HEX
    RGB
    HSL

    How it works

    1

    Step 1

    Obre Variables CSS

    2

    Step 2

    Introdueix o importa els colors

    3

    Step 3

    Copia, exporta o reutilitza el resultat

    Errors comuns a evitar

    • Oblidar comprovar el contrast pot perjudicar la llegibilitat.
    • Fer servir massa colors pot dificultar l’ús de la paleta.

    Consells pro

    • Desa els colors principals com a variables CSS.
    • Prova la paleta en mode clar i fosc abans de publicar.

    Privacy guaranteed: everything is processed locally in your browser.

    El processament es fa localment al navegador sempre que és possible. No cal cap compte.

    Variables CSS per als teus projectes de color

    Exporta colors com a propietats personalitzades CSS.

    Variables CSS sense pèrdua de precisió

    Les conversions s'executen amb valors exactes (HEX, RGB, HSL, OKLCH). Sense aproximació visual: obtens el color fidel a la teva intenció de disseny.

    Variables CSS gratis en línia

    Sense registre, sense baixar programari. Variables CSS és 100% gratuït i funciona a qualsevol navegador. El pla gratuït inclou 10 usos al dia.

    Variables CSS ràpid i segur

    El processament es fa directament al navegador per a màxima velocitat. No s'envia cap dada als nostres servidors: els teus colors són privats.

    Variables CSS per compartir i col·laborar

    Exporta resultats com HEX, RGB, HSL, CSS, JSON o copia'ls amb un clic. Ideal per compartir guia de color amb el teu equip.

    Descobreix totes les nostres eines de color

    Extreu, converteix, genera paletes, degradats i contrastos WCAG en pocs clics.

    Veure totes les eines

    Related tools

    Variables SCSS
    Paleta Tailwind
    Tema shadcn/ui
    Exportar paleta

    Guies i tutorials

    Aprèn a utilitzar les nostres eines amb les nostres guies detallades.

    css-variables: guia pràctica de developer

    Guia localitzada per utilitzar css-variables, entendre bones pràctiques de developer i evitar errors comuns.

    css-variables: guia pràctica de developer

    Guia localitzada per utilitzar css-variables, entendre bones pràctiques de developer i evitar errors comuns.

    css-variables: guia pràctica de developer

    Guia localitzada per utilitzar css-variables, entendre bones pràctiques de developer i evitar errors comuns.

    Frequently asked questions

    Sí, l’eina està disponible gratis en línia.

    El processament es fa al navegador sempre que és possible per protegir les dades.