Kontrollues Kontrasti Ngjyrash WCAG Falas
Kontrolloni nëse dy ngjyra plotësojnë standardet e kontrastit WCAG AA dhe AAA për aksesueshmëri. Parashikim i drejtpërdrejtë në madhësi të shumta teksti me sugjerime automatike kur kontrasti është shumë i ulët.
Tekst titulli i madh
Tekst trupor mesatar (18px) për lexim dhe përmbajtje.
Tekst trupor normal (16px) për paragrafë.
Tekst trupor i vogël (14px) për titra dhe metadata.
Raporti i kontrastit
Kërkohet 4.5:1 · Ju keni 14.63:1
Kërkohet 3.0:1 · Ju keni 14.63:1
Kërkohet 7.0:1 · Ju keni 14.63:1
Kërkohet 4.5:1 · Ju keni 14.63:1
Kërkohet 3.0:1 · Ju keni 14.63:1
Paracaktime të shpejta
Bazuar në udhëzimet e kontrastit WCAG 2.1. Tekst i madh = 18pt (24px) normal ose 14pt (18.66px) i trashë. Kodet hex përditësohen në të dy drejtimet: shkruani një kod hex ose zgjidhni një ngjyrë, të dyja hyrjet mbeten të sinkronizuara.
Si funksionon
Kontrolli i kontrastit funksionon tërësisht në shfletuesin tënd duke përdorur algoritmin e ndriçimit relativ WCAG 2.1 — pa bibliotekë, pa server, vetëm matematikë e shkruar me dorë që ndjek specifikimin saktësisht. Çdo rezultat përditësohet në kohë reale kur shkruan ose zgjedh një ngjyrë.
- 1Hyrje heks dhe normalizimPranohen dhe normalizohen në trefish të plotë RGB si vlerat heks 3-shifrore (#abc) ashtu edhe 6-shifrore (#aabbcc). Hyrja e pavlefshme refuzohet menjëherë në vend që të kthehet heshtazi te e zeza, kështu që shfaqet një kufi i kuq në vend të një rezultati kaloi mashtrues.
- 2Llogaritja e ndriçimit WCAGÇdo ngjyrë konvertohet në ndriçim relativ duke përdorur formulën WCAG 2.1: vlerat e kanalit sRGB linearizohen me një korrigjim gama pjesë-pjesë (duke pjesëtuar me 12.92 nën 0.03928, duke e ngritur në fuqinë 2.4 mbi atë), pastaj peshohen si 0.2126R + 0.7152G + 0.0722B.
- 3Raporti i kontrastit dhe kontrollet e përputhshmërisëRaporti i kontrastit llogaritet si (më e çelëta + 0.05) / (më e errëta + 0.05) dhe kontrollohet kundrejt të gjitha pesë pragjeve WCAG: tekst normal AA (4.5:1), tekst i madh AA (3:1), tekst normal AAA (7:1), tekst i madh AAA (4.5:1), dhe komponentë UI (3:1). Rezultatet përditësohen me çdo goditje tastiere.
- 4Sugjerime rregullimi që ruajnë ngjyriminKur çifti dështon WCAG AA, mjeti kërkon në hapësirën e ndriçimit HSL — duke lëvizur jashtë nga ndriçimi origjinal në të dy drejtimet — për të gjetur variantin më të afërt të çdo ngjyre që kalon 4.5:1 duke ruajtur të njëjtin ngjyrim dhe saturim. API-ja EyeDropper (Chromium) është gjithashtu e disponueshme për të marrë çdo ngjyrë direkt nga ekrani yt.
Mjete të ngjashme
Simulues Daltonizmi
Shihni si duket dizajni juaj për personat me mangësi të shikimit të ngjyrave. Simulon protanopinë, deuteranopinë, tritanopinë, akromatopsinë dhe anomali më të buta.
Filtra Fotografish
Aplikoni filtra në stilin Instagram plus ndriçim, kontrast dhe ngopje ngjyrash — me miniatura të drejtpërdrejta.
Zgjedhës i ngjyrave dhe gjenerator i paletës
Zgjidhni ngjyrat, konvertoni midis HEX/RGB/HSL dhe krijoni paleta harmonike.