Kleuren

Primaire kleuren

Binnen het DSO gebruiken we vaste kleuren voor bepaalde functionaliteiten. Zo kunnen gebruikers de functionaliteit makkelijker herkennen. Hier leest u welke kleuren u waarvoor gebruikt.

Groen

Groen is de basiskleur voor het ontwerp van het DSO. Het geeft een rustige en natuurlijke uitstraling.

Gebruiken voor

  • Titels
  • Subtitels
  • Menutekst
  • Knoppen
  • Steunkleuren

Grasgroen

  • #39870c
  • rgb(57, 135, 12)

Grasgroen 80%

  • #609f3c
  • rgb(96, 159, 60)

Grasgroen 40%

  • #afcf9d
  • rgb(175, 207, 157)

Grasgroen 10%

  • #ebf3e6
  • rgb(235, 243, 230)

Bosgroen

  • #275937
  • rgb(39, 89, 55)

Bosgroen 80%

  • #527a5e
  • rgb(82, 122, 94)

Bosgroen 40%

  • #a8bcaf
  • rgb(168, 188, 175)

Bosgroen 10%

  • #e9eeeb
  • rgb(233, 238, 235)

Lime

Gebruik de kleur lime voor niet-essentiΓ«le beeldmerken, zoals het toevoegen van vinkjes na een successvolle post. Het is geen interactiekleur, in tegenstelling tot andere groenkleuren.

Lime

  • #79b929
  • rgb(121, 185, 41)

Lime 20%

  • #e4f1d4
  • rgb(228, 241, 212)

Mauve

Mauve is een accentkleur voor componenten in de Toolkit. Het wordt gebruikt als indicator voor het actieve menu en als achtergrond kleur voor de accordion.

Gebruiken voor

  • Accenten
  • Indicatoren

Mauve

  • #8b4a6a
  • rgb(140, 75, 107)

Zwart

De bodytekst is β€œZwart 90%” (#191919). β€œZwart 90%” is minder intensief dan echt zwart en verhoogt de leesbaarheid als er lange stukken tekst op de pagina staan.

Zwart 90%

  • #191919
  • rgb(25, 25, 25)

Zwart 60%

  • #666666
  • rgb(102, 102, 102)

Zwart 10%

  • #e5e5e5
  • rgb(229, 229, 229)

Zwart 5%

  • #f2f2f2
  • rgb(242, 242, 242)

Secundaire kleurenpalet

U kunt de secundaire kleuren gebruiken als u meer kleuren nodig heeft dan er primaire kleuren zijn. Denk bijvoorbeeld aan tabellen of grafieken waar u met kleurvariatie verschillende waarden duidelijk maakt.

Let op: gebruik deze kleuren alleen als het niet lukt met de primaire kleuren.

Geel

  • #dcd400
  • rgb(220, 213, 0)

Rood

  • #ce3f51
  • rgb(206, 63, 81)

Mintgroen

  • #3fb498
  • rgb(63, 180, 152)

Mauve

  • #8b4a6a
  • rgb(140, 75, 107)

Paars

  • #676cb0
  • rgb(104, 108, 176)

Donkerblauw

  • #2b5780
  • rgb(43, 87, 129)

Lichtblauw

  • #6ca4d9
  • rgb(108, 165, 218)

Bruin

  • #644f49
  • rgb(100, 80, 74)