# 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

Color-Atlassian_Design

# 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)