Krāsu kontrasta pārbaudītājs

Pārbaudiet kontrasta attiecību starp priekšplāna un fona krāsām, lai nodrošinātu pieejamību.

1.00:1
Kontrasts
Fail
Ļoti slikti

Parasts teksts

AA (4.5:1)
AAA (7:1)

Liels teksts

AA (3:1)
AAA (4.5:1)
White
#ffffff
Black
#e24826

Ātrie labojumi

Aa

Priekšskatījuma nosaukums

Ātrā brūnā lapsa pārlec pāri slinkajam sunim

Neliela teksta piemērs (12 pikseļi)

Teksts
#ffffff
Fons
#e24826

WCAG standarti

Level AA

Minimālā kontrasta attiecība ir 4,5:1 parastam tekstam un 3:1 lielam tekstam. Nepieciešams lielākajai daļai tīmekļa vietņu.

Level AAA

Uzlabota kontrasta attiecība 7:1 parastam tekstam un 4,5:1 lielam tekstam. Ieteicams optimālai pieejamībai.

Nepietiekams kontrasts visiem teksta izmēriem — neatbilst WCAG standartiem.

Krāsu kontrasta pārbaudītājs

Aprēķiniet teksta un fona krāsu kontrasta attiecību.

Izvēlieties krāsu, izmantojot teksta un fona krāsas krāsu atlasītāju, vai ievadiet krāsu RGB heksadecimālā formātā (piemēram, #259 vai #2596BE). Varat pielāgot slīdni, lai atlasītu krāsu. Tīmekļa satura pieejamības vadlīnijās (WCAG) ir īpašas vadlīnijas, kas palīdz noteikt, vai teksts ir lasāms redzīgiem lietotājiem. Šis kritērijs izmanto īpašu algoritmu, lai kartētu krāsu kombinācijas salīdzināmās attiecībās. Izmantojot šo formulu, WCAG norāda, ka parastam (pamattekstam) tekstam un tā fonam ir piemērota 4,5:1 krāsu kontrasta attiecība, un lielam tekstam (18+ pt parastais vai 14+ pt treknraksts) jābūt vismaz 3:1 krāsu kontrasta attiecībai.

Galvenās funkcijas

  • Kontrasta attiecības aprēķināšana reālā laikā
  • WCAG AA un AAA atbilstības pārbaude
  • HSL slīdņi precīzai regulēšanai
  • Vairāki priekšskatījuma formāti

Uzlabotie rīki

  • Automātiska krāsu noteikšana
  • Teksta un fona paraugi
  • Krāsas nosaukuma noteikšana
  • Eksporta rezultāti