Generatore Palette Colori
Crea bellissime palette di colori armoniose istantaneamente con il nostro generatore online gratuito. Supporta modalità monocromatica, analoga, complementare, triadica, split-complementare e tetradica. Regola i colori con cursori HSL, blocca i preferiti ed esporta come CSS, Tailwind, JSON o SVG. 100% basato su browser, i tuoi dati non lasciano mai il tuo dispositivo.
Come genero una palette di colori?
Clicca il pulsante Genera o premi la barra spaziatrice per creare una nuova palette casuale. Usa il selettore modalità armonia per scegliere tra schemi monocromatico, analogo, complementare, triadico, split-complementare o tetradico.
Come blocco un colore?
Clicca sull'icona del lucchetto su un campione di colore. I colori bloccati rimarranno quando generi una nuova palette, mentre quelli sbloccati saranno sostituiti.
Come esporto la mia palette?
Clicca il pulsante Esporta per scegliere tra variabili CSS, configurazione Tailwind, array JSON o palette SVG. La palette sarà copiata negli appunti automaticamente.
Quali sono le diverse modalità di armonia?
Monocromatica usa una tinta con saturazione e luminosità variabili. Analoga usa tinte adiacenti (±30°). Complementare usa tinte opposte (180°). Triadica usa 3 tinte equidistanti (120°). Split-complementare usa una tinta base più due adiacenti al suo complemento. Tetradica usa 4 tinte equidistanti (90°).
Posso costruire la palette intorno al colore del mio brand?
Sì. Scegli il colore del brand con il selettore base, poi una modalità di armonia: gli altri quattro colori vengono generati intorno a esso. Dopodiché puoi rifinire ognuno con i cursori HSL.
Quali formati di esportazione sono disponibili?
La palette può essere esportata come variabili CSS, configurazione Tailwind, array JSON o file SVG. L'anteprima del codice si aggiorna appena cambi formato, pronta da incollare nel tuo progetto.
Posso vedere i valori in HEX, RGB o HSL?
Sì, il valore di ogni colore si può mostrare in HEX, RGB o HSL. Prendi così direttamente il formato che il tuo strumento di design o il tuo codice si aspetta, senza conversioni manuali.
Cosa indica il piccolo badge su ogni colore?
Mostra se il testo bianco o nero resta leggibile su quel colore. Quando il rapporto di contrasto arriva a 4,5:1 il badge segna superato secondo le linee guida WCAG — utile per scegliere lo sfondo di bottoni e banner.
La mia palette viene caricata su un server?
No. Tutto funziona localmente nel browser, i tuoi colori non lasciano mai il dispositivo. Una volta caricata la pagina, il generatore funziona perfino offline.
Come usare Generatore Palette Colori
Genera palette di colori armoniose con modalità monocromatica, analoga, triadica e altre — calcolate interamente nel browser. Blocca le tinte che ami, affinale le e esportale nel formato del tuo framework.
- Scegli un Mode di armonia dal menu a tendina: Random, Monochromatic, Analogous, Complementary, Triadic, Split-complementary o Tetradic.
- Imposta il colore Base così che ogni campione generato derivi dalla tonalità del brand, poi rigenera finché il set non ti convince.
- Rimuovi con il pulsante ✕ i campioni che non ti piacciono e rigenera; affina i rimanenti con i cursori HSL.
- Confronta i campioni su mockup chiari e scuri per assicurarti che il testo resti leggibile su ogni colore.
- Apri Export Palette e porta via i tuoi colori come CSS Variables, Tailwind Config, JSON Array o SVG Palette.
Blocca il campione Base prima di rigenerare in modalità Random: esplori così le varianti attorno al colore del brand senza perderlo.
Strumenti correlati
- Convertitore Colore Convertitore colore online gratuito. Converti formati HEX, RGB, HSL, HSV istantaneamente con selettore visivo. 100% privato, funziona nel tuo browser.
- Selettore Colore Preleva qualsiasi colore dallo schermo con il contagocce. Copia codici HEX, RGB, HSL istantaneamente. Strumento online gratuito.
- Verificatore di Contrasto Colore Verifica i rapporti di contrasto dei colori per la conformità WCAG 2.1. Convalida gli standard AA e AAA istantaneamente.
- Simulatore Daltonismo Simulatore gratuito di daltonismo online. Testa design per Protanopia, Deuteranopia, Tritanopia e altri tipi. 100% privato, funziona nel browser.
- GIF Estrai Fotogrammi Estrai e scarica fotogrammi singoli da animazioni GIF come PNG o sprite sheet. Strumento online gratuito con anteprima ed esportazione ZIP.
- GIF Inverso Inverti l'ordine di riproduzione delle animazioni GIF online gratis. Carica, visualizza in anteprima e scarica istantaneamente.
- Modificatore di Velocità GIF Cambia la velocità dell'animazione GIF online. Accelera o rallenta i file GIF istantaneamente.
- Video in GIF Converti video in GIF animate online. Regola qualità, framerate e risoluzione direttamente nel browser senza caricare file.