Generatore di Strumenti Pratici

Generatore palette colori

Crea una palette armoniosa e accessibile da un colore base, una foto o un’idea casuale.

HEX · RGB · HSL · OKLCH · WCAG

Studio di palette colori

Crea una palette armoniosa e accessibile da un colore base, una foto o un’idea casuale.

5
🖼️ Estrai colori da un’immagineL’immagine viene elaborata solo nel browser e non viene caricata.
Suggerimento: premi Spazio per generare di nuovo.

La tua palette

Fai clic su un codice per copiarlo. Blocca o riordina i colori prima di rigenerare.

Trascina le schede o usa le frecce per riordinarle.

Anteprima dell’interfaccia

La tua palette
Ruolo: Accento

Un sistema visivo più chiaro

Prova la palette su una scheda realistica con navigazione, testo e pulsante.

Vedi dettagli

Accessibilità e contrasto

–

Tabella dei contrasti

Anteprima della percezione cromatica

Anteprima approssimativa: prova con utenti reali e non affidarti solo al colore.

Generatore di gradienti

Esporta palette

Scegli un’armonia cromatica

Le palette monocromatiche variano una tinta. I colori analoghi sono vicini; i modi complementare, triadico e tetradico usano relazioni più ampie.

Controlla l’accessibilità

I risultati WCAG hanno anche etichette testuali. Il testo normale richiede 4,5:1 per AA, quello grande 3:1.

Usa il formato giusto

HEX e RGB sono ampiamente supportati, HSL è pratico da modificare e OKLCH offre luminosità e croma percettivamente più uniformi.

Domande sul generatore di palette

Che cos’è un’armonia cromatica?

È una relazione ripetibile tra tonalità, per esempio analoga, complementare o triadica.

Come rendo accessibile una palette?

Controlla il contrasto tra testo e sfondo, non affidarti solo al colore e prova anche gli stati interattivi.

La mia immagine viene inviata al server?

No. L’estrazione avviene localmente nel browser e l’immagine non viene caricata.

Quale formato devo esportare?

CSS per siti web, SCSS per fogli di stile, JSON per applicazioni e PNG come riferimento visivo.