Selettore di Colori Online
Introduzione Strumento:
Clicca sul colore desiderato nel selettore/tavolozza di colori qui sotto, e lo strumento mostrerà istantaneamente il codice colore esadecimale e visualizzerà i valori di conversione del colore corrispondenti in formato RGB, CMYK, LAB, HSL, XYZ, LUV, HWB. Puoi cliccare sui pulsanti su e giù nella tavolozza per passare tra HEX, RGB e HSL, e modificare i loro valori. Trascina la barra HUE per regolare la tonalità. Sotto, puoi vedere le variazioni di colore, generando valori di sfumatura del colore selezionato aggiungendo bianco puro o nero puro con incrementi del 10%. Questo strumento mostra anche combinazioni di colori, inclusi schemi di colori complementari, complementari divisi, triadici, analoghi, monocromatici e tetradici. Inoltre, c'è un verificatore di contrasto dei colori; clicca su "Clicca per Correggere" per regolare i colori del testo e dello sfondo per un contrasto ottimale.
Selettore Colori
Valore Colore
Sfumature di Colore
Le sfumature di colore mostrano l'effetto di miscelazione del colore selezionato con bianco e nero. La sezione superiore mostra il colore miscelato con diverse proporzioni di bianco (diventando più chiaro), mentre la sezione inferiore mostra la miscelazione con diverse proporzioni di nero (diventando più scuro). Ogni blocco di colore mostra il suo codice esadecimale, clicca per copiarlo.
Combinazioni di Colori
Le combinazioni di colori mostrano altri colori che si abbinano bene con il colore selezionato. Queste combinazioni sono basate sulla teoria del colore e possono essere utilizzate per progettare schemi di colore. Clicca su qualsiasi colore per copiare il suo codice esadecimale.
Complementare
I colori complementari sono situati opposti l'uno all'altro sulla ruota dei colori, a 180° di distanza. Questa combinazione crea un forte contrasto ed è vibrante.
Complementare Diviso
Scegli un colore base, quindi seleziona i colori su entrambi i lati del suo complementare (solitamente a 30° di distanza). Questa combinazione fornisce un alto contrasto ma è più armoniosa rispetto ai colori complementari diretti.
Triadico
Seleziona tre colori che sono equidistanti (a 120° di distanza) sulla ruota dei colori. Questa combinazione è equilibrata e vibrante, ma richiede attenzione alla proporzione quando viene utilizzata.
Analogo
Seleziona colori adiacenti l'uno all'altro sulla ruota dei colori (solitamente a 30° di distanza). Questa combinazione è armoniosa e naturale, adatta per creare design confortevoli.
Monocromatico
Usa colori con la stessa tonalità ma con luminosità e saturazione diverse. Questa combinazione è pulita e armoniosa, adatta per design minimalisti.
Tetradico
Seleziona quattro colori equidistanti sulla ruota dei colori (solitamente formando un rettangolo o un quadrato). Questa combinazione è ricca e colorata, ma dovrebbe essere usata con attenzione per evitare di essere eccessivamente complessa.
Verificatore di Contrasto
Il verificatore di contrasto è utilizzato per valutare la leggibilità del colore del testo rispetto al colore di sfondo. Un buon contrasto è cruciale per migliorare l'accessibilità dei contenuti, specialmente per gli utenti con disabilità visive. Gli standard WCAG richiedono: il livello AA necessita di un rapporto di contrasto di almeno 4.5:1, il livello AAA necessita di un rapporto di contrasto di almeno 7:1.
Aa Testo di Anteprima Sample Text
1234567890