Con quali formati colore posso iniziare?
Usa un colore HEX come #4f46e5. I valori HEX a tre caratteri vengono normalizzati automaticamente.
Generatore di palette colori
Genera palette colori da un colore iniziale con modalità armoniche, colori di testo accessibili, scale di tonalità, variabili CSS, colori Tailwind ed esportazioni JSON.
Genera palette, tonalità e design token da un colore
Usa il Generatore di palette colori per trasformare un colore iniziale in palette pratiche per siti, app, dashboard, bozze di brand e design system. Scegli una modalità armonica, regola il numero di colori, controlla colori di testo leggibili per ogni campione e copia esportazioni pronte per la produzione.
Lo strumento gira nel browser e produce palette HEX, una scala di tonalità 50-900, proprietà personalizzate CSS, un oggetto colori Tailwind e JSON per handoff o documentazione.
Utile per
- Creare rapidamente un sistema colore per landing page o prodotto da un colore di brand.
- Creare scale di tonalità per pulsanti, sfondi, bordi, grafici e stati.
- Copiare variabili CSS o colori Tailwind senza formattare la palette a mano.
- Verificare se il testo nero o bianco è più leggibile su ogni campione generato.
Caricamento strumento...
FAQ del generatore di palette colori
Quali esportazioni sono incluse?
Lo strumento crea colori HEX copiabili, variabili CSS, configurazione colori in stile Tailwind e JSON.
I colori generati sono controllati per l'accessibilità?
Ogni campione mostra il miglior colore di testo nero o bianco e il relativo rapporto di contrasto, così puoi individuare rapidamente combinazioni leggibili.
