Calcolatore del rapporto di contrasto

Calcola il rapporto di contrasto per l'accessibilità e la conformità del progetto.

Color Pickers

Foreground Text

Background

Preview

Headline Text

This is a sample paragraph to test readability. Accessibility in design ensures that everyone, including people with vision loss, can access your content.

WCAG Compliance

Contrast Ratio

4.85:1

AA Normal

Small text (<18pt) (Min 4.5:1)

AA Large

Bold/Large text (>18pt) (Min 3.0:1)

AAA Normal

Highest accessibility (Min 7.0:1)

AAA Large

Enhanced for large text (Min 4.5:1)

Good! This meets standard accessibility for most web content.

Overview

Il rapporto di contrasto misura la differenza di luminanza tra testo e sfondo. Le linee guida sull'accessibilità WCAG richiedono un minimo di 4,5:1 per il testo normale e 3:1 per il testo di grandi dimensioni. Essenziale per un design leggibile e accessibile.

💡

Pro Tips

The WCAG (Web Content Accessibility Guidelines) are the gold standard for web accessibility.
Level AA is the standard requirement for most websites.
Large text is defined as 18pt (roughly 24px) or larger, or 14pt (roughly 18.5px) and bold.
Avoid using color as the only way to convey meaning, as users with color blindness may not perceive the difference.

Fun Facts

Formula: Contrasto = (L1 + 0,05) / (L2 + 0,05) dove L = luminanza relativa

Used with this

Similar tools that might be useful

Punteggio dell'atto

Calcola il punteggio dell'atto.

Convertitore ASCII

Converti testo in codici ASCII e viceversa. Utile per la programmazione e la codifica dei dati.

Calcolatore del tasso di accettazione

Calcola i tassi di accettazione dalle domande e dai dati di ammissione. Visualizza la selettività con i grafici.