Inloggen Account aanvragen

Online kleuren

Voor online gebruik kun je alle kleuren uit het kleurenpalet kiezen. Een kleur is vrij te kiezen en dus niet te claimen. Voor online toepassingen kan je uit 17 kleuren uit het kleurenpalet kiezen. Je kiest in principe 1 basiskleur met 2 aanvullende lichte tinten ter ondersteuning. Deze tinten mogen ook in kaders en tabellen als achtergrondkleur worden toegepast.

Verder zijn er 7 neutrale grijstinten ter ondersteuning, bijvoorbeeld voor achtergronden of kaders in tabellen. De oude intranetkleur #a8cad2 zal worden uitgefaseerd, omdat er geen onderscheid meer wordt gemaakt tussen intranet en internet.

De online kleuren van de rijkshuisstijl zijn als kleurstalen bibliotheek beschikbaar. Dit '.ase'-bestand kun je in Adobe software pakketten zoals Photoshop, Illustrator en Indesign importeren.

Overzicht van de 17 communicatiekleuren en 7 ondersteunende grijstinten

Overzicht van de 17 communicatiekleuren en 7 ondersteunende grijstinten

Kleur Tekst kleur RGB Hex volle kleur Hex lichte tint Hex lichtste tint
Violet wit 169/0/97 #a90061 #e5b2cf #f2d9e7
Roze zwart 240/146/205 #f092cd #fadef0  #fdeff8
Rood wit 213/43/30 #d52b1e #f2bfbb #f9dfdd
Robijnrood wit 202/0/93 #ca005d #efb2ce #f7d9e7
Paars wit 66/20/95 #42145f #c6b8cf #e3dce7
Oranje zwart 225/112/0 #e17000 #f6d4b2 #fbead9
Mosgroen wit 119/124/0 #777c00 #d6d7b2 #ebebd9
Mintgroen zwart 118/210/182 #76d2b6 #d6f1e9 #ebf8f4
Lichtblauw zwart 143/202/231 #8fcae7 #ddeff8 #eef7fb
Hemelblauw wit 0/123/199 #007bc7 #b2d7ee #d9ebf7
Groen wit 57/135/12 #39870c #c3dbb6 #e1eddb
Geel zwart 249/225/30 #f9e11e #fdf6bb #fefbdd
Donkergroen wit 39/89/55 #275937 #becdc3 #dfe6e1
Donkergeel zwart 255/182/18 #ffb612 #ffe9b7 #fff4dc
Donkerbruin wit 103/51/39 #673327 #d1c1be #e8e1df
Bruin wit 148/113/0 #94710a #dfd4b5 #efeada
Donkerblauw wit 1/104/155 #01689b   #cce0f1 #e5f0f9
Naam Hex

Grijs 1

#f3f3f3

Grijs 2

#e6e6e6

Grijs 3

#cccccc

Grijs 4

#b4b4b4

Grijs 5

#999999

Grijs 6

#696969

Grijs 7

#535353

Kleurgebruik in tekst

Voor toepassing van kleur in teksten is het belangrijk dat de leesbaarheid gewaarborgd blijft. De Webrichtlijnen hanteren hiervoor een drempelwaarde in contrast tussen de tekst en de achtergrond. Dit contrast kun je meten met de online colour contrast checker.

Alle online rijkshuisstijl kleuren voldoen aan de drempelwaarde wanneer je ze toepast met zwarte of witte tekst. Onderstaande quick reference schema’s tonen ook andere kleurcombinaties die aan de drempelwaarde voldoen. Er wordt onderscheid gemaakt tussen tekst kleiner en groter dan 18 pt.

Voor toepassing met tintpercentages raadpleeg je de online colour contrast checker.

Toegestane kleurcombinaties voor tekst kleiner dan 18 pt.

Toegestane kleurcombinaties voor tekst kleiner dan 18 pt.

Toegestane kleurcombinaties voor tekst groter dan 18 pt.

Toegestane kleurcombinaties voor tekst groter dan 18 pt.

Aandachtspunten:

  • Voor kleurcombinaties: kies in eerste instantie altijd voor witte of zwarte tekst op een gekleurde achtergrond. In tweede instantie zijn andere kleurcombinaties toegestaan mits de drempelwaarde in contrast wordt gehaald.
  • Gebruik geen rode kleuren voor buttons. Dit is verwarrend omdat rood ook bij ‘waarschuwingen’ en ‘foutmeldingen’ wordt toegepast.
  • Bij de kleurkeuze van de header mag je ook de dossiernaam in die kleur toepassen. Maar de lichte kleuren roze, geel, donkergeel, lichtblauw en mintgroen voldoen niet aan de drempelwaarde kleurcontrast bij een witte achtergrond. In deze gevallen kies je voor een alternatief uit het kleurenpalet.