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.

Hulp nodig met een UX- of webdesignproject?

Ik help je graag verder.

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.

Contact

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.

Hulp nodig met een UX- of webdesignproject?

Ik help je graag verder.

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.

Contact

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.

Hulp nodig met een UX- of webdesignproject?

Ik help je graag verder.

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.