Contrasthersteller
Local only — nothing is uploaded unless you save or share it.
Een hersteller voor kleurcontrast — de dichtstbijzijnde toegankelijke kleur die WCAG AA haalt.
- Vul de tekstkleur en de achtergrondkleur in die zakken.
- Kies het WCAG-niveau dat je nodig hebt — AA is het gebruikelijke doel voor lopende tekst.
- Bepaal welke kleur mag veranderen, of laat de dichtstbijzijnde bewegen.
- Kopieer de voorgestelde kleur, of pak een andere optie uit de lijst.
Nu
Dichtstbijzijnde oplossing
Andere opties
Bewaar deze tool
Houd Contrasthersteller bij de hand
Gebruik het deelmenu van je browser en dan „Zet op beginscherm”.
Over deze tool
Weten dat een kleurenpaar zakt is maar het halve antwoord. Dit is de contrasthersteller voor de andere helft: geef hem een zakkend paar en hij geeft de dichtstbijzijnde toegankelijke kleur terug die wel slaagt. Een contrastchecker vertelt je dat 3,1:1 niet genoeg is en laat je vervolgens naar schakeringen gissen tot er eentje blijft plakken — en zo veranderen merkkleuren stilletjes in wat als eerste slaagde. Dit vindt de dichtstbijzijnde kleur die werkt. Het verschuift de lichtheid en verder niets, dus je tint en verzadiging overleven: het resultaat is herkenbaar de kleur die je koos, een tikje lichter of donkerder, en niet een andere kleur die toevallig over de lat komt. En het bekijkt elke toegestane lichtheid in plaats van te stoppen bij het eerste succes, dus een kleur die maar 3 % verandering nodig heeft krijgt 3 %. Jij kiest welke kleur mag bewegen. Merkpaletten zetten meestal een van de twee vast — de achtergrond is de pagina, of de tekstkleur is het logo — en een suggestie die de verkeerde verandert helpt helemaal niets. Vraag om een herstel van de tekst, van de achtergrond, of van welke het dichtste bij zit. Alle vier de WCAG-graden zitten erin: AA op 4,5:1 voor lopende tekst, AA Groot op 3:1 voor koppen van 18pt of 14pt vet, en de strengere AAA-niveaus op 7:1 en 4,5:1. Alles draait in je browser.
Veelgestelde vragen
Waarom verandert het alleen de lichtheid?
Omdat contrast een functie is van de relatieve luminantie, en van tint, verzadiging en lichtheid verschuift alleen de lichtheid de luminantie noemenswaardig. De tint veranderen zou een kleur opleveren die slaagt en die niet de jouwe is. Tint en verzadiging behouden betekent dat de oplossing nog steeds lijkt op de kleur die je koos.
Wat is de dichtstbijzijnde kleur die slaagt?
Die waarvan de lichtheid het minst bewoog. Elke waarde van 0 tot 100 wordt geprobeerd en de kleinste verandering die jouw niveau haalt wint, dus je wordt nooit gevraagd donkerder te gaan dan nodig.
En als niets slaagt?
Dan zegt hij dat. Tegen een middelgrijze achtergrond is AAA op 7:1 onbereikbaar, zelfs met zuiver zwart of zuiver wit — geen enkele schakering van welke kleur dan ook haalt het. Het eerlijke antwoord is dan de andere kleur te veranderen, en daar is de keuze voor.
Op welk WCAG-niveau moet ik mikken?
AA op 4,5:1 voor gewone lopende tekst is op de meeste plekken de wettelijke eis, waaronder de Europese toegankelijkheidsrichtlijn. AAA op 7:1 is de moeite waard voor lang lezen. Grote tekst — 18pt, of 14pt vet — mag op AA naar 3:1.
Vervangt dit de contrastchecker?
Nee, het komt erna. De checker vertelt je waar je staat en tegen welke niveaus; deze vertelt je wat je aan een zakker doet. Ze delen dezelfde contrastrekensom, dus de twee zullen elkaar nooit tegenspreken.
Help deze tool beter te maken
Een fout gevonden, iets anders willen, of mis je een tool?
Je hebt een niet-verzonden bericht.
Dank je — hij is binnen. Het antwoord vind je in je postvak.Go to my messages