Esportatore di Token Colore

Converti la tua palette di colori in token di design. Esporta come proprietà personalizzate CSS, variabili SCSS, configurazione Tailwind o token JSON.

I token di design sono gli atomi visivi di un sistema di design — nello specifico, sono entità con nome che memorizzano attributi di design visivo come colore, spaziatura e tipografia.

Il W3C Design Tokens Community Group sta standardizzando il formato dei token di design per consentire l'interoperabilità tra strumenti di design e piattaforme di sviluppo.

#3b82f6

#8b5cf6

#f59e0b

#ffffff

#1a1a2e

:root {
  --color-primary: #3b82f6;
  --color-secondary: #8b5cf6;
  --color-accent: #f59e0b;
  --color-background: #ffffff;
  --color-foreground: #1a1a2e;
}

#3b82f6

#8b5cf6

#f59e0b

#ffffff

#1a1a2e

:root {
  --color-primary: #3b82f6;
  --color-secondary: #8b5cf6;
  --color-accent: #f59e0b;
  --color-background: #ffffff;
  --color-foreground: #1a1a2e;
}