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)
    #FFFFFF
    #ffffff
    #FF69B4
    #ff69b4

    Konponketa azkarrak

    Aa

    Aurrebista izenburua

    Azeri arrea azkarra txakur alferra gainetik jauzi egiten du

    Testu txikiaren adibidea (12px)

    Testua
    #ffffff
    Atzeko planoa
    #ff69b4

    WCAG estandarrak

    Level AA

    Gutxieneko kontraste ratioa 4.5:1 testu normala eta 3:1 letra handietarako. Gehiengo webguneetan beharrezkoa.

    Level AAA

    Hobekuntza duten kontraste ratioa 7:1 testu normalerako eta 4.5:1 letra handietarako. Irisgarritasun optimoa gomendatua.

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

    Kolore kontraste egiaztatzailea

    Testuaren eta atzeko koloreen kontraste-ratioa kalkulatu.

    Hautatu kolore bat testurako eta atzeko plano kolorerako kolore hautagailua erabiliz edo sartu kolore bat RGB hexadezimal formatuan (adibidez, #259 edo #2596BE). Ezarlekua doi dezakezu kolorea hautatzeko. Web Eduki Irisgarritasun Jarraibideek (WCAG) testua ikusmen normala duten erabiltzaileentzat irakurgarria den jakiteko jarraibide espezifikoa du. Irizpide honek kolore konbinazioak ratio konparagarrietan mapatzeko algoritmo jakin bat erabiltzen du. Formula hau erabiliz, WCAGek dio testu arruntarentzat (gorputz testua) eta letra larrietan (18+ pt arrunt, edo 14+ pt lodia) gutxienez 3:1 kolore kontrastea izan behar dutela.

    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