Merkpalet controleren
Controleer alle kleurcombinaties van je merkpalet in één keer op toegankelijk contrast. Plak tot 24 kleuren, één per regel, eventueel met naam, en je krijgt een tabel met de contrastverhoudingen volgens WCAG 2.2 en een lijst van de paren die slagen. Gratis, en er wordt niets verstuurd.
Zo controleer je een merkpalet op toegankelijke paren
- 1Plak je kleuren, één per regel, met een naam ervoor of erachter
- 2Kies het "Te halen niveau"
- 3Lees de tabel: tekstkleuren links, achtergronden bovenaan
- 4Kies tekst en achtergrond uit de paren die slagen
- Een contrasttabel en elk paar dat jouw niveau haalt
Wat de controle laat zien
- Alle paren tegelijk.Zes kleuren geven 36 verhoudingen, elk gemarkeerd of hij jouw niveau haalt
- Je namen blijven staan.Schrijf "Primary #2563EB" of "#F59E0B accent" en de tabel en de lijst tonen je namen
- Er wordt niets verstuurd.Je palet wordt door je browser op je eigen apparaat gecontroleerd
Wat je kunt doen
- Tot 24 kleuren in één tabel tegen elkaar afzetten
- Het niveau kiezen: "Lopende tekst, AA (4,5:1)", "Lopende tekst, AAA (7:1)" of "Grote tekst en pictogrammen, AA (3:1)"
- Kleuren schrijven als #hex, rgb(), hsl(), lab(), oklch() en de andere CSS-notaties, of als CSS-kleurnaam
- Elk geslaagd paar als voorbeeld zien, de tekst in de ene kleur op de andere, met de verhouding erbij
- Typfouten vinden: regels die niet als kleur te lezen zijn, staan onder de tabel
Goed om te weten
- Alleen de eerste 24 kleuren worden gelezen. Regels daarna vallen weg zonder melding
- Contrast is in beide richtingen gelijk, dus de lijst toont elk paar één keer, welke kleur ook de tekst is
- De verhoudingen volgen WCAG 2.2 en worden naar beneden afgerond, dus 4,5:1 in de tabel slaagt echt. Transparantie telt niet mee
- Elke kleur wordt vóór de vergelijking afgerond op zijn HEX-waarde
Vragen
Wat doet een merkpaletchecker?
Hij zet elke kleur van je palet af tegen elke andere en controleert het WCAG-contrast. In plaats van paren één voor één te testen, zie je in één oogopslag welke combinaties werken voor tekst.
Hoeveel paren van het voorbeeldpalet halen AA?
De tool opent met zes voorbeeldkleuren. Vijf paren halen 4,5:1 voor lopende tekst, twee halen 7:1 voor AAA en acht halen 3:1 voor grote tekst en pictogrammen.
Kan ik kleuren rechtstreeks uit mijn stijlgids plakken?
Ja. Eén kleur per regel, met een naam ervoor of erachter, zoals "Ink #1C2428". De naam blijft staan en verschijnt in de tabel.
Wordt mijn merkpalet naar een server gestuurd?
Nee. Het contrast wordt door je browser op je eigen apparaat berekend, en er gaat geen verzoek met je kleuren de deur uit.
Meer tools in Web en code
Deze pagina bestaat niet. Zoek hieronder of sleep een bestand hierheen om de tool te vinden die je nodig hebt.
Eén site voor elke bestandsklus. Wat is de jouwe?
Stop met hoppen tussen convertersites. Kies uit 410+ tools, of een recipe die er meerdere achter elkaar zet.
- Bestanden blijven op je apparaat
- Geen watermerk
- Werkt offline
Sleep een bestand hierheen
Een geplakt bestand werkt ook.
of zoek een tool
Open een app
Van ‘ugh, dit bestand’ naar klaar, in drie stappen.
- Sleep het erin, of kies een taak
Geen bestand? Zoek wat je nodig hebt. Bestanden worden op je eigen apparaat verwerkt, niet geüpload voor verwerking.
- Kies wat je wilt
Kleiner, een ander formaat, ondertekend, samengevoegd. Eén klik, zonder eerst instellingen te bestuderen.
- Maak er een recept van
Elke week dezelfde drie stappen? Zet ze één keer achter elkaar en voer de volgende keer hetzelfde recept uit.
Eén goedgekeurde gereedschapskist voor het hele team.
Op kantoor, op de bouwplaats of bij een bureau: teams werken de hele dag met vertrouwelijke bestanden. ToolRecipe geeft iedereen dezelfde tools en dezelfde recepten, en de bestanden worden verwerkt op ieders eigen computer.
- Bestanden worden verwerkt op het apparaat van de medewerker
- Bedrijfsrecepten die iedereen op dezelfde manier uitvoert
- Eén plek in plaats van tien converteersites