Selettore e convertitore di colori
Scegli un colore, incolla un codice o fai clic su un'immagine per vedere il colore in tutti i formati, con palette abbinate e verifica del contrasto.
- Scegli un colore, un codice o un'immagine
- Vedilo in HEX, RGB, HSL, HSV e CMYK
- Copia codici e palette o verifica il contrasto
I file non lasciano mai il tuo dispositivo
I formati colore
- HEX: il codice a sei cifre del web design e del CSS (#14183d).
- RGB: valori di rosso, verde e blu da 0 a 255, usati sugli schermi.
- HSL e HSV: tonalità, saturazione e luminosità o valore, facili da regolare a mano.
- CMYK: percentuali di ciano, magenta, giallo e nero usate in stampa.
Creare una palette
- I colori complementari sono opposti e danno un forte contrasto.
- I colori analoghi sono vicini e trasmettono calma e armonia.
- I colori triadici sono equidistanti e danno un aspetto equilibrato e vivace.
- Fai clic su un campione per renderlo il colore attuale e copiarne i codici.
Testo leggibile (WCAG)
Scegli i colori di testo e sfondo e lo strumento calcola il rapporto di contrasto. Punta ad almeno 4,5:1 per il testo normale e 3:1 per i titoli grandi (livello AA); 7:1 soddisfa il livello AAA, più severo.
Domande frequenti
Quali codici colore posso inserire?
HEX (#1e90ff o 1e90ff), rgb(), hsl(), hsv(), cmyk() e nomi di colore CSS come navy o tomato.
Come prendo un colore da una foto o da un logo?
Apri l'immagine nella sezione «Preleva da un'immagine» e fai clic su un punto qualsiasi. L'immagine resta sul tuo dispositivo.
Il valore CMYK è esatto per la stampa?
È una conversione matematica standard. I colori stampati dipendono dal profilo della stampante: verifica i lavori importanti con la tipografia.
Cos'è il rapporto di contrasto?
Misura la leggibilità di un testo su uno sfondo. Le WCAG chiedono almeno 4,5:1 per il testo normale e 3:1 per il testo grande (livello AA).
Come vengono create le palette?
Ruotando la tonalità sulla ruota dei colori: complementare (180°), analoga (±30°) e triadica (120°), più tonalità più chiare e più scure.
Posso prelevare un colore da qualsiasi punto dello schermo?
Sì, nei browser che lo supportano (come Chrome ed Edge su computer) compare il pulsante «Preleva dallo schermo».