Se încarcă...
Se încarcă...
Verifici dac\u0103 combinatia ta de culori respecta standardele WCAG 2.1 pentru accesibilitate vizual\u0103.
Raport de contrast
8.40:1
Excelent
Conformitate WCAG 2.1
AA Normal
Text normal (< 18pt) — min 4.5:1
AA Large
Text mare (≥ 18pt bold / ≥ 24pt) — min 3:1
AAA Normal
Text normal (< 18pt) — min 7:1
AAA Large
Text mare (≥ 18pt bold / ≥ 24pt) — min 4.5:1
Previzualizare live
Titlu de exemplu
Text mare bold (18pt+) — verificat la nivel AA Large
Acesta este un paragraf de text normal. Contrastul dintre culoarea textului si culoarea fundalului trebuie sa fie suficient de mare pentru a asigura lizibilitatea continutului de catre toti utilizatorii, inclusiv cei cu deficiente de vedere.
Text mic — cel mai dificil de citit, necesit\u0103 contrast ridicat.
Combina\u021Bii preset accesibile
Raportul de contrast m\u0103soar\u0103 diferen\u021Ba de luminozitate perceput\u0103 \u00eentre dou\u0103 culori. Este exprimat ca un raport (de exemplu 4.5:1), unde 1:1 \u00eenseamn\u0103 niciun contrast (aceea\u0219i culoare) iar 21:1 este contrastul maxim (negru pe alb).
Standardul WCAG 2.1 (Web Content Accessibility Guidelines) define\u0219te niveluri minime de contrast pentru a asigura c\u0103 textul este lizibil pentru persoanele cu deficien\u021Be de vedere, inclusiv daltonism sau vedere sl\u0103bit\u0103.
Nivelul AA este considerat minimul necesar pentru conformitate. Textul normal necesit\u0103 un raport de cel pu\u021Bin 4.5:1, iar textul mare (18pt bold sau 24pt) necesit\u0103 cel pu\u021Bin 3:1.
Nivelul AAA ofer\u0103 un grad superior de accesibilitate. Textul normal necesit\u0103 7:1, iar textul mare necesit\u0103 4.5:1.
Algoritmul calculeaz\u0103 luminan\u021Ba relativ\u0103 a fiec\u0103rei culori prin liniarizarea canalelor sRGB (\u00een func\u021Bie de valoarea gamma), apoi aplic\u0103 formula ponderat\u0103: L = 0.2126 × R + 0.7152 × G + 0.0722 × B. Raportul final este (L1 + 0.05) / (L2 + 0.05), unde L1 este luminan\u021Ba mai mare.