Controllore di contrasto WCAG
Verifica se la combinazione di colore del testo e dello sfondo rispetta i livelli di accessibilità AA e AAA.
Come verificare il contrasto tra due colori
Scegli il colore del testo e dello sfondo
Inserisci i codici HEX o utilizza i selettori visivi per entrambi i colori.
Consulta il rapporto di contrasto
Vedrai il rapporto calcolato istantaneamente insieme all'anteprima del testo sullo sfondo scelto.
Verifica la conformità WCAG AA o AAA
Lo strumento indica se la combinazione è idonea per il testo normale e per il testo grande, a ogni livello.
Domande frequenti sul contrasto dei colori
Un buon contrasto tra testo e sfondo è essenziale affinché chiunque possa leggere i tuoi contenuti, compresi i soggetti ipovedenti. PDFDocks calcola il rapporto esatto secondo lo standard WCAG.
Cosa significano AA e AAA?
+
Sono i due livelli di conformità delle linee guida di accessibilità WCAG: AA è il minimo consigliato e AAA è il livello più esigente.
Quale rapporto di contrasto mi serve?
+
Per testo normale si consiglia un minimo di 4.5:1 (AA) o 7:1 (AAA); per testo grande, 3:1 (AA) o 4.5:1 (AAA).
Perché il contrasto è importante?
+
Un contrasto insufficiente rende difficile la lettura, soprattutto per le persone con bassa visione o su schermi con molta luce ambientale.
Devo installare un programma?
+
No, non è necessario installare nulla. Funziona direttamente dal browser.
È gratuito?
+
Sì, questo strumento è completamente gratuito.
Funziona per controllare il design di un intero sito web?
+
Serve per verificare combinazioni specifiche; per audit completo di un sito web dovrai controllare ogni combinazione di testo e sfondo che utilizzi.
Colori
Convertitore di colori (HEX, RGB, HSL, CMYK)
Converti qualsiasi colore tra HEX, RGB, HSL e CMYK istantaneamente, con anteprima in tempo reale e il nome del colore più vicino.
Generatore di palette di colori
Crea palette armoniche di 5 colori (complementari, analoghe, triadiche o monocomatiche) a partire da un colore base.
Generatore di gradienti CSS
Crea gradienti lineari o radiali con fino a 4 colori e copia il codice CSS pronto all'uso.
Colore casuale
Genera un colore casuale con un clic e scopri il suo nome, codice HEX/RGB/HSL e colori simili.
Selettore di colore (contagocce)
Scegli qualsiasi colore dal tuo schermo con lo strumento contagocce del browser, oppure utilizza il selettore classico.
Simulatore di daltonismo
Carica un'immagine e verifica come la vedrebbero persone con protanopia, deuteranopia o tritanopia.
Generatore di Gradienti Mesh
Crea sfondi con gradienti mesh (macchie di colore sfumate) e scaricali in PNG o copia il codice CSS.
Generatore di Tonalità e Ombre
Genera automaticamente le tonalità più chiare e le ombre più scure di qualsiasi colore, con il suo codice HEX.
Mixer di Colori
Mescola due colori e scopri i toni intermedi passo dopo passo, con il loro codice HEX.
Ruota Cromatica (Armonie)
Scegli un colore sulla ruota e scopri le sue combinazioni armoniche: complementari, analoghi, triadici e altro ancora.
Estrattore di Tavolozza da Immagine
Carica un'immagine ed estrai automaticamente i suoi colori dominanti in una tavolozza, con il codice HEX di ciascuno.
Colore Medio di un'Immagine
Carica un'immagine e calcola istantaneamente il suo colore medio, con i codici HEX, RGB e HSL.
Esplora i colori per famiglia
Oltre 469 colori con nome, con i loro codici HEX, RGB, HSL e CMYK, organizzati in 12 famiglie di tonalità.
