Krāsu kontrasta pārbaudītājs

Pārbaudiet priekšplāna un fona krāsu kontrasta attiecību, 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)
Black
#000000
Black
#ff009e

Ātrie labojumi

Aa

Priekšskatījums Nosaukums

Ātrā brūnā lapsa pārlec pār slinko suni

Maza teksta piemērs (12px)

Teksts
#000000
Pamatinformācija
#ff009e

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 krāsu atlasītāju teksta un fona krāsai, vai ievadiet krāsu RGB heksadecimālajā formātā (piemēram, #259 vai #2596BE). Varat pielāgot slīdni, lai izvēlētos krāsu. Tīmekļa satura pieejamības vadlīnijās (WCAG) ir īpaša vadlīnija, kas palīdz noteikt, vai teksts ir salasāms redzīgiem lietotājiem. Šis kritērijs izmanto īpašu algoritmu, lai krāsu kombinācijas attēlotu salīdzināmos koeficientos. Izmantojot šo formulu, WCAG nosaka, ka parastam (pamattekstam) tekstam ir piemērota 4,5:1 krāsu kontrasta attiecība starp tekstu un tā fonu, bet lielam tekstam (18+ pt parasts 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