Zo werkt het
- Voer een kleurcode of kleurnaam in en klik op Toepassen.
- Kies bij Vergelijken met een tweede kleur om het contrast te controleren.
- Klik op Link kopiëren om je gekozen kleur te delen.
Voorbeelden
Kleur uit je huisstijl omzetten
#2451E8
HEX: #2451E8 RGB: rgb(36, 81, 232) HSL: hsl(226, 81%, 53%) HSV: hsv(226, 84%, 91%) CMYK: cmyk(84%, 65%, 0%, 9%) Naam: ≈ MediumSlateBlue t.o.v. wit: 6.14:1 — ✓ AA, ✓ AA groot, ✕ AAA, ✓ AAA groot t.o.v. zwart: 3.41:1 — ✕ AA, ✓ AA groot, ✕ AAA, ✕ AAA groot
De HTML-kleurcode voor beige opzoeken
beige
HEX: #F5F5DC RGB: rgb(245, 245, 220) HSL: hsl(60, 56%, 91%) HSV: hsv(60, 10%, 96%) CMYK: cmyk(0%, 0%, 10%, 4%) Naam: Beige t.o.v. wit: 1.10:1 — ✕ AA, ✕ AA groot, ✕ AAA, ✕ AAA groot t.o.v. zwart: 18.97:1 — ✓ AA, ✓ AA groot, ✓ AAA, ✓ AAA groot
Oranje RGB-kleur omzetten voor CSS
rgb(255, 136, 0)
HEX: #FF8800 RGB: rgb(255, 136, 0) HSL: hsl(32, 100%, 50%) HSV: hsv(32, 100%, 100%) CMYK: cmyk(0%, 47%, 100%, 0%) Naam: ≈ DarkOrange t.o.v. wit: 2.39:1 — ✕ AA, ✕ AA groot, ✕ AAA, ✕ AAA groot t.o.v. zwart: 8.77:1 — ✓ AA, ✓ AA groot, ✓ AAA, ✓ AAA groot
HTML-kleurnamen (148)
Alle 148 CSS-kleurnamen die moderne browsers ondersteunen, gegroepeerd per kleurfamilie. Klik op een rij om de kleur te laden, of klik op een HEX- of RGB-waarde om die te kopiëren.
| Kleur | Naam | HEX | RGB |
|---|
Veelgestelde vragen
Hoe achterhaal ik een kleurcode op mijn scherm?
Klik op Kiezen van scherm en selecteer de kleur op je scherm. Deze knop verschijnt alleen als je browser de EyeDropper API ondersteunt.
Welk kleurcontrast voldoet aan WCAG?
Voor WCAG 2.x AA is minimaal 4,5:1 nodig voor gewone tekst en 3:1 voor grote tekst. Voor AAA zijn de grenzen 7:1 en 4,5:1; de tool toont welke drempels je kleurencombinatie haalt.
Kan ik kleurcodes met transparantie gebruiken?
Je kunt een kleurcode met alpha invoeren, maar de tool negeert de transparantie en meldt dit. De getoonde kleurwaarden zijn altijd zonder transparantie.
Kan ik de CMYK-waarden gebruiken voor drukwerk?
De CMYK-waarden zijn een benadering zonder kleurprofiel. Gebruik voor drukwerk het kleurprofiel van je drukker.