Incolla o importa un insieme di colori ed esportali immediatamente come variabili CSS, SCSS, configurazione Tailwind, JSON o campioni SVG — il passaggio finale per qualsiasi palette.

Incolla valori HEX (uno per riga, o separati da virgole/spazi). Sono accettati anche rgb() e hsl().

Palette

Nessun colore valido trovato — controlla il tuo input.

Formato di esportazione
Codice di esportazione

							

Tutto gira nel tuo browser — incolla una palette e copia codice production-ready in qualsiasi formato. Nessuna registrazione, completamente gratuito.


Informazioni su Esportatore palette

L'Esportatore di Palette è il passaggio finale per qualsiasi palette di colori: incolla un insieme di colori e ottieni codice pronto per la produzione nel formato di cui il tuo progetto ha bisogno. Accetta valori HEX uno per riga o separati da virgole e spazi, e comprende anche la notazione rgb() e hsl().

Vengono generati dal vivo sei formati di output: variabili personalizzate CSS, variabili SCSS, un blocco colori per la configurazione Tailwind, JSON, campioni SVG e un semplice elenco HEX. Un prefisso variabile configurabile mantiene i nomi generati coerenti con il tuo codice, e ogni formato può essere copiato negli appunti o scaricato come file.

Tutto gira nel tuo browser: i colori che incolli non vengono mai inviati da nessuna parte. Si abbina naturalmente agli altri strumenti per palette: estrai o genera una palette altrove, incollala qui, e ottieni esattamente lo snippet che il tuo foglio di stile, framework o flusso di design richiede.

Come usare Esportatore palette

  1. Incolla i tuoi colori nel campo di input — HEX, rgb() o hsl(), uno per riga o separati da virgole.
  2. Clicca su "Aggiorna colori" per interpretarli come palette, oppure carica l'esempio per provare.
  3. Scegli un formato di esportazione: variabili CSS, SCSS, configurazione Tailwind, JSON, campioni SVG o HEX semplice.
  4. Regola il prefisso della variabile se vuoi una denominazione personalizzata.
  5. Copia il codice generato o scaricalo come file.

Domande frequenti

Sono riconosciuti i valori HEX (con o senza il simbolo #), la notazione rgb() e hsl(). Puoi mescolare i formati e separare i colori con nuove righe, virgole o spazi: l'analizzatore individua ogni colore valido e ignora il resto.

Sì. L'analisi e la generazione di codice avvengono interamente nel tuo browser, quindi lo strumento è gratuito, senza account, senza crediti e senza limiti su palette o esportazioni.

Incolla i tuoi colori, seleziona il formato "Configurazione Tailwind" e copia il blocco generato nella sezione colori della tua configurazione Tailwind. L'impostazione del prefisso variabile controlla i nomi delle chiavi usati per ogni colore.

No. I colori rimangono nella tua scheda del browser: non viene effettuata alcuna richiesta al server durante l'analisi o l'esportazione, e nulla viene salvato una volta lasciata la pagina.

Produce un piccolo file SVG che mostra ogni colore della palette come campione etichettato. È utile per incorporare un riferimento visivo della palette in documentazione, file README o pagine di consegna del design senza dover fare screenshot.


Ricerche popolari
esportatore palette esporta colori in css palette in scss configurazione colori tailwind esporta palette json campioni colore svg
Hai bisogno di aiuto?
Hai riscontrato un problema con questo strumento? Faccelo sapere.
Segnala un problema

Aggiungi questo strumento gratuito al tuo sito web — copia e incolla il codice qui sotto.