Kleuromzetter en contrastcontrole

HEX
#be123c
RGB
rgb(190, 18, 60)
HSL
hsl(345.3, 82.7%, 40.8%)

Contrast controleren (WCAG)

Aa — Voorbeeldtekst

Pa's wijze lynx bezag vroom het fikse aquaduct.

13,98 : 1

  • AA, normale tekstGeslaagd
  • AA, grote tekstGeslaagd
  • AAA, normale tekstGeslaagd
  • AAA, grote tekstGeslaagd
Hulp en info

Over deze tool

Typ of kies een kleur en krijg hem als HEX, RGB en HSL, met transparantie als je die opgeeft. De contrastcontrole vergelijkt tekst- en achtergrondkleur en toont de verhouding met de WCAG-niveaus AA en AAA voor normale en grote tekst.

Goed om te weten

WCAG vraagt een contrast van minstens 4,5:1 voor normale en 3:1 voor grote tekst (AA); AAA vraagt 7:1 en 4,5:1. Groot betekent 24 px of 19 px vet.

Meer tools

  • JSON-formatter – JSON, YAML, TOML, XML, CSV opmaken en valideren
  • Formaatomzetter – JSON, YAML, TOML, XML en CSV in elkaar omzetten
  • Schema – Schema maken en controleren (JSON, XML, CSV)
  • REST-client – HTTP-verzoeken versturen en het antwoord bekijken
  • Base64 – Tekst coderen en decoderen
  • URL coderen – URL's coderen, decoderen en splitsen
  • Hash-generator – MD5, SHA-1, SHA-256 en meer voor tekst of bestanden
  • UUID-generator – Willekeurige of op tijd gesorteerde UUID's
  • JWT-decoder – Header en payload van een token lezen
  • Unix-tijd – Unix-tijd naar datum en terug