Aller au contenu principal

    Utilizziamo i cookie

    Utilizziamo i cookie per migliorare la tua esperienza. Continuando a navigare, accetti il loro utilizzo.

    Scopri di più nella nostra Cookie e Privacy

    Variabili CSS

    Esporta colori come proprietà personalizzate CSS. Usa Variabili CSS gratis online, senza registrazione, con risultati rapidi e trattamento sicuro nel browser.

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

    Variabili CSS ti aiuta a lavorare con i colori direttamente nel browser.

    Lo strumento è pensato per designer, sviluppatori e creativi che vogliono risultati rapidi e affidabili.

    Supported formats

    CSS
    HEX
    RGB
    HSL

    How it works

    1

    Step 1

    Apri Variabili CSS

    2

    Step 2

    Inserisci o importa i colori

    3

    Step 3

    Copia, esporta o riutilizza il risultato

    Errori comuni da evitare

    • Dimenticare il controllo del contrasto può ridurre la leggibilità.
    • Troppi colori possono rendere una palette difficile da usare.

    Consigli dei professionisti

    • Salva i colori principali come variabili CSS.
    • Testa la palette in modalità chiara e scura prima della pubblicazione.

    Privacy guaranteed: everything is processed locally in your browser.

    Il trattamento avviene localmente nel browser quando possibile. Non è necessario un account.

    Variabili CSS per i tuoi progetti colore

    Esporta colori come proprietà personalizzate CSS.

    Variabili CSS senza perdita di precisione

    Le conversioni avvengono su valori esatti (HEX, RGB, HSL, OKLCH). Nessuna approssimazione visiva: ottieni il colore fedele al tuo intento di design.

    Variabili CSS gratis online

    Nessuna registrazione, nessun download. Variabili CSS è 100% gratuito e funziona in qualsiasi browser. Il piano gratuito include 10 utilizzi al giorno.

    Variabili CSS veloce e sicuro

    L'elaborazione avviene direttamente nel browser per la massima velocità. Nessun dato viene inviato ai nostri server: i tuoi colori restano privati.

    Variabili CSS per condividere e collaborare

    Esporta risultati in HEX, RGB, HSL, CSS, JSON o copiali con un clic. Perfetto per condividere una guida colore con il team o documentare un design system.

    Scopri tutti i nostri strumenti colore

    Estrai, converti, genera palette, gradienti e contrasti WCAG in pochi clic.

    Vedi tutti gli strumenti

    Related tools

    Variabili SCSS
    Tavolozza Tailwind
    Tema shadcn/ui
    Esporta Palette

    Guide e tutorial

    Impara a usare i nostri strumenti con le nostre guide dettagliate.

    css-variables: guida pratica per developer

    Guida localizzata per usare css-variables, capire le buone pratiche di developer ed evitare errori comuni.

    css-variables: guida pratica per developer

    Guida localizzata per usare css-variables, capire le buone pratiche di developer ed evitare errori comuni.

    css-variables: guida pratica per developer

    Guida localizzata per usare css-variables, capire le buone pratiche di developer ed evitare errori comuni.

    Frequently asked questions

    Sì, lo strumento è disponibile gratuitamente online.

    Il trattamento avviene nel browser quando possibile per proteggere i tuoi dati.