Ga naar hoofdinhoud
← Tools

Gratis tool

Contrastchecker

Controleert WCAG‑contrast tussen tekstkleur en achtergrondkleur met de officiële luminantieformule. Toont AA/AAA voor normale én grote tekst.

In de browserGeen account nodigAltijd gratis

Preview

The quick brown fox jumps over the lazy dog

Body sample copy at normal size — review legibility for the smallest text in your interface.

Smaller helper text checks captions and subtle labels.

Contrastratio

17.85:1

Normal text

WCAG AA passWCAG AAA pass

≥ 4.5:1 AA · ≥ 7:1 AAA

Large text

WCAG AA passWCAG AAA pass

≥ 3:1 AA · ≥ 4.5:1 AAA

Facturen automatiseren? Gratis maken Invoicey.

Workflow

Hoe het werkt

Drie snelle stappen van invoer tot een resultaat voor je stack.

1

Stap 1

Kies voorgrond- en achtergrondkleur of plak hex‑waarden.

2

Stap 2

Gebruik de kleurenkiezer of bewerk de hexvelden rechtstreeks.

3

Stap 3

Bekijk meteen het contrastverhoudingsgetal en AA/AAA‑status.

Waarom teams het gebruiken

Voordelen en use cases

  • Use Contrastchecker instantly without account setup.
  • Keep your workflow browser-based and fast.
  • Export results for sharing or documentation.
  • Reduce manual formatting and repetitive tasks.

Overview

Quick context

What is Contrastchecker?

Contrastchecker is a practical online utility for day-to-day business and content workflows. It is designed to reduce friction in common tasks so you can move from input to result quickly. Instead of installing heavy desktop tools, you can run the process in-browser and export output immediately.

Why use Contrastchecker?

Teams often need fast one-off tools without onboarding overhead. Contrastchecker helps with exactly that: quick execution, straightforward controls, and downloadable output. It works well for freelancers, small teams, and operators who need reliable utility actions inside modern workflow stacks.

Contrastchecker best practices

For the best results, use clear input data, verify final output before publishing, and keep copies of generated assets in your project folders. If you use the output in client-facing documents, review labels and formatting for consistency with your brand and compliance requirements.

Antwoorden

FAQ

Wat is het WCAG‑contrast?

Het is het verhoudingsgetal tussen luminanties (tot ongeveer 21:1). AA vraagt doorgaans 4,5:1 voor gewone tekst en 3:1 voor grote tekst.

Wanneer telt tekst als “groot”?

Grofweg 24px regulier of ~18,5px vet equivalent. Koppen en duidelijke knoppen vallen vaak onder de ruimere limiet.

Waarom faalt mijn merkkleur AA?

Hele felle kleuren op wit bereiken AA zelden. Maak tekst donkerder, ondergrond lichter, of gebruik het merkaccent buiten hoofd‑bodytekst.

Gaat mijn palet naar servers?

Nee — alles wordt in de browser uitgerekend; geen uploads naar Invoicey.

Hoe gebruik ik dit tijdens ontwerp?

Controle combinaties ook in hover/schakel‑states; contrast moet daar vaak stabiel zijn voor echt veilige UX.

WCAG contrast checker | Invoicey