Kontrollues i kontrastit të ngjyrave WCAG

Vlerësoni raportin e kontrastit të ngjyrave të tekstit dhe sfondit bazuar në udhëzimet WCAG 2.1. Gjeneroni menjëherë rregullime të ngjyrave të aksesueshme.

HEX/RGB/HSL
HEX/RGB/HSL
Gjithçka funksionon në mënyrë lokale në shfletuesin tuaj.

Parapamje teksti e drejtpërdrejtë

Titull i madh (18pt Bold / 24pt Regular)

Kjo është një pamje paraprake e stilit të madh të tekstit të titullit.

Tekst Normal (Nën 18pt)

Lorem ipsum dolor sit amet, konsectetur adipiscing elit.

Raporti i kontrastit

18.6:1

Statusi i përputhshmërisë WCAG 2.1

Kërkesat WCAG AA
Tekst Normal (4.5:1) PASS
Tekst i madh (3.0:1) PASS
Kërkesat WCAG AAA
Tekst Normal (7.0:1) PASS
Tekst i madh (4.5:1) PASS

Udhëzimet WCAG 2.1

Lehtë verifikoni standardet e kontrastit për të ndërtuar ndërfaqe të arritshme që i përshtaten udhëzimet e seksionit 508, ADA dhe WCAG AA ose AAA.

Motor sugjerimesh

Rregullon automatikisht ngjyrat në mënyrë incrementale përgjatë koordinatave HSL për të gjetur alternativat më të afërta që plotësojnë kriteret e raportit të kontrastit.

Tërësisht në anën e klientit

Llogaritjet kryhen në vend brenda kontekstit të shfletuesit tuaj. Asnjë ngjyrë, skedar ose koordinatë telemetrie nuk transmetohet në serverat tanë.

Mjetet e lidhura të ngjyrave

Konvertues Ngjyrash HEX RGB HSL
Konverto ngjyrat dhe rregullo koordinatat e ndriçimit.
Zgjedhësi i ngjyrave të imazhit
Nxjerr paleta ngjyrash nga modelet e dizajnit.
Konvertuesi i ngjyrave CSS
Konvertimi midis formateve CMYK, HSV, RGB, HSL dhe HEX.

Kontrollues i kontrastit të ngjyrave

Llogaritni raportet kontrasti WCAG për ngjyrat e para dhe të sfondit dhe tregoni rezultatet e përbashkëta të madhësisë së tekstit.

Hyrje
Dy ngjyra të vlefshme CSS dhe tekst paraprak opsional.
Prodhimi
Një raport kontrasti me tregues kalimi ose dështimi për WCAG AA dhe AAA.
Kufizime reale
Llogaritja mbulon vetëm kontrastin e shkëlqimit; nuk certifikon një ndërfaqe ose nuk merr parasysh paraqitjen e shkronjave, lëvizjen, fokusin ose sinjale jo ngjyrash.
Privatësia dhe përpunimi i të dhënave
Dy ngjyra të vlefshme CSS dhe tekst paraprak opsional përpunohen në këtë skedë të shfletuesit. Convertr nuk e merr ose ruan atë; mbyllja ose ringarkimi i faqes pastron gjendjen e punës, përveç nëse mjeti ofron një shkarkim lokal.

Si ta përdorni këtë mjet

  1. Siguroni dy ngjyra të vlefshme CSS dhe tekst parapamje opsionale në kontrollet e mjetit.
  2. Zgjidhni cilësimet që ndikojnë në raportin e kontrastit me tregues kalimi ose dështimi WCAG AA dhe AAA, pastaj ekzekutoni mjetin.
  3. Shqyrtoni një raport kontrasti me tregues kalimi ose dështimi WCAG AA dhe AAA para se ta kopjoni ose shkarkoni atë.

Mënyrat e zakonshme të dështimit

Ngjyrat e pavlefshme nuk mund të maten, dhe transparenca pa një sfond të zgjidhur mund ta bëjë një raport të pakuptimtë.

Shembull i dobishëm

Krahasoni tekstin #1f2937 në #ffffff për të shqyrtuar raportin e tij për tekst normal dhe të madh.