WCAG kolore-kontrastearen egiaztatzailea

Ebaluatu testuaren eta atzeko planoaren koloreen arteko kontraste-erlazioa WCAG 2.1 jarraibideen arabera. Sortu berehala irisgarritasun-kolore egokitzapenak.

HEX/RGB/HSL
HEX/RGB/HSL
Dena lokalean exekutatzen da zure arakatzailean.

Zuzeneko testuaren aurrebista

Izenburu handia (18 puntu lodia / 24 puntu arrunta)

Hau goiburu handien testu-estiloaren aurrebista da.

Testu Normala (18 puntutik beherakoa)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel massa lectus.

Kontraste-erlazioa

18.6:1

WCAG 2.1 betetze-egoera

WCAG AA eskakizunak
Testu Normala (4.5:1) PASS
Testu handia (3.0:1) PASS
WCAG AAA baldintzak
Testu Normala (7.0:1) PASS
Testu handia (4.5:1) PASS

WCAG 2.1 jarraibideak

Egiaztatu erraz kontraste estandarrak 508, ADA eta WCAG AA edo AAA jarraibideak betetzen dituzten interfaze eskuragarriak eraikitzeko.

Iradokizunen Motorra

Doitu koloreak automatikoki HSL koordenatuetan zehar, kontraste-erlazioaren irizpideak betetzen dituzten alternatiba hurbilenak aurkitzeko.

Erabiltzailearen aldean guztiz

Konputazioak lokalean exekutatzen dira zure arakatzailearen testuinguruan. Ez da kolorerik, fitxategirik edo telemetria koordenaturik transmititzen gure zerbitzarietara.

Lotutako kolore-tresnak

HEX, RGB eta HSL kolore-bihurgailua
Bihurtu koloreak eta doitu argitasun-koordenatuak.
Irudi-kolore hautatzailea
Atera kolore paletak diseinu-maketetatik.
CSS kolore-bihurgailua
Bihurtu CMYK, HSV, RGB, HSL eta HEX formatuen artean.

Kolore-kontrastearen egiaztatzailea

Kalkulatu WCAG kontraste-erlazioak lehen planoko eta atzeko planoko koloreetarako eta erakutsi ohiko testu-tamainako emaitzak.

Sarrera
Baliozko bi CSS kolore eta aukerako aurrebista testua.
Irteera
WCAG AA eta AAA gainditu edo huts adierazleekin kontraste-erlazioa.
Benetako mugak
Kalkuluak luminantzia-kontrastea soilik hartzen du; ez du egiaztatzen interfaze edo konturik letra-tipoen errendatze, mugimendu, foku edo kolorerik gabeko seinaleetarako.
Pribatutasuna eta datuen tratamendua
baliozko bi CSS kolore eta aukerako aurrebista testua arakatzaileko fitxa honetan prozesatzen dira. Convertr-ek ez du jasotzen edo gordetzen; orria ixteak edo berriro kargatzeak lan-egoera garbitzen du tresnak deskarga lokala esplizituki eskaintzen ez badu.

Tresna hau nola erabili

  1. Eman baliozko bi CSS kolore eta aukerako aurrebista testua tresnaren kontroletan.
  2. Aukeratu WCAG AA eta AAA pasa edo huts adierazleekin kontraste-erlazioan eragiten duten ezarpenak, eta exekutatu tresna.
  3. Berrikusi kontraste-erlazioa WCAG AA eta AAA gainditu edo huts egiteko adierazleekin kopiatu edo deskargatu aurretik.

Ohiko hutsegite moduak

Kolore baliogabeak ezin dira neurtu, eta ebatzitako atzeko planorik gabeko gardentasunak ratioa zentzurik gabe utzi dezake.

Adibide erabilgarria

Konparatu #1f2937 testua #ffffff-n bere ratioa testu normal eta handietarako berrikusteko.