Kleuren kiezen voor een website
Een interface heeft meestal alleen een hoofdkleur voor je merk nodig, een accentkleur voor acties (knoppen, links) en een grijsschaal voor achtergronden, randen en tekst. Blijf consequent door altijd dezelfde HEX-codes te gebruiken, en pas ze toe met CSS-variabelen.
Kopieer het palet als CSS
Elke kaart heeft een knop die de CSS van alle vijf kleuren kopieert. Plak die in je stylesheet en geef de variabelen een naam die bij je project past. Je kunt ook één kleur kopiëren door erop te tikken.
Contrast en toegankelijkheid
Controleer voor je publiceert of je tekst goed leesbaar is op de achtergrond. Gebruik de contrast checker om te zien of je voldoet aan WCAG-niveau AA of AAA. Dat is belangrijk voor toegankelijkheid en voor SEO.
Wil je zelf een palet maken vanaf nul? Probeer de kleurenpalet generator, haal een kleurenpalet uit een afbeelding of controleer je kleurcontrast.