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.
Voorbeeld proberen
Interactieve kleurencirkel
Sleep een punt om de harmonie te draaien. Beweeg naar het midden om de verzadiging te verlagen.
Basis
#3B82F6Complement
#EEAD44Basis · Variant 1
#AAC0E3Complement · Variant 1
#E0CDADBasis · Variant 2
#255BB1Meer tools
Picker
Kleurenkiezer
Upload een afbeelding en klik om HEX-, RGB- en HSL-kleurcodes te extraheren.
Converter
Kleurenconverter
Converteer kleuren tussen HEX, RGB en HSL direct.
Checker
Contrastchecker
Controleer kleurcontrastverhoudingen tegen WCAG AA- en AAA-normen.
Extractor
Afbeeldingspalet-extractor
Vind de dominante kleuren in een afbeelding en kopieer het palet als HEX, RGB of CSS-variabelen.
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
- Voer een basiskleur in — typ een HEX-, RGB- of HSL-waarde, of gebruik de kleurenkiezer
- Kies een harmonietype in de selector
- Versleep een gekoppeld punt op de kleurencirkel om tint en verzadiging te wijzigen en pas daarna de lichtheid aan
- Bekijk het gegenereerde palet als kleurstaaltjes
- Kopieer HEX- of RGB-waarden voor elk staaltje met één klik
- 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.