Kleurconverter
Plak een HEX-, RGB-, HSL- of kleurnaam en krijg alle formaten in één keer, met een WCAG-contrastcontrole.
- Draait op je apparaat
- Geen registratie
- Werkt offline na een bezoek
Accepteert #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() of een CSS-kleurnaam zoals rebeccapurple.
—————- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
Elke verhouding is WCAG 2.x. Grote tekst is 24px of groter, of 18.66px en vet. Slagingsgrenzen worden gecontroleerd op de exacte verhouding, en een transparante kleur wordt eerst over elke achtergrond gemengd.
Zo een kleurcode omzetten
- Typ een HEX-, rgb()- of hsl()-waarde of een kleurnaam, of kies er een met het staaltje.
- Kopieer het formaat dat je nodig hebt uit de vijf resultaten.
- Lees de contrastverhouding en de AA- of AAA-markering op wit, op zwart en op een achtergrond naar keuze.
Vragen
Waarom is de CMYK-waarde maar benaderend?
CMYK hangt af van de inkt, het papier en het kleurprofiel van de drukker. Deze converter gebruikt de gewone rekenformule, die alle drie negeert. Een gedrukte kleur zal daardoor afwijken van het scherm. Vraag de drukker om een proef voordat je een grote oplage laat drukken.
Hoe wordt de contrastverhouding berekend?
WCAG 2.x neemt de relatieve luminantie van elke kleur, op basis van de rode, groene en blauwe waarden na gammacorrectie. De verhouding is de lichtere luminantie plus 0.05, gedeeld door de donkerdere luminantie plus 0.05. Zwart op wit geeft 21:1, het hoogst mogelijke.
Welke grenzen gebruikt de controle?
WCAG 2.x vraagt minimaal 4.5:1 voor normale tekst en 3:1 voor grote tekst op niveau AA, en 7:1 respectievelijk 4.5:1 op niveau AAA. Grote tekst is 24px of groter, of 18.66px en vet.
Welke kleurformaten accepteert het veld?
Hexcodes met drie, zes of acht cijfers, rgb() en rgba(), hsl() en hsla(), en CSS-kleurnamen zoals rebeccapurple. De browser leest de waarde, dus alles wat de browser als CSS-kleur herkent, werkt.
Beoordelingen
Nog geen beoordelingen. Wees de eerste.