Tavolozza Tailwind
Genera configurazioni colore Tailwind CSS. Usa Tavolozza Tailwind gratis online, senza registrazione, con risultati rapidi e trattamento sicuro nel browser.
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
primary: {
50: '#F2F2FD',
100: '#E4E5FB',
200: '#BFC0F8',
300: '#9395F6',
400: '#5B5EF5',
500: '#1418EB',
600: '#0C0FC6',
700: '#0508AD',
800: '#010389',
900: '#010265',
950: '#000133',
},
},
},
},
}Tavolozza Tailwind 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
How it works
Step 1
Apri Tavolozza Tailwind
Step 2
Inserisci o importa i colori
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.
Tavolozza Tailwind per i tuoi progetti colore
Genera configurazioni colore Tailwind CSS.
Tavolozza Tailwind 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.
Tavolozza Tailwind gratis online
Nessuna registrazione, nessun download. Tavolozza Tailwind è 100% gratuito e funziona in qualsiasi browser. Il piano gratuito include 10 utilizzi al giorno.
Tavolozza Tailwind 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.
Tavolozza Tailwind 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.
Related tools
Guide e tutorial
Impara a usare i nostri strumenti con le nostre guide dettagliate.
tailwind-palette: guida pratica per developer
Guida localizzata per usare tailwind-palette, capire le buone pratiche di developer ed evitare errori comuni.
tailwind-palette: guida pratica per developer
Guida localizzata per usare tailwind-palette, capire le buone pratiche di developer ed evitare errori comuni.
tailwind-palette: guida pratica per developer
Guida localizzata per usare tailwind-palette, capire le buone pratiche di developer ed evitare errori comuni.