Hoppa till färgväljaren

Text #faf5ff på #ad46ff: kontrastkontroll

Kontrollera text mot bakgrunden med WCAG 2 och APCA sida vid sida, och åtgärda det med ett klick.

Tolkad som HEX

Tolkad som HEX

Stor rubrik

Brödtext i läsbar storlek. Det mesta på en sida ser ut så här, så den behöver mest kontrast.

Finstilt, bildtexter och tips

Knapp

Bara för stor text

Fungerar för rubriker från 24 px, eller 19 px fetstil. För svag för brödtext.

3,84:1

  • AA · normal textUnderkänd
  • AA · stor textGodkänd
  • AAA · normal textUnderkänd
  • AAA · stor textUnderkänd

Lc −67,4

Innehållstext, 18 px eller fet

Version APCA-W3 0.1.9. APCA är en kandidat till WCAG 3 och visas som vägledning.

Gör den godkänd

Närmaste färg som klarar kravet. Bara ljusheten ändras, så färgtonen förblir din.

Justera textenJustera bakgrunden
WCAG AA 4,5:1#151219#a137f2
WCAG AAA 7:1Går inte att nå genom att bara ändra ljusheten.#8100cc
APCA Lc 75Går inte att nå genom att bara ändra ljusheten.#9b2dea