Kleurenpalet-generator

Genereer harmonieuze paletten uit een basiskleur.

Generator

Kies een basiskleur (of gebruik Willekeurig) en krijg vijf kant-en-klare kleurharmonieën: complementair, analoog, triadisch, split-complementair en monochroom. Klik op een staal om de HEX-code te kopiëren. Alle berekeningen draaien in je browser.

Over kleurenpaletgenerator

Het kiezen van harmonieuze kleuren maakt ontwerpen en merken consistent en professioneel. Deze tool gebruikt standaard kleurentheorie (HSL-kleurenwiel) om vijf palettypes te genereren uit één basiskleur: complementair, analoog, triadisch, split-complementair en monochroom. Je krijgt meerdere kant-en-klare kleuren en kunt elke HEX-code met één klik kopiëren — geen ontwerpsoftware nodig. Alle berekeningen draaien in je browser.

Hoe te gebruiken

  1. Stel je Basiskleur in met de kleurenkiezer of door een HEX-code in te typen (bijv. #2563EB). Of klik op Willekeurig voor inspiratie.
  2. Scroll door de gegenereerde paletten. Elk sectie toont een harmonietype en zijn kleurstalen met HEX-codes.
  3. Klik op een staal om de HEX-waarde naar het klembord te kopiëren voor gebruik in CSS, Figma of andere tools.

Wanneer te gebruiken

  • Een nieuw merk of website starten en een samenhangende kleurenset nodig
  • Accentkleuren vinden die werken met een bestaande merkkleur
  • Grafieken, dashboards of UI maken met duidelijke maar harmonieuze kleuren
  • Kleurentheorie leren of snel combinaties verkennen

Details

Kleuren worden berekend in HSL (Hue, Saturation, Lightness). Complementair = hue +180°. Analoog = hue ±30°. Triadisch = hue +120° en +240°. Split-complementair gebruikt hues op +150° en +210°. Monochroom behoudt dezelfde hue en varieert lightness. Voor precieze RGB/HSL-waarden gebruik onze Kleurconverter op een gekozen HEX.

Veelgestelde vragen

Welke palettypes worden gegenereerd?
Vijf types: (1) Complementair — één kleur tegenover op het kleurenwiel. (2) Analoog — twee buren (bijv. ±30°). (3) Triadisch — drie kleuren 120° uit elkaar. (4) Split-complementair — basis plus twee kleuren nabij het complement. (5) Monochroom — vijf tinten van dezelfde hue met verschillende lightness. Alle zijn afgeleid van de basiskleur die je kiest.
Kan ik individuele kleuren kopiëren?
Ja. Klik op een kleurstaal om de HEX-code (bijv. #2563EB) naar je klembord te kopiëren. Je kunt het dan plakken in CSS, ontwerptools of een kleurenkiezer.
Draait het in de browser?
Ja. Alle kleurberekeningen (HSL-conversie en harmonieberekening) draaien in JavaScript in je browser. Er worden geen gegevens naar een server gestuurd.
Wat is het verschil tussen dit en de Kleurconverter?
De Kleurconverter converteert één kleur tussen HEX, RGB en HSL. Deze tool neemt één basiskleur en genereert complete paletten (meerdere harmonieuze kleuren) voor ontwerp en branding.