Home > Contrastanalyse
Contrastanalyse
Controleer of je website toegankelijk is volgens de WCAG 2.1 richtlijnen.
Analysetool
Hex-kleurcodes
Informatie
Analysetool
Vul de hex-kleurcodes in bij voor- en achtergrondkleur. Voldoet het contrast niet aan de AA-norm? Pas dan de tint aan met de schuifbalk.
Analysetool
Hex-kleurcodes
Informatie
Hex-kleurcodes ophalen
Weet je niet precies welke hexadecimale kleurcodes je website gebruikt? Geen probleem! Vul hieronder de URL van je website in en wij halen automatisch alle gebruikte kleurcodes voor je op.
Hoe vind je de hex-kleurcodes in je browser?
In deze video’s laat ik zien hoe je eenvoudig de hex-kleurcodes van je website kan ophalen.
Chrome
- Ga naar inspecteren via de rechtermuisklik
- Klik op de inspectietool
- Hover over een element
- De hex-kleurcode verschijnt in het infovenster
Mozilla Firefox
- Ga naar inspecteren via de rechtermuisklik
- Klik op de pipet
- Hover over een element
- Klik om de kleurcode te kopieren
Analysetool
Hex-kleurcodes
Informatie
Maak je website toegankelijker
Sinds 28 juni 2025 zijn bedrijven in België verplicht om hun websites en digitale producten toegankelijk te maken voor mensen met een visuele beperking. Deze verplichting komt er via de implementatie van de European Accessibility Act (EAA). Dit geldt in eerste instantie voor ondernemingen met meer dan 10 werknemers of een jaaromzet vanaf 2 miljoen euro.
Ruim 1 op de 5 Belgen heeft een langdurige beperking, waaronder heel wat mensen met een visuele beperking. Door je website toegankelijk te maken, bereik je dus niet alleen meer mensen, maar je voldoet ook aan de nieuwe wetgeving.
Controleer eenvoudig het kleurcontrast van je website
Met deze tool zie je snel of je websitekleuren voldoen aan de toegankelijkheidsnormen (WCAG 2.1 niveau AA):
- Minimaal contrast van 4.5:1 voor gewone tekst
- Minimaal 3:1 voor grote of vetgedrukte tekst (vanaf 18 pixels of 14 pixels vet)
Ook de grootte en dikte van je lettertype maken een verschil. In de tool kan je dat eenvoudig instellen. We geven daarnaast ook aan of je ontwerp voldoet aan de strengere AAA-richtlijnen, al is niveau AA enkel wettelijk voldoende in België.
Wat is een hexadecimale code of kortweg hexcode?
Een hexcode is een manier om kleuren te beschrijven met behulp van getallen en letters in het hexadecimale talstelsel (dat is een getallenstelsel met 16 cijfers: 0–9 en A–F). Deze codes worden vooral gebruikt in webdesign en digitale vormgeving om kleuren aan te geven in bijvoorbeeld HTML of CSS.
Een hexcode begint altijd met een hekje (‘#’), gevolgd door zes tekens:
#RRGGBB
- RR = hoeveelheid rood
- GG = hoeveelheid groen
- BB = hoeveelheid blauw
Deze codes worden vooral gebruikt in webdesign en digitale vormgeving om kleuren aan te geven in bijvoorbeeld HTML of CSS.
Contacteer mij
Je website project samen bespreken?
Afspraak maken
Disclaimer voor het gebruik van de contrastanalyse tool
Deze tool helpt bij het beoordelen van kleurcontrast volgens de WCAG-richtlijnen. De resultaten zijn indicatief en bedoeld als ondersteuning bij toegankelijke vormgeving.
Gebruik is op eigen verantwoordelijkheid. De ontwikkelaar (bramgx.be) is niet aansprakelijk voor gevolgen van beslissingen op basis van deze tool.
De tool vervangt geen volledige toegankelijkheidsaudit en houdt geen rekening met alle contextuele factoren.
Wijzigingen of stopzetting kunnen zonder voorafgaande melding plaatsvinden.
Gratis redesign
Home > Contrastanalyse
Contrastanalyse
Controleer of je website toegankelijk is volgens de WCAG 2.1 richtlijnen.
Analysetool
Hex-kleurcodes ophalen
Informatie
Analysetool
Vul de hex-kleurcodes in bij voor- en achtergrondkleur. Voldoet het contrast niet aan de AA-norm? Pas dan de tint aan met de schuifbalk.
Analysetool
Hex-kleurcodes ophalen
Informatie
Hex-kleurcodes ophalen
Weet je niet precies welke hexadecimale kleurcodes je website gebruikt? Geen probleem! Vul hieronder de URL van je website in en wij halen automatisch alle gebruikte kleurcodes voor je op.
Hoe vind je de hex-kleurcodes in je browser?
In deze video’s laat ik zien hoe je eenvoudig de hex-kleurcodes van je website kan ophalen.
Chrome
- Ga naar inspecteren via de rechtermuisklik
- Klik op de inspectietool
- Hover over een element
- De hex-kleurcode verschijnt in het infovenster
Mozilla Firefox
- Ga naar inspecteren via de rechtermuisklik
- Klik op de pipet
- Hover over een element
- Klik om de kleurcode te kopieren
Analysetool
Hex-kleurcodes ophalen
Informatie
Maak je website toegankelijker
Sinds 28 juni 2025 zijn bedrijven in België verplicht om hun websites en digitale producten toegankelijk te maken voor mensen met een visuele beperking. Deze verplichting komt er via de implementatie van de European Accessibility Act (EAA). Dit geldt in eerste instantie voor ondernemingen met meer dan 10 werknemers of een jaaromzet vanaf 2 miljoen euro.
Ruim 1 op de 5 Belgen heeft een langdurige beperking, waaronder heel wat mensen met een visuele beperking. Door je website toegankelijk te maken, bereik je dus niet alleen meer mensen, maar je voldoet ook aan de nieuwe wetgeving.
Controleer eenvoudig het kleurcontrast van je website
Met deze tool zie je snel of je websitekleuren voldoen aan de toegankelijkheidsnormen (WCAG 2.1 niveau AA):
- Minimaal contrast van 4.5:1 voor gewone tekst
- Minimaal 3:1 voor grote of vetgedrukte tekst (vanaf 18 pixels of 14 pixels vet)
Ook de grootte en dikte van je lettertype maken een verschil. In de tool kan je dat eenvoudig instellen. We geven daarnaast ook aan of je ontwerp voldoet aan de strengere AAA-richtlijnen, al is niveau AA enkel wettelijk voldoende in België.
Wat is een hexadecimale code of kortweg hexcode?
Een hexcode is een manier om kleuren te beschrijven met behulp van getallen en letters in het hexadecimale talstelsel (dat is een getallenstelsel met 16 cijfers: 0–9 en A–F). Deze codes worden vooral gebruikt in webdesign en digitale vormgeving om kleuren aan te geven in bijvoorbeeld HTML of CSS.
Een hexcode begint altijd met een hekje (‘#’), gevolgd door zes tekens:
#RRGGBB
- RR = hoeveelheid rood
- GG = hoeveelheid groen
- BB = hoeveelheid blauw
Deze codes worden vooral gebruikt in webdesign en digitale vormgeving om kleuren aan te geven in bijvoorbeeld HTML of CSS.
Je website project samen bespreken?
Afspraak maken
Contacteer mij
Disclaimer voor het gebruik van de contrastanalyse tool
Deze tool helpt bij het beoordelen van kleurcontrast volgens de WCAG-richtlijnen. De resultaten zijn indicatief en bedoeld als ondersteuning bij toegankelijke vormgeving.
Gebruik is op eigen verantwoordelijkheid. De ontwikkelaar (bramgx.be) is niet aansprakelijk voor gevolgen van beslissingen op basis van deze tool.
De tool vervangt geen volledige toegankelijkheidsaudit en houdt geen rekening met alle contextuele factoren.
Wijzigingen of stopzetting kunnen zonder voorafgaande melding plaatsvinden.
Gratis redesign
Home > Contrastanalyse
Contrastanalyse
Controleer of je website toegankelijk is volgens de WCAG 2.1 richtlijnen.
Analysetool
Hex-kleurcodes ophalen
Informatie
Analysetool
Vul de hex-kleurcodes in bij voor- en achtergrondkleur. Voldoet het contrast niet aan de AA-norm? Pas dan de tint aan met de schuifbalk.
Analysetool
Hex-kleurcodes ophalen
Informatie
Hex-kleurcodes ophalen
Weet je niet precies welke hex-kleurcodes je website gebruikt? Geen probleem!
Vul hieronder de URL van je website in en wij halen automatisch de kleurcodes voor je op.
Hoe vind je de hex-kleurcodes in je browser?
In deze video’s laat ik zien hoe je eenvoudig de hex-kleurcodes van je website kan ophalen.
Chrome
- Ga naar inspecteren via de rechtermuisklik
- Klik op de inspectietool
- Hover over een element
- De hex-kleurcode verschijnt in het infovenster
Mozilla Firefox
- Ga naar inspecteren via de rechtermuisklik
- Klik op de pipet
- Hover over een element
- Klik om de kleurcode te kopieren
Analysetool
Hex-kleurcodes ophalen
Informatie
Maak je website toegankelijker
Sinds 28 juni 2025 zijn bedrijven in België verplicht om hun websites en digitale producten toegankelijk te maken voor mensen met een visuele beperking. Deze verplichting komt er via de implementatie van de European Accessibility Act (EAA). Dit geldt in eerste instantie voor ondernemingen met meer dan 10 werknemers of een jaaromzet vanaf 2 miljoen euro.
Ruim 1 op de 5 Belgen heeft een langdurige beperking, waaronder heel wat mensen met een visuele beperking. Door je website toegankelijk te maken, bereik je dus niet alleen meer mensen, maar je voldoet ook aan de nieuwe wetgeving.
Controleer eenvoudig het kleurcontrast van je website
Met deze tool zie je snel of je websitekleuren voldoen aan de toegankelijkheidsnormen (WCAG 2.1 niveau AA):
- Minimaal contrast van 4.5:1 voor gewone tekst
- Minimaal 3:1 voor grote of vetgedrukte tekst (vanaf 18 pixels of 14 pixels vet)
Ook de grootte en dikte van je lettertype maken een verschil. In de tool kan je dat eenvoudig instellen. We geven daarnaast ook aan of je ontwerp voldoet aan de strengere AAA-richtlijnen, al is niveau AA enkel wettelijk voldoende in België.
Wat is een hexadecimale code of kortweg hexcode?
Een hexcode is een manier om kleuren te beschrijven met behulp van getallen en letters in het hexadecimale talstelsel (dat is een getallenstelsel met 16 cijfers: 0–9 en A–F).
Een hexcode begint altijd met een hekje (‘#’), gevolgd door zes tekens:
#RRGGBB
- RR = hoeveelheid rood
- GG = hoeveelheid groen
- BB = hoeveelheid blauw
Deze codes worden vooral gebruikt in webdesign en digitale vormgeving om kleuren aan te geven in bijvoorbeeld HTML of CSS.
Je website project samen bespreken?
Afspraak maken
Disclaimer voor het gebruik van de contrastanalyse tool
Deze tool helpt bij het beoordelen van kleurcontrast volgens de WCAG-richtlijnen. De resultaten zijn indicatief en bedoeld als ondersteuning bij toegankelijke vormgeving.
Gebruik is op eigen verantwoordelijkheid. De ontwikkelaar (bramgx.be) is niet aansprakelijk voor gevolgen van beslissingen op basis van deze tool.
De tool vervangt geen volledige toegankelijkheidsaudit en houdt geen rekening met alle contextuele factoren.
Wijzigingen of stopzetting kunnen zonder voorafgaande melding plaatsvinden.