Scegli un colore

Tonalità

Colore HEX

Armonia dei colori

Variazioni di colore

Tinte chiare

Tonalità scure

Toni

Cosa fa questo strumento

Il selettore permette di scegliere un colore con il controllo nativo o tramite un valore HEX e di visualizzare i corrispondenti valori RGB e HSL.

A partire dal colore selezionato, calcola armonie correlate e variazioni più chiare, più scure e più neutre.

Come usarlo

Scegli un colore con l'apposito controllo oppure inserisci un valore HEX completo.
Seleziona un tipo di armonia per visualizzare colori correlati ottenuti dallo stesso calcolo HSL.
Fai clic su un valore in una palette per copiarlo negli appunti.

Utilizzi pratici

Documentare il colore di base di un progetto insieme ai relativi valori HEX, RGB e HSL.
Scegliere un primo colore di accento o di supporto per un'interfaccia da un'armonia complementare o triadica.
Preparare valori più chiari e più scuri per sfondi, bordi o elementi in evidenza.

Note e limiti

L'anteprima utilizza i normali valori colore del browser e non considera profili specifici del monitor, di stampa o ICC.
Le palette calcolate non verificano il contrasto o l'accessibilità. Controlla separatamente le combinazioni importanti tra testo e sfondo.

Domande frequenti

Le palette suggerite sono automaticamente accessibili?

No. Armonie e variazioni sono calcolate in base ai valori di colore. Verifica il contrasto effettivo di ogni combinazione di testo e sfondo che intendi usare.