
Voer één basiskleur in en de tool genereert 9 harmonieuze kleurpaletten: monochromatisch, complementair, triadisch, pastel en meer. Elke kleur kan worden gekopieerd met zijn HEX-code.
Monochromatisch palet
Alle kleuren hebben dezelfde tint (H) en variëren voornamelijk in helderheid (L) in de HSL-kleurruimte.
#0b28ba
#153af2
#4f6bf5
#899cf8
#c3ccfc
Triadisch palet
Drie tinten gescheiden door 120 op het kleurenwiel (hoekpunten van een gelijkzijdige driehoek) – een geometrie die vaak wordt gebruikt in branding en Bauhaus-geïnspireerd design.
#4f6bf5
#f43757
#7ff667
#f87f94
#42f21f
Gesplitst complementair palet
Een variant van het complementaire palet: in plaats van één complement (180), worden twee kleuren gebruikt die ongeveer ±30 van het complement zijn verschoven, waardoor de visuele spanning wordt verminderd maar een sterk contrast behouden blijft.
#4f6bf5
#f5864f
#bef54f
#f7a176
#b0f328
Pastelpalet
Dezelfde tint met verminderde verzadiging en verhoogde helderheid – een verschuiving naar het midden en de bovenkant van de HSL-ruimte die zachte, “cremige” kleuren oplevert.
#e1e5f4
#d3d7ee
#c4cae9
#b5bde3
#a6b0dd
Donker palet
Dezelfde tint met hoge verzadiging (S) en verminderde helderheid (L) – een verschuiving naar de onderkant van de helderheidas, die diepe kleuren oplevert typisch voor dark mode en sterke accenten.
#3757f4
#153af2
#0c2dd2
#0a25ab
#081d85
Tonaal palet (geïnspireerd door Material Design)
Verschillende helderheidsniveaus van dezelfde tint – gevarieerde L en gematigde S, vergelijkbaar met de tonale bereiken van de Material Design-richtlijnen (bijv. 50-900).
#f2f3f8
#dcdfef
#b1bae7
#7c8ee9
#3e5df4
Minimalistisch palet (geïnspireerd door Apple)
Een levendig kleuraccent en meerdere zeer lichte en zachte neutrale tinten, een compositie typisch voor interfaces met veel witruimte en subtiele schaduwen.
#3e5df4
#fafafa
#efeff1
#dfdfe2
#484951
Analoog palet
Kleuren met vergelijkbare tinten, van ongeveer -30 tot +30 rond de basiskleur op het klassieke kleurenwiel (bijv. Itten).
#4fbef5
#67a3f6
#4f6bf5
#4637f4
#864ff5
Complementair palet
De basiskleur en het complement verschoven met 180 op het kleurenwiel – een van de fundamentele contrasten beschreven door Johannes Itten.
#4f6bf5
#1f42f2
#f5d94f
#f8e37f
#f2cf1f
Een consistent kleurpalet is de basis van elk visueel project – van een website, via een logo, tot drukwerk. Het handmatig selecteren van kleuren die goed samenwerken vereist kennis van kleurentheorie. De generator doet dit automatisch: u geeft één basiskleur op (bijv. uw logkleur) en de tool creëert 9 kleurensets op basis van bewezen kleurharmonieschema's.
Elke gegenereerde kleur komt met zijn HEX-code (bijv. #4F6BF5) en HSL-waarde (tint, verzadiging, lichtheid). De HEX-code kan direct worden geplakt in CSS, Figma, Canva of een grafische applicatie.
Het hele proces duurt slechts enkele seconden:
De generator creëert 9 palettypen – elk gebaseerd op een ander principe uit de kleurentheorie:
Alle paletten worden gecreëerd door wiskundige transformatie van de basiskleur in de HSL-kleurruimte. HSL beschrijft een kleur met drie waarden: tint (H) is de positie op het kleurenwiel (0°–360°), verzadiging (S) bepaalt de kleurintensiteit, en lichtheid (L) – hoe licht of donker de kleur is.
De complementaire, triadische en split-complementaire paletten zijn gebaseerd op de geometrie van het kleurenwiel – kleuren worden op gelijke hoekafstanden geplaatst, wat visueel evenwicht creëert. De monochromatische, pastel- en donkere paletten veranderen alleen lichtheid en verzadiging terwijl dezelfde tint behouden blijft.