WCAG Color Contrast Checker (Viðhögn)

Evaluate the contrast ratio of text and background colors based on WCAG 2.1 guidelines. Instantly generate accessible color adjustments.

HEX/RGB/HSL
HEX/RGB/HSL
Allt virkar lokally í bréfið.

Live Text fyrirfram

Stór heading (18pt Hjartaður / 24pt Regluleg)

Þetta er fyrirmynd um stórt heading texta stíl.

Norðlegur text (hæðri 18pt)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Kontrasthæð

18.6:1

WCAG 2.1 Þekkingarstand

WCAG AA þörf
Norðlegur texta (4.5:1) PASS
Stór texta (3.0:1) PASS
WCAG AAA þörf
Norðbundin texti (7.0:1) PASS
Stór texta (4.5:1) PASS

2.1 Ráðherrarhæð

Hægt að staðfesta kontraststanda til að byggja ágangslegur tengsl sem fylgir 508, ADA og WCAG AA eða AAA leiðbeiningar.

Sögn motor

Að sjálfkrafa skipta á litum í gegnum HSL samræður til að finna nærustu valkostur sem uppfyllir kontrastaréttar kröfur.

Fullt viðskiptavinarhluta

Þýskunar eru aðgerðir loksins í gegnum browsershæðinu þínu. engin litur, skrif eða telemetrí samskipti er send til þjónusta okkar.

Related Color Tól

HEX RGB HSL Fólkur breyting
Konvertar lit og skipta ljós samstæð.
Fólkið í myndinni Picker
Færðu affarir úr mockups.
CSS Färgþróttur
Konvertir milli CMYK, HSV, RGB, HSL og HEX formata.

Fólur kontrastreikning

Hættu WCAG kontrastþingur fyrir fyrirfram og bakgrunni litir og sýna venjulega texta-sýri niðurstöður.

inntök
2 gildi CSS litur og valandi fyrirmynd texta.
útgang
AAA og WCAG AA pass eða misnotandi sýningaraðilar.
Reyndar takmörk
Áskoranir dekkar aðeins ljúðsamleg kontrast; það er ekki að staðfesta grind eða reikning fyrir renningu, hreyfingu, hjarta eða ófarlegt hliðar.
Privátverkefni og gögn meðferð
Tvö gildi CSS litur og valandi fyrirmynd texta er meðhöndlað í þessari síföngusamann. Converter fær ekki eða lagrar það; lokað eða endurlætning síðu fer út vinnu stefnu nema tólin sýnir uppsökvætt staðbundna niðurlæggingu.

Hvernig á að nota þetta verkfæri

  1. Tilboð tvö gildi CSS litur og valsögn fyrirmynd í tólreyfum.
  2. Veldu settingar sem áhrifum á kontrastarð með WCAG AA og AAA pass eða mismunandi sýningara, þá hlaða þennan tól.
  3. Sýndu kontrastarsamning við WCAG AA og AAA pass eða misnotandi sýnendur áður en að kopiera eða hlaða það.

Alþjóðlegur mismunandi leiðir

Invalid litur er ekki hægt að mæla, og áhorfingu án áhuggjandi bakgrunni getur gert hlutfall sinnsöm.

Vinnleg dæmi

Samkvæmt #f2906 textu á #ffffff til að skoða samninginn hennar fyrir venjuleg og stórt texti.