Selettore di colori
Controlla il contrasto WCAG, crea gradienti CSS e genera palette di colori.
Ti serve solo scegliere un colore o convertire HEX ↔ RGB ↔ HSL (con contagocce)? Usa il Convertitore HEX RGB.
Esempi
Verifica contrasto
Input
#1A1A1A su #F5F5F5
Output
≈ 16:1 — supera AA & AAA
Gradiente CSS
Input
#3B82F6 → #9333EA, 90°
Output
background: linear-gradient(90deg, #3B82F6, #9333EA);
Palette
Input
#3B82F6
Output
Sfumature + colori complementari, analoghi, triadici
Informazioni su questo strumento
Questo studio colori online e gratuito riunisce tre essenziali: un verificatore di contrasto WCAG con superato/non superato AA/AAA e anteprima di testo dal vivo; un generatore di gradienti CSS con dichiarazione pronta da copiare; e un generatore di palette per sfumature e colori complementari, analoghi e triadici. Ogni scheda ha un selettore di colore integrato, e tutto viene eseguito nel tuo browser senza upload. Per la conversione pura HEX ↔ RGB ↔ HSL e un contagocce a schermo, usa il {link}.
Come si usa
- Contrasto: imposta i colori di testo e sfondo per verificare l'accessibilità WCAG.
- Gradiente: scegli due colori e un angolo, poi copia il CSS.
- Palette: inserisci un colore base e clicca un qualsiasi campione per copiarlo.
Per chi è
Designer e sviluppatori che verificano la conformità all'accessibilità, costruiscono sfondi CSS e creano palette coese — senza destreggiarsi tra strumenti separati.
Domande frequenti
Cosa può fare questo strumento colori?
Tre cose in un unico posto: verificare il contrasto WCAG tra due colori, costruire un gradiente CSS e generare palette di sfumature e armonie da un colore base. Ogni scheda ha un selettore di colore integrato.
È gratuito?
Sì — completamente gratuito senza registrazione, e tutto viene eseguito nel tuo browser senza upload.
Come funziona il verificatore di contrasto?
Inserisci un colore di testo e uno di sfondo e mostra il rapporto di contrasto WCAG più superato/non superato per AA e AAA su testo normale e grande, con anteprima dal vivo.
Quale rapporto di contrasto mi serve?
WCAG AA richiede almeno 4,5:1 per il testo normale e 3:1 per il testo grande; AAA richiede 7:1 e 4,5:1 rispettivamente. Il verificatore segnala ogni livello per te.
Posso copiare il gradiente CSS e i colori della palette?
Sì. La scheda gradiente fornisce una dichiarazione background: pronta da copiare, e ogni campione della palette copia il suo hex al clic.
Dove scelgo un colore o converto HEX/RGB/HSL?
Usa il Convertitore HEX RGB dedicato — sceglie un colore (con contagocce a schermo su Chrome/Edge) e mostra HEX, RGB e HSL. Questo studio si concentra su cosa fai con i colori: contrasto, gradienti e palette.
Posso prelevare un colore da una pagina web o immagine?
Sì — usa il contagocce del Convertitore HEX RGB (e il suo bookmarklet) per catturare un colore da qualsiasi punto dello schermo su Chrome ed Edge, poi porta l'hex qui.
Strumenti correlati