Naar de inhoud

Kleurpaletgenerator FREE

Bouw een palet uit één kleur met de klassieke harmonieën en controleer daarna het contrast van elk paar voordat je kiest.

Gratis te gebruiken Geen registratie Privacy voorop

HEX, rgb(), hsl(), hwb(), oklch(), oklab(), lab(), lch(), color(display-p3 ...) of een CSS-kleurnaam.

Recent

Paletten

Welke paren leesbaar zijn

Elke kleur als tekst op elke andere. Het getal is de WCAG-contrastverhouding; AA is 4,5:1 voor normale tekst en 3:1 voor grote tekst en interface-elementen.

Palet kopiëren

Elke omrekening, elk palet en elke contrastwaarde op deze pagina wordt in je browser berekend. Een afbeelding die je hier neerzet wordt op een canvas in dit tabblad gelezen en nooit geüpload.

Hoe het werkt

Hoe de harmonieën worden gebouwd

Complementair, analoog, triadisch, tetradisch, gesplitst complementair en vierkant, berekend door de kleurtoon in OKLCH te draaien in plaats van in HSL. Dat maakt uit: draai een kleurtoon 120 graden in HSL en een van de drie uitkomsten oogt zichtbaar donkerder dan de andere, omdat de lichtheid van HSL een gemiddelde van kanalen is en niet iets wat het oog meet.

Elke kleur wordt getoond met het contrast op wit en op zwart, en het palet exporteert als CSS custom properties, SCSS-variabelen, JSON of een gewone lijst. Er wordt niets geüpload; het palet staat in deze browser en je kunt het wissen.

Bouw een beter web, sneller.

Wij bouwen maatwerksoftware en oplossingen afgestemd op jouw wensen.

Neem contact op