Slop Colors · gratis, in je browser
Kleurcontrast controleren volgens WCAG
Grijze tekst op wit ziet er strak uit, tot niemand hem nog kan lezen. Typ de twee kleuren en Slop Colors geeft de WCAG-verhouding, welke niveaus slagen, en de dichtstbijzijnde tekstkleur die dat wel haalt.
Zo doe je het
- Scrol naar Contrastcontrole (WCAG 2) en typ de tekstkleur en de achtergrondkleur, als HEX, RGB, HSL of OKLCH.
- Lees de verhouding en de vijf resultaten af: AA en AAA voor normale tekst, AA en AAA voor grote tekst, en onderdelen van de interface en afbeeldingen.
- Bekijk het voorbeeld: grote tekst en een alinea in je twee kleuren.
- Als AA voor normale tekst faalt, klik je op De tekstkleur corrigeren: de tekstkleur behoudt zijn tint en wordt net zo licht of donker dat hij slaagt.
- Klik op Omwisselen om de kleuren andersom te controleren.
Je bestanden blijven op dit apparaat: Slop Colors draait in je browser, zonder upload, zonder account en zonder watermerk.
Vragen
Welke verhoudingen vraagt WCAG?
Niveau AA vraagt 4,5:1 voor normale tekst en 3:1 voor grote tekst (24 px, of 18,66 px vet) en voor onderdelen van de interface en afbeeldingen. Niveau AAA vraagt 7:1 en 4,5:1.
Waarom staat er 4,47 en niet 4,48?
De verhouding wordt naar beneden afgerond, zoals de controle van WebAIM hem toont, dus een paar van 4,499 wordt nooit als geslaagd voor 4,5 getoond.
Kan het een kleur van mijn scherm controleren?
In Chrome en Edge kiest Kiezen van het scherm elke pixel op je scherm. Gebruik die daarna als tekstkleur of achtergrond vanuit het deelvenster.
Wordt er iets geüpload?
Nee. De kleuren worden door de pagina in je browser gecontroleerd; er wordt niets ergens naartoe gestuurd.
Meer met Slop Colors
- Kleuren kiezen uit een afbeelding
- Een kleurenpalet maken van één kleur
- HEX omzetten naar RGB, HSL, OKLCH of CMYK
Verwante apps
PhotoSlop
Live
Photoshop, opnieuw gebouwd voor de browser.
SlopVector
Live
Illustrator, opnieuw gebouwd voor de browser.
SlopIsolate
Bèta
Achtergronden verwijderen met AI die op je apparaat draait.