Labs · Palette
Eén kleur. Een heel palet.
Kies je merkkleur en krijg een complete schaal van licht tot donker, passende kleurcombinaties en een check of je tekst leesbaar is.
Je kleurenschaal
Klik op een kleur om de code te kopiëren.
Kleuren die erbij passen
Complementair
Verwant
Triadisch
Is je tekst leesbaar?
Getoetst aan de WCAG-richtlijnen voor toegankelijkheid.
- AaWitte tekst op je kleur8.42 : 1AAA
- AaZwarte tekst op je kleur2.49 : 1Niet leesbaar
- AaJe kleur als tekst op wit8.42 : 1AAA
- AaJe kleur als tekst op donker2.35 : 1Niet leesbaar
Gebruik het in je code
:root {
--brand-50: #f8f5fe;
--brand-100: #ece5ff;
--brand-200: #dacbfd;
--brand-300: #c1a6f9;
--brand-400: #a982f0;
--brand-500: #8f63d9;
--brand-600: #7547bb;
--brand-700: #6231a4;
--brand-800: #461f79;
--brand-900: #33105d;
--brand-950: #1e013e;
}Een complete huisstijl nodig?
Kleur is één onderdeel. We bouwen het hele merk: logo, typografie en alles wat erbij hoort.