Kleurgereedschap
Werkt op je apparaat. Er wordt niets verstuurd.Er wordt nooit iets geüpload - alle conversie gebeurt op je eigen apparaat.
Contrastcontrole
Tegen wit
AA (normale tekst)
5.17:1GeslaagdAA (grote tekst)
5.17:1GeslaagdAAA (normale tekst)
5.17:1Niet geslaagdAAA (grote tekst)
5.17:1GeslaagdTegen zwart
AA (normale tekst)
4.06:1Niet geslaagdAA (grote tekst)
4.06:1GeslaagdAAA (normale tekst)
4.06:1Niet geslaagdAAA (grote tekst)
4.06:1Niet geslaagdTinten
Converteer tussen HEX, RGB en HSL, controleer WCAG-contrast en genereer een tintenladder - volledig in je browser.
Deze tool zet een kleur om tussen HEX-, RGB- en HSL-notatie, controleert de WCAG-contrastverhouding ten opzichte van witte en zwarte tekst, en genereert een tintenladder van donker naar licht - alles lokaal berekend in je browser terwijl je typt.
Veelgestelde vragen
Wat betekenen de WCAG-niveaus AA en AAA?
Dit zijn toegankelijkheids-contrastdrempels uit de Web Content Accessibility Guidelines: AA vereist minimaal 4,5:1 contrast voor normale tekst (3:1 voor grote tekst, 18pt+ of vetgedrukt 14pt+), en de strengere AAA vereist 7:1 voor normale tekst (4,5:1 voor grote tekst). Voldoen aan AA is de gangbare basis voor toegankelijke tekst.
Waarom kan HEX/RGB/HSL heen en weer converteren tot een licht afwijkende waarde leiden?
HSL slaat tint, verzadiging en helderheid op als afgeronde gehele getallen, dus het omzetten van RGB naar HSL en terug kan een kanaal door afronding één of twee punten verschuiven - dit is normaal en gebeurt bij elke kleurtool die HSL ondersteunt.
Hoe wordt de tintenladder gegenereerd?
Door de tint en verzadiging van de kleur vast te houden en alleen de helderheid in de HSL-ruimte te variëren, van bijna zwart naar bijna wit. Het is een eenvoudige, voorspelbare ladder in plaats van een perceptueel uniforme (waarvoor een complexere kleurruimte nodig zou zijn), zoals de meeste alledaagse kleurtools bieden.