Kleur · T-01
Kleurcontrast controleren
Kies een tekstkleur en een achtergrond. Kleurstaal rekent de contrastverhouding uit volgens WCAG 2.2, toont hoe het eruitziet en stelt de dichtstbijzijnde kleur voor die wel slaagt.
Je bestanden blijven op je toestel
Vragen
Goed om te weten
Welke verhouding heb ik nodig?
Voor gewone tekst minstens 4,5 op 1 (AA) en liefst 7 op 1 (AAA). Grote tekst, vanaf 24 pixels of 18,66 pixels vet, mag 3 op 1 (AA) of 4,5 op 1 (AAA). Randen van knoppen, velden en iconen hebben minstens 3 op 1 nodig.
Hoe komt Kleurstaal aan het voorstel?
Kleurstaal houdt de tint en de verzadiging van je kleur vast in OKLCH en maakt ze alleen lichter of donkerder, in kleine stapjes, tot de verhouding gehaald wordt. De kant met de kleinste verandering wint.
Rekent Kleurstaal ook APCA uit?
Nee. APCA is een voorstel voor de toekomstige WCAG 3 en nog geen norm, en de officiële rekencode heeft een eigen licentie die niet vrij is. Kleurstaal houdt zich aan WCAG 2.2, de norm achter de Europese toegankelijkheidswet.
Zo werkt het
Kleurcontrast controleren in drie stappen
Twee kleuren
Typ of plak een tekstkleur en een achtergrond, in hex, rgb, hsl, oklch of als naam. Of kies ze met de kleurkiezer.
Lees het oordeel
De verhouding staat groot bovenaan; daaronder zie je of ze slaagt voor gewone tekst, grote tekst en knoppen.
Neem een voorstel
Slaagt ze niet, dan zoekt Kleurstaal de dichtstbijzijnde kleur in dezelfde tint die wel slaagt. Eén klik en ze staat in het veld.