Color Picker Gratuito con Palette
Questo color picker gratuito ti permette di scegliere un colore con il controllo colore del browser o digitare un codice HEX, quindi mostra i valori HEX, RGB e HSL, la leggibilità del testo bianco e nero su di esso, e palette di tinte, sfumature, il colore complementare e la serie triadica. È adatto a designer, sviluppatori e marketer che scelgono i colori del brand per un sito, un annuncio o un logo.
Color Picker
Generators and Converters
Informazioni su questo strumento
I codici colore si presentano in diverse forme. HEX, come #2563eb, è il più comune sul web. RGB fornisce la quantità di rosso, verde e blu da 0 a 255, e HSL descrive la tonalità in gradi, più la saturazione e la luminosità in percentuale, il che è più facile da regolare a occhio. Il picker mostra tutti e tre per lo stesso colore in modo da poter incollare quello di cui il tuo strumento ha bisogno.
Le palette sono costruite dal colore che scegli. Le tinte lo mescolano con il bianco e le sfumature lo mescolano con il nero, il che fornisce versioni più chiare e più scure per sfondi, bordi e stati hover. Il colore complementare si trova di fronte sulla ruota dei colori, e la serie triadica prende i due colori distanziati di un terzo della ruota, un punto di partenza comune per uno schema equilibrato.
Le figure di contrasto confrontano il tuo colore con il testo bianco e nero utilizzando la formula WCAG. Un rapporto di 4,5 a 1 o superiore è l'obiettivo usuale per il testo del corpo normale. Usa il picker nativo per una scelta veloce, o il convertitore di colore quando hai già un codice da tradurre. Nulla di quello che scegli viene memorizzato.
Domande frequenti
Qual è la differenza tra HEX, RGB e HSL?
Descrivono lo stesso colore in modi diversi. HEX è un codice a sei cifre per l'uso web, RGB elenca i valori di rosso, verde e blu da 0 a 255, e HSL fornisce tonalità, saturazione e luminosità, il che rende semplice creare varianti più chiare o più scure cambiando un numero.
Cosa sono le tinte e le sfumature?
Una tinta è il colore mescolato con il bianco, quindi appare più chiaro, e una sfumatura è il colore mescolato con il nero, quindi appare più scuro. Insieme forniscono una gamma pronta dello stesso colore per sfondi, bordi, pulsanti e stati hover.
Cos'è un colore complementare o triadico?
Il colore complementare è direttamente opposto al tuo sulla ruota dei colori e fornisce il contrasto più forte. Una palette triadica utilizza il tuo colore più altri due equidistanti intorno alla ruota. Entrambi sono punti di partenza, quindi regola la luminosità e la saturazione finché il risultato non si adatta al tuo brand.
Quale rapporto di contrasto dovrebbe avere il testo?
WCAG richiede almeno 4,5 a 1 per il testo normale e 3 a 1 per il testo grande per soddisfare il livello AA. Il picker mostra il rapporto per il testo bianco e nero sul tuo colore in modo da poter scegliere quello leggibile.