atsakyta. Pagrindinis puslapis
Svetainėms ir programuotojams

Spalvų kontrasto tikrinimas

Pavyzdžiui, #1a2b3c, rgb(26, 43, 60) arba hsl(210, 40%, 17%).

Kontrastas

4,54:1

  • Teksto spalva#767676
  • Fono spalva#ffffff
  • Teksto santykinis skaistis0,1812
  • Fono santykinis skaistis1,0000
  • Kontrasto santykis(1,0000 + 0,05) / (0,181164 + 0,05)4,5422
  • Paprastas tekstas, AAWCAG 1.4.3, reikia 4,5:1tinka
  • Didelis tekstas, AAWCAG 1.4.3, reikia 3:1tinka
  • Paprastas tekstas, AAAWCAG 1.4.6, reikia 7:1netinka
  • Didelis tekstas, AAAWCAG 1.4.6, reikia 4,5:1tinka
  • Grafiniai objektai ir sąsajos elementaiWCAG 1.4.11, reikia 3:1tinka
  • Artimiausia tinkama teksto spalva, AAAtamsesnė, 7:1#595959

Didelis tekstas – bent 18 punktų (24 px) arba bent 14 punktų pusjuodis (apie 18,7 px).

Pranešti apie klaidą

Kaip skaičiuojame

Santykinį skaistį skaičiuojame pagal WCAG formulę: kiekvienas spalvos kanalas paverčiamas tiesiniu dydžiu, o rezultatas yra 0,2126 × R + 0,7152 × G + 0,0722 × B. Kontrastas – (šviesesnė + 0,05) / (tamsesnė + 0,05), nuo 1:1 iki 21:1.

Rodomą santykį apvaliname žemyn, kad 4,499 niekada neatrodytų kaip 4,5: riba arba pasiekta, arba ne.

Ribos: paprastam tekstui AA lygiu – 4,5:1, dideliam – 3:1; AAA lygiu – 7:1 ir 4,5:1; grafiniams objektams ir sąsajos elementams, pavyzdžiui, mygtukų kraštams ir piktogramoms, – 3:1.

Jei spalva ribos nepasiekia, siūlome artimiausią to paties atspalvio tamsesnę ar šviesesnę spalvą, kuri ją pasiekia. Permatomą spalvą pirmiausia sumaišome su tuo, kas po ja.

Skaičiuojama jūsų naršyklėje – duomenys į serverį nesiunčiami. Paskutines įrašytas reikšmes naršyklė įsimena šiame įrenginyje; jas ištrinsite mygtuku „Išvalyti“. Nukopijuota nuoroda perduoda ir šias reikšmes, tad jas matys kiekvienas, kam ją nusiųsite.

Atnaujinta 2026-09-18. Pakeitimai