Verificator de contrast al culorilor

Toate instrumentele
Verificator de contrast al culorilor
Verifică raportul de contrast WCAG dintre o culoare de text și una de fundal — vizualizează notele AA/AAA pentru text normal, text mare și componente UI, cu previzualizare live și sugestii de culori accesibile.
Culoarea textului
Tentă
Culoarea fundalului
Tentă
Raport de contrast
--:1
Text normal
Text de corp sub 18px (sau sub 14px bold)
AA AAA
Text mare
18px+ normal, sau 14px+ bold
AA AAA
Componente UI
Pictograme, borduri, controale de formular și grafice
AA AAA
Previzualizare live

The quick brown fox

Textul mare se citește confortabil când contrastul este suficient.

Acesta este un paragraf exemplu de text normal. Contrastul bun al culorilor menține conținutul lizibil pentru toată lumea, inclusiv pentru persoanele cu vedere slabă sau daltonism. un link exemplu.

Textul mic și legendele sunt cele mai greu de citit — au nevoie de cel mai mare contrast.
Buton exemplu Buton exemplu
Sugestie

Totul este calculat live în browserul tău folosind formula de luminanță relativă WCAG 2.x — fără încărcări, fără înregistrare, complet gratuit.

Distribuiți
Instrumente conexe
Simulator de daltonism

Vede imaginea sau paleta ta cum o văd persoanele cu protanopie, deuteranopie, tritanopie sau acromatopsie — rulează complet în browserul tău, nimic nu este încărcat.
Convertor de coduri de culoare

Convertește culori între HEX, RGB, RGBA, HSL, HSLA și HSV — alege o culoare, ajustează transparența și copiază orice format instant.
Exportator de palete

Lipește sau importă un set de culori și exportă-le instant ca variabile CSS, SCSS, configurație Tailwind, JSON sau mostre SVG — pasul final pentru orice paletă.
Căutări populare
verificator de contrast al culorilor raport de contrast wcag verificator de contrast accesibilitate verificator de contrast text test de contrast aa aaa verifică contrastul culorilor online

Adăugați acest instrument gratuit pe propriul site — copiați și lipiți codul de mai jos.