Kolore kontraste egiaztatzailea

Probatu aurrekaldeko eta atzeko koloreen arteko kontraste-ratioa irisgarritasuna ziurtatzeko.

1.00:1
Kontrastea
Fail
Oso txarra

Testu arrunta

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

Testu handia

AA (3:1)
AAA (4.5:1)
White
#ffffff
Athens Gray
#eef0f3

Konponketa azkarrak

Aa

Aurrebista izenburua

Azeri arrea azkarra txakur alferra gainetik jauzi egiten du

Testu txikiaren adibidea (12px)

Testua
#ffffff
Atzeko planoa
#eef0f3

WCAG estandarrak

Level AA

4.5:1 gutxieneko kontraste-ratioa testu arrunterako eta 3:1 testu handirako. Gehiengo webguneentzat beharrezkoa.

Level AAA

7:1 kontraste-ratio hobetua testu arrunterako eta 4.5:1 testu handirako. Irisgarritasun optimoa lortzeko gomendatua.

Kontraste nahikoa ez testu tamaina guztietarako - WCAG estandarrak ez ditu betetzen.

Kolore kontraste egiaztatzailea

Testuaren eta atzeko koloreen kontraste-ratioa kalkulatu.

Aukeratu kolore bat testu eta atzeko kolorerako kolore hautatzailea erabiliz edo sartu kolore bat RGB hamaseitar formatuan (adibidez, #259 edo #2596BE). Irristagailua doitu dezakezu kolorea hautatzeko. Web Edukien Irisgarritasun Jarraibideek (WCAG) irizpide zehatz bat dute ikusmen-urritasuna duten erabiltzaileentzat testua irakurgarria den jakiteko. Irizpide honek algoritmo berezi bat erabiltzen du kolore-konbinazioak ratio konparagarrietan mapatzeko. Formula hau erabiliz, WCAGk adierazten du testuaren eta bere atzeko kolorearen arteko 4.5:1 kontraste-ratioa nahikoa dela testu arrunterako, eta testu handiak (18+ pt arrunta, edo 14+ pt lodiera) gutxienez 3:1 kontraste-ratioa izan behar duela.

Ezaugarri nagusiak

  • Kontraste ratioaren kalkulu denbora errealean
  • WCAG AA eta AAA betetze egiaztapena
  • HSL irristailuak doikuntza zehatzetarako
  • Aurrebista formatu anitzak

Tresna aurreratuak

  • Kolore zuzenketa automatikoa
  • Testu eta atzeko plano laginak
  • Kolore izenaren detekzioa
  • Emaitzak esportatu