Kleuren extraheren uit afbeelding
📁 Klik om te uploaden of sleep een afbeelding
JPG, PNG, WebP — tot 10 MB
Je afbeelding verlaat nooit je apparaat — alle verwerking gebeurt in je browser.
Palet exporteren
WCAG-contrastcontrole
Opgeslagen paletten
Hoe paletontwerpgeneratie werkt
Elk palet wordt gegenereerd met behulp van de HSL-kleurruimte — Hue (0–360°), Saturation (0–100%) en Lightness (0–100%). HSL is intuïtief voor harmonieregels omdat kleurrelaties gebaseerd zijn op hoekafstanden rondom het kleurenwiel.
Analoog
Kleurtinten binnen 30° van elkaar. Harmonieus en rustgevend. Ideaal voor natuur- en oceaanthema's.
Complementair
Twee kleurtinten 180° van elkaar. Hoog contrast en levendig. Veelgebruikt in sportbranding.
Triadisch
Drie kleurtinten gelijkmatig verdeeld over 120°. Evenwichtig maar kleurrijk. Goed voor speelse merken.
Monochromatisch
Dezelfde kleurtint, gevarieerde verzadiging en helderheid. Elegant en samenhangend. Perfect voor minimalistisch ontwerp.
Gesplitst complement
Eén basiskleur plus twee kleurtinten 150° aan weerszijden. Contrast zonder spanning.
Tetradisch
Vier kleurtinten met tussenruimte van 90°. Rijk en complex. Werkt het beste als één kleur domineert.
Uitgewerkt voorbeeld — analoog palet
Startkleur: H = 210° (een blauw). Analoge regel: 5 kleurtinten met tussenruimte van 15°.
Kleurtinten: 195°, 205°, 215°, 225°, 235°.
Verzadiging: gevarieerd van 55% tot 70% voor diepte. Helderheid: gevarieerd van 45% tot 70% voor bereik.
Resultaat: een samenhangend oceaanblauw kleurverloop met natuurlijk contrast.
Kleurenpalettips voor ontwerpers
- Volg de 60-30-10-regel. Gebruik je dominante kleur voor 60% van het ontwerp (achtergronden, grote vlakken), een secundaire kleur voor 30% (secties, UI-panelen) en een accentkleur voor 10% (CTA's, highlights). Een 5-kleurenpalet sluit hier goed op aan.
- Controleer altijd het contrast voor tekst. Een mooi palet kan alsnog WCAG AA mislukken als tekstkleur en achtergrond niet minimaal een contrastverhouding van 4,5:1 hebben. Gebruik de ingebouwde contrastcontrole hierboven.
- Beperk je palet in productie. Vijf beschikbare kleuren betekent niet dat je ze allemaal op elk scherm gebruikt. De meeste gepolijste ontwerpen gebruiken 2–3 kleuren dominant en bewaren de andere voor specifieke momenten.
- Vergrendel je merkkleur eerst. Als je een merkkleur hebt, klik dan op het vergrendelingsicoon op dat kleurvlak voordat je opnieuw genereert — de tool bouwt een harmonieus palet rondom je vergrendelde kleur.
- Afbeeldingsextractie voor sfeerovereenkomst. Upload een foto die de sfeer weergeeft die je ontwerpt (een landschap, een productfoto, een lifestyleafbeelding) — het geëxtraheerde palet sluit al emotioneel aan op de richting van je merk.