La Tavolozza Colori supporta due modalità: generazione di schemi colore ed estrazione di tavolozze da immagini. In modalità Genera, scegli un colore base e una regola di armonia. In modalità Estrai, carica un'immagine per estrarne i colori dominanti o usa il contagocce per una selezione precisa. Tutta l'elaborazione avviene nel tuo browser.
Carica immagini per estrarre automaticamente le tavolozze con contagocce per la selezione precisa
Esporta come variabili CSS, Tailwind v4 e variabili SCSS
Blocca i colori individuali per preservarli durante la rigenerazione
Clicca per copiare qualsiasi colore nei formati HEX, RGB o HSL
Elaborazione completamente offline — nulla viene caricato sui server
Come Usare
1In modalità Genera, scegli un colore base e una regola di armonia
2La tavolozza si aggiorna automaticamente — blocca o copia i colori individuali
3Passa alla modalità Estrai e carica un'immagine per estrarne la tavolozza
4Clicca sul pulsante di esportazione per copiare la configurazione CSS/Tailwind/SCSS
Domande Frequenti
In cosa si differenzia dal Convertitore Colore e dal Selettore Colore?
Il Convertitore Colore converte tra formati HEX, RGB, HSL. Il Selettore Colore seleziona un singolo colore da un'immagine. La Tavolozza Colori genera schemi armoniosi da un colore base o estrae tavolozze complete dalle immagini.
Posso bloccare colori individuali in una tavolozza?
Sì. Ogni campione ha un pulsante di blocco. I colori bloccati vengono preservati quando cambi il colore base o la regola. Solo i colori sbloccati vengono rigenerati.
Quali regole di armonia dovrebbero usare i principianti?
Complementare crea design ad alto contrasto. Analogo è sottile e unificato — ottimo per il branding. Monocromatico è pulito e professionale. Triadico e tetradico sono più avanzati ma creano tavolozze ricche ed equilibrate.
Quanto è precisa l'estrazione della tavolozza dalle immagini?
Utilizzando il raggruppamento dei colori con fusione della distanza euclidea, lo strumento estrae fino a 8 colori dominanti. I pixel trasparenti vengono filtrati e ogni colore mostra la sua percentuale. Per una selezione precisa, usa la modalità contagocce.
I miei dati vengono caricati su qualche server?
No. Tutti i calcoli dei colori e l'elaborazione delle immagini avvengono interamente nel tuo browser. Nulla viene caricato.
Quale versione di Tailwind supporta l'esportazione?
L'esportazione Tailwind genera la sintassi dei colori personalizzati @theme di Tailwind CSS v4 utilizzando variabili --color-*.