Semplifica il tuo flusso di lavoro: cerca miniwebtool.
Aggiungi
Pagina Iniziale > Varie > Strumenti di Colore > Verificatore di contrasto dei colori
 

Verificatore di contrasto dei colori

Controlla i rapporti di contrasto dei colori tra il testo e i colori di sfondo. Verifica la conformità WCAG 2.x AA/AAA per testo normale e grande con anteprima in tempo reale, suggerimenti di colore e analisi dettagliata dell'accessibilità.

Verificatore di contrasto dei colori

⚡ Esempi Rapidi — clicca per provare

Scuro su Bianco Bianco su Blu Grigio su Chiaro Rosso su Bianco Verde su Bianco Basso Contrasto ✕
Anteprima Live —
La veloce volpe bruna salta
Testo del corpo regolare a dimensione normale (16px). Questo è ciò che la maggior parte degli utenti leggerà sul tuo sito web o applicazione.
Testo piccolo (13px): Didascalie, note a piè di pagina e informazioni secondarie richiedono anch'essi un buon contrasto.
Pulsante Link Sottolineato Campo di Input

Embed Verificatore di contrasto dei colori Widget

Verificatore di contrasto dei colori

Il Verificatore di Contrasto dei Colori aiuta designer, sviluppatori e professionisti dell'accessibilità a garantire che le combinazioni di colori soddisfino gli standard di accessibilità WCAG 2.x. Un contrasto adeguato tra i colori del testo e dello sfondo è essenziale per la leggibilità, specialmente per gli utenti con ipovisione o deficit della visione a colori.

Cos'è il Rapporto di Contrasto dei Colori?

Il rapporto di contrasto dei colori misura la differenza nella luminanza (luminosità) percepita tra due colori. Va da 1:1 (colori identici, nessun contrasto) a 21:1 (contrasto massimo: nero su bianco). Il rapporto è calcolato utilizzando la formula WCAG 2.x basata sui valori di luminanza relativa di entrambi i colori.

Requisiti di Contrasto WCAG

Le Linee Guida per l'Accessibilità dei Contenuti Web (WCAG) definiscono due livelli di conformità per il contrasto dei colori:

Tipo di ElementoWCAG AAWCAG AAA
Testo normale (<18pt / <14pt grassetto)4,5 : 17 : 1
Testo grande (≥18pt / ≥14pt grassetto)3 : 14,5 : 1
Componenti UI & grafiche3 : 1—

Cosa conta come "testo grande"?

Le WCAG definiscono il testo grande come almeno 18 punti (24px) a peso normale, o almeno 14 punti (18,66px) in grassetto. Il testo grande ha requisiti di contrasto inferiori perché i caratteri più grandi sono naturalmente più facili da leggere.

Come Usare Questo Strumento

  1. Inserisci i tuoi colori: Scegli i colori di primo piano (testo) e di sfondo usando i selettori di colore, digita i codici hex o clicca su un esempio preimpostato.
  2. Controlla l'anteprima live: Guarda istantaneamente come appaiono i tuoi colori su elementi UI reali (titoli, corpo del testo, pulsanti, link, input dei moduli).
  3. Clicca su "Controlla Contrasto": Ottieni il rapporto di contrasto esatto e lo stato di conformità WCAG per testo normale, testo grande e componenti UI.
  4. Applica i suggerimenti: Se i tuoi colori falliscono, usa i suggerimenti automatici per trovare l'alternativa accessibile più vicina.

Comprendere i Risultati

Rapporto di Contrasto

Il numero principale (es. 8,59:1) indica quanto appaiono diversi i due colori. Un valore più alto è migliore per la leggibilità. Un rapporto di almeno 4,5:1 garantisce che la maggior parte degli utenti possa leggere comodamente il testo di dimensioni normali.

Voto Complessivo

  • AAA (Eccellente): Supera tutti i criteri WCAG, inclusi quelli avanzati (7:1+). Migliore accessibilità possibile.
  • AA (Buono): Supera i requisiti standard (4,5:1+). Soddisfa i requisiti legali nella maggior parte delle giurisdizioni.
  • AA Grande (Parziale): Supera solo per testo grande o componenti UI (3:1+). Il testo normale fallisce.
  • Fallito (Scarso): Non soddisfa alcun criterio di contrasto WCAG. Il testo sarà difficile da leggere per molti utenti.

Suggerimenti di Colore

Quando i tuoi colori non soddisfano i requisiti di contrasto, lo strumento suggerisce il colore accessibile più vicino regolando la luminosità e mantenendo tonalità e saturazione. Puoi applicare i suggerimenti con un solo clic.

Perché il Contrasto dei Colori è Importante

  • Conformità legale: Molti paesi richiedono per legge la conformità WCAG AA (ADA, Sezione 508, EN 301 549, EAA).
  • Esperienza utente: Un buon contrasto migliora la leggibilità per tutti gli utenti, non solo per quelli con disabilità.
  • Impatto SEO: I motori di ricerca considerano sempre più l'accessibilità nei loro posizionamenti.
  • Raggiungimento del pubblico: Circa 1 uomo su 12 e 1 donna su 200 presentano deficit della visione a colori.

Suggerimenti per Scegliere Colori Accessibili

  • Inizia con un contrasto sufficiente, poi perfeziona il design — è più difficile correggere il contrasto a posteriori.
  • Evita di posizionare testo colorato su sfondi colorati senza testare. Anche colori che "sembrano diversi" possono fallire i controlli di contrasto.
  • Il testo grigio chiaro su sfondi bianchi è uno dei fallimenti di accessibilità più comuni.
  • Usa questo strumento durante la progettazione, non solo durante l'audit — individuare i problemi in anticipo evita significativi lavori di rifacimento.
  • Non affidarti solo al colore per trasmettere informazioni; usa anche forme, motivi o etichette.

Domande Frequenti

Cos'è il rapporto di contrasto dei colori?

Il rapporto di contrasto dei colori misura la differenza nella luminanza percepita tra due colori. Va da 1:1 (nessun contrasto, stesso colore) a 21:1 (contrasto massimo, nero su bianco). Il rapporto è calcolato utilizzando la formula WCAG 2.x: (L1 + 0,05) / (L2 + 0,05), dove L1 è la luminanza relativa del colore più chiaro e L2 quella del colore più scuro.

Quale rapporto di contrasto è richiesto per la conformità WCAG AA?

Le WCAG AA richiedono un rapporto di contrasto minimo di 4,5:1 per il testo normale (sotto i 18pt o 14pt in grassetto) e 3:1 per il testo grande (18pt+ o 14pt+ in grassetto). Per i componenti UI non testuali e gli oggetti grafici, il minimo è 3:1.

Qual è la differenza tra WCAG AA e AAA?

WCAG AA è il livello di conformità standard che richiede 4,5:1 per il testo normale e 3:1 per il testo grande. WCAG AAA è il livello avanzato che richiede 7:1 per il testo normale e 4,5:1 per il testo grande. AA è richiesto dalla maggior parte delle leggi sull'accessibilità, mentre AAA è raccomandato ma non obbligatorio per interi siti web.

Cosa è considerato testo grande nelle linee guida WCAG?

Nelle linee guida WCAG, il testo grande è definito come testo che ha almeno 18 punti (24px) di peso normale, o almeno 14 punti (circa 18,66px) di peso grassetto. Il testo grande ha requisiti di contrasto inferiori perché i caratteri più grandi sono più facili da leggere.

Come posso correggere il contrasto di colore basso?

Per correggere il contrasto di colore basso: (1) Scurisci il colore del testo o schiarisci lo sfondo, o viceversa. (2) Usa la nostra funzione di suggerimento colore che trova automaticamente il colore conforme più vicino. (3) Aumenta la dimensione del font per qualificarlo come "testo grande" che ha requisiti più bassi. (4) Evita di usare solo il colore per comunicare informazioni.

Il contrasto di colore si applica solo al testo?

No. Il criterio di successo WCAG 2.1 1.4.11 richiede un rapporto di contrasto minimo di 3:1 per gli elementi non testuali, inclusi i bordi degli input, le icone e gli oggetti grafici essenziali per comprendere il contenuto. Questo si applica ai componenti UI come pulsanti, campi modulo e indicatori di focus.

Risorse Aggiuntive

Cita questo contenuto, pagina o strumento come:

"Verificatore di contrasto dei colori" su https://MiniWebtool.com/it/verificatore-di-contrasto-dei-colori/ di MiniWebtool, https://MiniWebtool.com/

dal team di miniwebtool. Aggiornato: 11 feb 2026

API per sviluppatori disponibile: Esegui questo strumento dalla tua app, automazione o agente con una richiesta HTTP JSON. Vedi documentazione API

Altri strumenti correlati:

Convertitore di Codici Colore (Tutti i Formati)Nuovo
Invertitore di colori
Strumento di Pixelatura Immagini
Selettore Colori Immagine
Calcolatore del Codice Colore dei Resistori
Selettore di Commenti YouTubeNuovo

Strumenti di Colore:

Strumenti in primo piano:

Calcolatore dei numeri degli angeli📅 Calcolatore di DataCalcolatrice di Compatibilità AmorosaCalcolatore Segno Solare, Lunare e Ascendente 🌞🌙✨Calcolatore di SommeConvertitore da esadecimale a decimaleConvertitore di Piedi e Pollici in CentimetriCalcolatore di Compatibilità dei Segni LunariEstrattore di Immagini da VideoRimuovi spaziGeneratore di parole casuali in ingleseCalcolatore EsadecimaleCalcolatore del Giorno dell'Anno - Che giorno dell'anno è oggi?Formattatore di TestoQual è il mio numero fortunato?Calcolatore del Numero dell'AnimaCalcolatore BinarioGeneratore di CrucipuzzleGeneratore di Colori CasualiSelettore di Film CasualeRicerca ID Utente InstagramInverti TestoCalcolatore del numero di percorso di vitaConvertitore di Tempo in DecimaliConvertitore da Decimale a Tempoconvertitore da ppm a percentualeGeneratore di Superpotere CasualeCalcolatore del calcio correttoCalcolatore del Numero del NomeGeneratore casuale di animaliConvertitore da cm a piedi e polliciricerca-indirizzo-MACCalcolatore di Durata del TempoGeneratore di Numero Decimale CasualeDivisore di ImmaginiGeneratore di Date CasualiCalcolatore del percentile di altezzaCalcolatrice del Numero d'EspressioneConvertitore di Percentuale in PPMPalla Magica 8Calendario del Giorno dell'AnnoCalcolatore dei VotiCalcolatore di ScalaConvertitore da decimale a esadecimaleValidatore XMLConvertitore da Esadecimale a BinarioCalcolatore del deficit caloricoConvertitore in numeri romaniCalcolatore per ridurre frazioniConvertitore da indirizzo IP a binarioCalcolatore Notazione Sigma (Sommatoria)Generatore di Unisci i PuntiniOrdina NumeriCalcolatore della Media GeometricaRicerca ID Utente FacebookGeneratore di Carte da Gioco CasualeConvertitore da binario a esadecimaleContatore di SillabeCalcolatore di VelocitàGeneratore di stringhe casualiGeneratore di Obbligo o Verità AleatorioGeneratore di anagrammiConvertitore HTML in TestoGeneratore di oggetti casualiVerificatore di Nome Utente sui Social MediaDivisore AudioGeneratore di Citazioni CasualiConvertitore di Frazione in PercentualeConta il numero di caratteriGeneratore di Gruppi CasualiCalcolatore della Circonferenza di un EllisseCalcolatore del Segno LunareCalcolatore del Test Chi-QuadratoCalcolatore di Differenza di ListeCalcolatore di ModuloCalcolatrice di NumerologiaCalcolatore Dimensioni di Stampa e Risoluzione (DPI/PPI)Generatore di Modello Cono SviluppatoCalcolatore Ritmo Nuotogeneratore-di-testo-capovoltoStatistiche del Canale YouTubeCalcolatore del SonnoCalcolatore del Numero della Personalità⏱️ Calcolatore di Ore📅 Calcolatore Differenza tra DateEstrattore AudioCalcolatore di ArrotondamentoCalcolatore Sottorete IPUnisci VideoAnalizzatore Avanzato di Compatibilità ZodiacaleCompressore VideoConvertitore di AngoliGeneratore di LabirintiCalcolatore da frazione a decimaleCalcolatore del Segno di VenereGeneratore di Personaggi RPG CasualeLista di Anni BisestiliSelettore di Nome CasualeCalcolatore della Congettura di CollatzCalcolatore EBITDACalcolatore del Coefficiente di VariazioneCalcolatore di Flusso nelle TubazioniConvertitore Taglie di AbbigliamentoCalcolatore dell'Aspettativa di VitaCalcolatore di Pendenza e GradoContatore di lineaCalcolatrice della Deviazione Standard RelativaGeneratore di Lettera CasualeRimuovi linee vuote da un testoCalcolatore di Log in Base 2Calcolatore di radice quadrataGeneratore di Orario CasualeCalcolatore di anni caniniCalcolatore Media, Mediana e ModaCalcolatore Regola di CramerCalcolatore di Log in Base 10Calendario di luna nuova e luna pienaSimulatore di Porte LogicheCalcola i Giorni tra Due DateCalcolatore del Giorno della SettimanaCalcolatore di calcestruzzoCalcolatore di etàCalcolatore di ProfittoGeneratore di Attività CasualiCalcolatore del Numero del DestinoCalcolatore del Test Esatto di FisherCalcolatore della deviazione standard - Alta precisioneCalcolatore delle frazioni equivalentiCalcolatore dello scarto interquartileCalcolatore dello Zodiaco dell'Albero CelticoConvertitore da Ottale a DecimaleConvertitore FPS👙 Calcolatore Taglia ReggisenoCreatore di CruciverbaGeneratore di Accordi CasualiStrumento Cifrario di CesareCalcolatrice del FattorialeConvertitore di dimensioni del fileConvertitore di pollici in cmSemplificatore di Algebra BooleanaCalcolatore CAGRCalcolatore della Tangente🔊 Generatore di ToniMiglioratore di ImmaginiCalcolatore di CartongessoConvertitore da Lbs a KgConvertitore Numero in FrazioneSegnapunti TennisCalcolatore del Rapporto BUN a CreatininaCalcolatore di Conversione Scala ModelloConvertitore di Frequenza e Lunghezza d'OndaGeneratore di CrittogrammaCalcolatore di notazioni scientifichecalcolatore-hba1cConvertitore da DMS a Gradi DecimaliGeneratore di Compleanni CasualiGeneratore di Tabelloni Torneo CasualiRandomizzatore di listaVerificatore di Squadratura (Regola 3-4-5) 📐Calcolatore BarbecueCalcolatore dell'Arcocoseno (Coseno Inverso)Calcolatore della Media🌐 Convertitore di Fuso OrarioCalcolatrice del Numero di CifreCalcolatore di Decibel (dB)Calcolatore Proporzioni RicetteGeneratore di Carte di Credito CasualeGeneratore di Indirizzi IP CasualiGeneratore di Parole MescolateCalcolatore del Numero MaestroCalcolatore Unità Alcoliche StandardGeneratore di Hash SHA256Primi n Numeri di Pi GrecoRuota VideoCalcolatore del Rapporto di Compressione del MotoreCalcolatore di Coppia di Serraggio BulloniCalcolatore di diminuzione di percentualeCalcolatore Formula di EroneCalcolatore Quanto Manca AlConvertitore da Decimale a OttaleDivisore videoInverti VideoLooper MP3Analizzatore di Indirizzi MACCalcolatore di Calorie BruciateCalcolatrice di Numeri ComplessiGeneratore di Testo Piccolo ⁽ᶜᵒᵖʸ ⁿ ᵖᵃˢᵗᵉ⁾🔍 Verificatore di PlagioCalcolatore dell'Area di un EllisseCalcolatore di FIPConvertitore da binario a ottaleGeneratore di Distribuzione GaussianaSimulatore di Crittografia RSA Passo dopo PassoCalcolatore dell'ArcotangenteCalcolatore di combinazioneCalcolatore di Pacciame, Terreno e GhiaiaCalcolatore di piastrelleCalcolatore di Velocità di CiclismoCalcolatore del cerchioCalcolatore di log naturaleCalcolatore Dosaggio Detersivo BucatoCalcolatore di Miscelazione Tinta per CapelliCalcolatore Costo di StampaConfronto Costi Gas vs ElettricoCalcolatore Mancia con Carta RegaloCalcolatore Quantità Scatole per TraslocoCalcolatore Dimensioni Box di StoccaggioCalcolatore Armadio CapsulaCalcolatore della Lunghezza della CinghiaCalcolatore della Forza del Cilindro IdraulicoCalcolatore Sistema di CarrucoleCalcolatore del Rapporto di Trasmissione MeccanicoCalcolatore di Calore SpecificoCalcolatore di Dilatazione TermicaCalcolatore di Trasferimento del CaloreCalcolatore dell'Equazione di BernoulliCalcolatore del numero di ReynoldsCalcolatore Posizione del SoleCalcolatore Orari delle MareeCalcolatore di Visibilità delle StelleStrumento di Riferimento per NodiGuida alla Valutazione della Temperatura del Sacco a PeloCalcolatore Dimensioni Telo SottotendaCalcolatore del Peso del Cibo per BackpackingCalcolatore del Ritmo di Escursionismo NaismithCalcolatore Lunghezza Filo da RicamoCalcolatore Volume Colata ResinaCalcolatore di Schemi di PerlinePottery Clay Shrinkage CalculatorCalcolatore dimensioni carta per origamiCalcolatore Bordo per TrapunteCalcolatore di Filo per Punto CroceCalcolatore di Schemi a MagliaConvertitore di Misure dei Ferri da MagliaConvertitore di Misure UncinettoCalcolatore di Fieno per CavalliRicerca Misura del Trasportino da Viaggio per AnimaliCalcolatore UVB per Habitat di RettiliCalcolatore Dimensioni Gabbia per UccelliCalcolatore di Watt del Riscaldatore per AcquarioCalcolatore Lettiere per GattiCalcolatore della Portata del Fascio dei FariCalcolatore del Consumo del BattistradaCalcolatore del Peso sul Timone del RimorchioCalcolatore di Distribuzione del Peso del VeicoloDivisore Costi di ViaggioCalcolatore della Distanza di ArrestoCalcolatore Indennizzo per i LavoratoriCalcolatore di Distribuzione dei Beni TestamentariCercatore di Classe di MarchioCalcolatore delle Tasse di Deposito del BrevettoVerificatore di Nexus dell'Imposta sulle VenditeCalcolatore di Riduzione della PenaCalcolatore di PrescrizioneOttimizzatore di Prezzi AirbnbDivisore Affitto tra CoinquiliniCalcolatore Affitto Sezione 8Calcolatore del Metodo BRRRRCalcolatore del Rendimento Cash-on-CashCalcolatore di Rendimento da AffittoCalcolatore Scambio 1031Visualizzatore di Crescita del PatrimonioCalcolatore del Costo del PranzoCalcolatore di Costo Palestra vs Allenamento a CasaCalcolatore del Costo dell’Abitudine al CaffèCalcolatore di Risparmio del Lavoro da RemotoCalcolatore ROI Attività SecondariaTracker dei Costi degli AbbonamentiCalcolatore Prezzi SaaSCalcolatore Prezzo Progetti FreelanceGuida agli Abbinamenti dei Legni da AffumicaturaCalcolatore Tempo di FermentazioneCalcolatore Tempo di MarinaturaFiltro Ricette per Restrizioni AlimentariTrova Sostituti delle SpezieTracker dell'Emivita della CaffeinaSuggeritore di Abbinamento ViniConvertitore di Gradi di ArrampicataCalcolatore del Rapporto del Cambio della BiciclettaCalcolatore della Resistenza dei Nodi da PescaTimer per le Posizioni YogaCalcolatore SWOLF NuotoPredittore del Tempo di GaraCalcolatore di Potenza del Pugno nel BoxeCalcolatore Punti RugbyCalcolatore Run Rate CricketCalcolatore xG (Expected Goals) nel CalcioCalcolatore del Punteggio di Wells (TVP/EP)Calcolatore della Scala del Coma di GlasgowCalcolatore del Punteggio APGARCalcolatore FFMICalcolatore della Corsa di 12 Minuti di CooperCalcolatore del Test del Cammino di un Miglio RockportCalcolatore da Massa Magra a ForzaCalcolatore del Rapporto Carboidrati-InsulinaCalcolatore del Fattore di Sensibilità InsulinicaConvertitore Calendario EbraicoConvertitore Calendario HijriConvertitore di Calendario LunareCalcolatore Età nelle CultureCalcolatore Quanto Tempo FaGeneratore di schemi di dateCalcolatore di Data IntermediaAggiungi Giorni Lavorativi a una DataCalcolatore Giorni LavorativiAnalizzatore di Frequenza delle ParoleAnalizzatore di Varianza di Lunghezza FrasiEditor di Leggibilità Stile HemingwayConvertitore di Pronuncia IPAStrumento Cifrario di VigenèreStrumento Cifrario AtbashCodificatore e Decodificatore ROT13Visualizzatore e Rimuovi Dati EXIFTraduttore Pig LatinGeneratore di BackronimiGeneratore di AcronimiVerificatore di PangrammiVerificatore di LipogrammaTracciatore da Immagine a SVGConvertitore da Immagine ad Arte ASCIIGeneratore di Schema JSONPlayground TypeScriptCompilatore Less in CSSCompilatore SCSS in CSSConvertitore da SVG a React/JSXGeneratore di Stringhe di QueryParser URLValidatore e decodificatore UUIDRiferimento codici di stato HTTPGeneratore di Comandi cURLGeneratore del Triangolo di SierpinskiPlotter di Superficie 3DTracciatore di Equazioni PolariGeneratore di Insieme di JuliaEsploratore dell'Insieme di MandelbrotGeneratore di Frattali L-SystemGeneratore di Triangolazione di DelaunayGeneratore di Diagrammi di VoronoiGeneratore di SpirografoGeneratore di TassellatureCalcolatore di Capacità di Processo Sei SigmaGeneratore di Diagrammi di ParetoCalcolatore NPS (Net Promoter Score)Calcolatore della fidelizzazione per coorteCalcolatore Tasso di AbbandonoCalcolatore del Costo di Acquisizione Cliente (CAC)Calcolatore del Valore del Ciclo di Vita del Cliente (CLV)Calcolatore del Tasso di ConversioneCalcolatore Dimensione Campione Test A/BCalcolatore di Significatività Test A/BCalcolatore dell'Equazione delle LentiCalcolatore di Campo Magnetico di un FiloCalcolatore di Campo ElettricoCalcolatore della Legge di CoulombCalcolatore della Legge di SnellCalcolatore del Momento d'InerziaCalcolatore di Velocità AngolareCalcolatore di forza centripetaCalcolatore del Periodo del PendoloCalcolatore Costante ElasticaCalcolatore Effetto DopplerCalcolatore Indice di SortinoCalcolatore Indice di TreynorCalcolatore Beta di AzioniCalcolatore di Titoli del Tesoro Protetti dall’Inflazione (TIPS)Calcolatore di Ricalcolo MutuoCalcolatore Tasso ForwardCalcolatore della Duration Obbligazionaria (Macaulay e Modificata)Calcolatore di Convessità delle ObbligazioniCalcolatore di Rendita Indicizzata FissaCalcolatore di Rendita VariabileCalcolatore di Mutuo InversoCalcolatore di Pagamento RenditaSimulatore Soroban Abaco GiapponeseMoltiplicazione del Contadino RussoCalcolatore di Trucchi di Matematica VedicaCalcolatore di Moltiplicazione EgiziaRisolutore Matematico con Numeri RomaniAllenatore di Calcolo MentaleQuiz delle TabellineVisualizzatore di Riporto e PrestitoGeneratore di Decomposizioni NumericheRisolutore di Problemi di MoneteCalcolatore del Triangolo Distanza-Velocità-TempoRisolutore Problemi Tasso di LavoroRisolutore Problemi di MiscelaRisolutore Problemi di EtàRisolutore Problemi Incontro TreniCalcolatore di IdratazioneCalcolatore di Passo in CalorieCalcolatore Dosaggio FarmacoCalcolatore Calorie AlcolCalcolatore di Ricomposizione CorporeaGeneratore di Argomenti di Dibattito CasualiGeneratore di Nomi Casuali per Gatti e CaniScaricatore di Miniature YouTubeCalcolatore Guadagni YouTube