La formula del rapporto di contrasto WCAG è accurata per i flussi di lavoro di stampa?

Lo schermo RGB e la stampa CMYK utilizzano gamme diverse. Trattare le conversioni come prove approssimative; calibrare con profili ICC per la stampa commerciale.

Posso usare questa formula nei CSS?

I CSS moderni supportano color-mix(), oklch() e lab() per molte operazioni. Per pipeline complesse, calcola in JavaScript ed esporta variabili CSS.

Color DevByte carica i miei colori?

No. Le pagine di riferimento delle formule sono documentazione statica; gli strumenti interattivi vengono eseguiti al 100% lato client nel tuo browser.

Formula del rapporto di contrasto WCAG

Calcola il contrasto di luminanza relativo tra i colori di primo piano e di sfondo.

Formula

Contrasto = (L1 + 0,05) / (L2 + 0,05) dove L1 è la luminanza più leggera.

Variables

R, SOL, B: Canali sRGB (0–255 o 0–1 normalizzati)
H, S, L: Tonalità (gradi), saturazione e luminosità (0–1) in HSL
l: Luminanza relativa (WCAG) o luminosità in HSL/OKLCH

FAQ

La formula del rapporto di contrasto WCAG è accurata per i flussi di lavoro di stampa?: Lo schermo RGB e la stampa CMYK utilizzano gamme diverse. Trattare le conversioni come prove approssimative; calibrare con profili ICC per la stampa commerciale.
Posso usare questa formula nei CSS?: I CSS moderni supportano color-mix(), oklch() e lab() per molte operazioni. Per pipeline complesse, calcola in JavaScript ed esporta variabili CSS.
Color DevByte carica i miei colori?: No. Le pagine di riferimento delle formule sono documentazione statica; gli strumenti interattivi vengono eseguiti al 100% lato client nel tuo browser.

Browse color tools

Panoramica

Calcola il contrasto di luminanza relativo tra i colori di primo piano e di sfondo.

Color DevByte documenta questa formula per sviluppatori, progettisti e revisori dell'accessibilità che necessitano di calcoli cromatici riproducibili senza inviare dati a un server.

Utilizza gli strumenti colore collegati per applicare questa formula in modo interattivo con l'anteprima dal vivo e l'esportazione multiformato.

Quando utilizzare questa formula

Applica la formula del rapporto di contrasto wcag durante la creazione di token di progettazione, la convalida del contrasto WCAG o l'automazione delle pipeline di colore in CSS, Tailwind o JSON del sistema di progettazione.

Per l'interfaccia utente di produzione, verifica sempre i risultati con un controllo del contrasto o un'anteprima visiva: i casi limite nella correzione gamma e nella mappatura della gamma possono modificare i risultati.

Note di implementazione

Gli strumenti basati su browser dovrebbero linearizzare sRGB prima dei calcoli di luminanza o ΔE.

Preferisci l'interpolazione OKLCH o LAB per gradienti e temi per evitare punti medi grigiastri comuni nelle fusioni RGB.