Genera tavolozza
  1. Centro assistenza
  2. Esporta la tavolozza dei colori nel file delle variabili SCSS/LESS/CSS
Indietro

Esporta la tavolozza dei colori nel file delle variabili SCSS/LESS/CSS

Ogni palette su ColorsWall si può scaricare come file o come variabili pronte all'uso, così gli stessi colori finiscono nel tuo strumento di design e nel tuo codice.

come esportare la tavolozza dei colori nel file delle variabili SCSS/LESS/CSS?
  1. Trova la tua tavolozza o creane una nuova
  2. Apri collegamento con tavolozza (Per esempio: Bootstrap 4 Colori )

    Va bene la pagina di qualsiasi palette, tua o di un altro utente.

  3. Premere il pulsante «Esporta».

    La scheda «File» scarica la palette in formato ASE (Adobe Swatch Exchange, per Photoshop e Illustrator), SVG o JSON. Le schede CSS, SCSS e LESS mostrano i colori come variabili e la scheda «Colori» fornisce un semplice elenco di codici HEX in un file .txt.

    come esportare la tavolozza dei colori nel file delle variabili SCSS/LESS/CSS
  4. Scegli il tipo di file SCSS, LESS o CSS e premi il pulsante «Download».

    Le variabili prendono il nome dai colori della palette, ad esempio --color-sky-blue, oppure vengono numerate --color-1, --color-2 quando un colore non ha nome. Il file CSS le raccoglie in :root, quindi funziona così com'è.

  5. Salva il file e divertiti.
Esporta la tavolozza dei colori nel file delle variabili SCSS/LESS/CSS tutorial video

Preferisci guardare? Il video qui sotto mostra passo passo come esportare una palette.