# Kleuren
Het kleurenpalet van de HAN bestaat uit drie primaire kleuren die sterk contrasteren met elkaar. Deze kleuren worden gebruikt voor knoppen, teksten en andere grafische elementen. Het primaire kleurenpalet wordt ondersteund door een zestal grijswaarden. Het secundaire en tertiaire kleurenpalet wordt alleen gebruikt in gevallen waar veel kleuren nodig zijn zoals uitgebreide grafieken of bij validatie van berichten en velden.
# Primaire kleuren
# Waardes
- Roze #E50056 (Hover #B70045)
- Zwart #000000
- Wit #FFFFFF
# Leesbaarheid teksten
De leesbaarheid van een tekst is sterk afhankelijk van het contrast tussen tekst en achtergrondskleur, hoe groot de tekst is en of deze bold is of niet. Vanuit accessibility zijn hier meetbare criteria voor opgesteld zodat je kunt testen of je typografie toegankelijk is. Er zijn drie niveaus:
- AAA (hoogste niveau),
- AA (goed toegankelijk),
- A (slecht toegankelijk).
Vanuit accessibility is AA goed genoeg.
Per niveau test je op kleine tekst (14pt) en grote tekst (18pt, bold).
Online testen met http://accessible-colors.com/ (opens new window) In Sketch of Adobe XD de plugin Stark (opens new window)
# Grijswaarden
# Waardes
- #111111
- #454545
- #757575
- #919191
- #E3E3E3
- #F8F8F8
# Overige kleuren
# Notificatie kleuren
Voor validatie van velden en notificatie statussen.
Tekst in de notificatie kleuren op witte of zwarte achtergrond
Zwarte of witte tekst op notificatie kleuren
# Waardes
- Rood #E10000
- Groen #1F883D
# Secundaire kleuren
Niet gebruiken voor tekst
# Waardes
- HAN Groen #7AC48E
- HAN Oranje #F5A846
- HAN Blauw #6AC3ED
# Tertiaire kleuren
Niet gebruiken voor tekst
# Waardes
- HAN Olijf #BBD773
- HAN Geel #F8E260
- HAN Koraal #EB5241
- HAN Violet #B14196
- HAN Navy #325CA7
← Iconen Typografie →