Kleurenpalet maken met een gratis paletgenerator

Kies een harmonie, versleep de gekoppelde punten op de interactieve kleurencirkel en pas de lichtheid aan voor een evenwichtig kleurenpalet.

Harmonietype

Voorbeeld proberen

Interactieve kleurencirkel

Sleep een punt om de harmonie te draaien. Beweeg naar het midden om de verzadiging te verlagen.

60%
H 217°S 91%L 60%
Kernharmonie (2)Ondersteunende varianten (3)
Basis
Complement

Basis

#3B82F6

Complement

#EEAD44

Basis · Variant 1

#AAC0E3

Complement · Variant 1

#E0CDAD

Basis · Variant 2

#255BB1

Meer tools

Zo maak je een kleurenpalet dat bij elkaar past

Een kleurenpalet maken begint met kleuren die visueel goed samenwerken. Deze paletgenerator gebruikt de onderlinge positie van tinten op het kleurenwiel als betrouwbare basis voor evenwichtige kleurcombinaties.

Voer één basiskleur in als HEX-, RGB- of HSL-waarde. De tool maakt vervolgens meerdere harmonieuze kleurenpaletten die je naast elkaar kunt verkennen, vergelijken en direct in je ontwerp kunt gebruiken.

Kleurharmonietypes uitgelegd

  • Complementair — twee kleuren tegenover elkaar op het kleurenwiel (180° uit elkaar). Hoog contrast, krachtige combinaties.
  • Analoog — drie aangrenzende kleuren op het kleurenwiel (30° uit elkaar). Natuurlijk harmonieus en laag contrast.
  • Triadisch — drie gelijkmatig verdeelde kleuren op het wiel (120° uit elkaar). Levendig en evenwichtig.
  • Gesplitst-complementair — een basiskleur plus twee kleuren naast het complement (150° en 210°). Zachter dan puur complementair.
  • Tetradisch (vierkant) — vier gelijkmatig verdeelde kleuren op het wiel (90° uit elkaar). Rijke, complexe paletten.

Hoe de paletgenerator te gebruiken

  1. Voer een basiskleur in — typ een HEX-, RGB- of HSL-waarde, of gebruik de kleurenkiezer
  2. Kies een harmonietype in de selector
  3. Versleep een gekoppeld punt op de kleurencirkel om tint en verzadiging te wijzigen en pas daarna de lichtheid aan
  4. Bekijk het gegenereerde palet als kleurstaaltjes
  5. Kopieer HEX- of RGB-waarden voor elk staaltje met één klik
  6. Wissel tussen harmonietypes om verschillende paletten te vergelijken

Wanneer een paletgenerator gebruiken

  • Bij een nieuw designproject en behoefte aan een evenwichtig kleurenschema
  • Bij het opbouwen van een merkidentiteit rond een specifieke hoofdkleur
  • Bij het maken van UI-thema's met harmonieuze accentkleuren
  • Bij het verkennen van kleurrelaties voor illustratie of kunst
  • Voor het snel genereren van paletten voor presentaties of prototypes

Kernharmonie en ondersteunende varianten

Elke harmonie levert vijf kleurvlakken. Complementair heeft twee kernkleuren, analoog, triadisch en gesplitst-complementair hebben er drie en tetradisch vier; de overige vlakken zijn ondersteunende varianten met aangepaste verzadiging of helderheid.

Een kleurenpalet maken uit één basiskleur

De gemarkeerde basiskleur blijft behouden terwijl de kleurencirkel de harmonie en varianten berekent. Gebruik voor dominante kleuren uit een volledige afbeelding de Afbeeldingspalet-extractor; gebruik voor één exacte pixel de Kleurkiezer.

HEX, RGB, HSL en OKLCH gebruiken

Het veld accepteert HEX, RGB, HSL en OKLCH. Kopieer één kleur als HEX of RGB, of alle vijf kleuren als kommagescheiden HEX-codes in hoofdletters.

Snel, gratis en privé

Alle berekeningen gebeuren in je browser. Er is geen account, upload, opslag of serververwerking; de cirkel werkt met muis, aanraking en toetsenbord.

De kleurencirkel toont theoretische kleurrelaties maar garandeert geen leesbaarheid. Gebruik de Contrastchecker voor WCAG-metingen en de Kleurconverter voor formaatconversie.

Veelgestelde vragen

Wat is kleurharmonie?
Kleurharmonie verwijst naar kleurcombinaties die visueel aangenaam samenwerken. Deze combinaties zijn gebaseerd op de geometrische relaties tussen tinten op het kleurenwiel — bijvoorbeeld kleuren tegenover elkaar (complementair) of gelijkmatig verdeeld (triadisch).
Welk harmonietype moet ik kiezen?
Dat hangt af van je designdoel. Complementair creëert sterk contrast en visuele impact. Analoog voelt rustig en samenhangend. Triadisch is levendig en evenwichtig. Gesplitst-complementair biedt contrast met minder spanning. Tetradisch geeft rijke, complexe paletten het meest geschikt voor designs met veel elementen.
Welke kleurformaten kan ik invoeren?
Je kunt HEX, RGB, HSL of OKLCH invoeren; het formaat wordt automatisch herkend.
Hoe worden de paletkleuren berekend?
De basiskleur wordt omgezet naar HSL en op de exacte kleurtoonhoeken van de gekozen harmonie geplaatst. Elke relatie wordt uitgebreid tot vijf praktische kleurstalen met evenwichtige variaties in verzadiging en lichtheid. De interactieve kleurencirkel toont elke staal: versleep één punt om de hele harmonie te draaien; de lichtheidsregelaar werkt het palet bij.
Kan ik de gegenereerde kleuren kopiëren?
Ja. Kopieer elke kleur als HEX of RGB, of het volledige palet als vijf kommagescheiden HEX-codes in hoofdletters.
Werkt deze tool op mobiel?
Ja. De responsieve kleurencirkel werkt via aanraking op mobiel en met muis of toetsenbord op een computer.
Is deze tool gratis?
Ja. ColourPicker.app is volledig gratis te gebruiken, zonder registratie.
Kan ik mijn gegenereerde paletten opslaan?
De tool slaat geen paletten op tussen sessies. Je kunt individuele kleurwaarden kopiëren en opslaan in je projectbestanden of designtool.
Wat laat een kleurencirkel zien?
De cirkel ordent tinten: de hoek bepaalt de tint, de afstand tot het midden de verzadiging en de aparte regelaar de helderheid.
Waarom bevat elk kleurenpalet vijf kleuren?
Vijf vlakken geven een vaste werkset van twee tot vier kernkleuren plus ondersteunende varianten.
Wat zijn kernkleuren en ondersteunende varianten?
Kernkleuren vormen de gekozen geometrie; varianten herhalen die tinten met aangepaste verzadiging of helderheid.
Garandeert kleurharmonie voldoende contrast?
Nee. Harmonie beschrijft relaties tussen tinten; meet het WCAG-contrast van voor- en achtergrond afzonderlijk.