Op deze pagina staan alle verschillende kleurcombinaties om contrast te kunnen controleren.
WCAG 2.2 succes-criterium 1.4.3 (niveau AA) vraagt om een
contrast van 4.5:1 op normale tekst en 3:1 op grote tekst.
WCAG 2.2 succes-criterium 1.4.6 (niveau AAA) vraagt om een
contrast van 7:1 op normale tekst en 4.5:1 op grote tekst.
WCAG 2.2 succes-criterium 1.4.11 (niveau AA) vraag om een
contrast van 3:1 van niet-tekstuele content (componenten van de
gebruikersinterface en functionele grafische elementen).
Waar mogelijk wordt de volle kleur (de officiële 100% tint) gebruikt. Hier wordt
alleen van afgeweken indien het tekstcontrast anders ontoereikend is. In dat geval wordt bij voorkeur een andere
combinatie van officiële tinten gebruikt. Alleen als ook dat niet voldoende contrast
heeft, wordt een niet-officiële kleur gebruikt die is afgeleid van de
officiële 100% tint (op basis van oklch chroma).
Elke communicatiekleur is beschikbaar in een basis-variant die voldoet aan
WCAG succes-criterium 1.4.3 en een "AAA"-variant die voldoet aan
succes-criterum 1.4.6.
Logoblauw
Logoblauw (AAA)
Paars
Paars (AAA)
Violet
Violet (AAA)
Robijnrood
Robijnrood (AAA)
Roze
Roze (AAA)
Rood
Rood (AAA)
Oranje
Oranje (AAA)
Donkergeel
Donkergeel (AAA)
Geel
Geel (AAA)
Donkerbruin
Donkerbruin (AAA)
Bruin
Bruin (AAA)
Donkergroen
Donkergroen (AAA)
Groen
Groen (AAA)
Mosgroen
Mosgroen (AAA)
Mintgroen
Mintgroen (AAA)
Donkerblauw
Donkerblauw (AAA)
Hemelblauw
Hemelblauw (AAA)
Lichtblauw
Lichtblauw (AAA)
Notificaties
Berichten hebben een achtergrondkleur op basis van het type bericht.
Voor intern gebruik binnen dit project is een volledige kleurenset opgesteld op basis van de officiële communicatiekleuren van de Rijkshuisstijl. De kleuren
kunnen geïmporteerd worden uit de module "./scss/colors/palette"
maar zijn op dit moment niet onderdeel van de publieke API
van het thema. Zie de pagina Communicatiekleuren voor instructies
hoe je een communicatiekleur kan toepassing in je project.
Deze kleurenset omvat alle officiële tinten van de Rijkshuisstijl, en vult deze
aan met tinten die zijn afgeleid van de volle kleur. Afgeleide tinten hebben
dezelfde oklch chroma-waarde als de officiële 100% tint.
Overzicht van de kleurenset gebaseerd op de Rijkshuisstijl
communicatiekleuren. Cellen met een kleurvoorbeeld zonder tekst bevatten
een afgeleide tint.
Rijksoverheid