Color Palette Generator
Hoe te gebruiken
- 1
Kies harmonie
Kies een kleurharmonieregel zoals analoog of complementair om de relatie tussen kleuren te bepalen.
- 2
Kies sfeer
Bepaal de sfeer met de sfeerkiezer. Kies pastel, levendig of donker om bij je merk te passen.
- 3
Genereren
Klik op Genereren om unieke paletten te maken. Vergrendel je favoriete kleuren en genereer de rest opnieuw.
- 4
Exporteren
Kopieer individuele Hex-codes of klik op Exporteren voor de volledige Tailwind CSS-configuratie.
Gids kleurtheorie
Harmonie begrijpen
- Analoog
Kleuren die naast elkaar liggen op het kleurenwiel. Creëert een rustig en comfortabel ontwerp.
- Complementair
Kleuren die tegenover elkaar liggen op het kleurenwiel. Creëert hoog contrast en impact.
- Triadisch
Drie gelijkmatig verdeelde kleuren op het kleurenwiel. Hoog contrast met behoud van harmonie.
- Split-complementair
Een variatie op het complementaire schema. Gebruikt een basiskleur en de twee buren van het complement.
- Monochroom
Variaties in helderheid en verzadiging van één kleur. Strak, elegant en rustgevend.
- Willekeurige chaos
Volledig willekeurige kleuren zonder strikte regels. Goed voor onverwachte inspiratie.
Sferen verkennen
- Standaard
Gebalanceerde verzadiging en helderheid. Geschikt voor algemeen webontwerp en UI.
- Pasteldromen
Hoge helderheid en lage verzadiging. Zacht en rustgevend. Perfect voor lifestyle-thema's.
- Levendig neon
Hoge verzadiging en gemiddelde helderheid. Energiek en opvallend.
- Donkere modus
Lage helderheid en ontzadigde tinten. Diep, mysterieus en modern.
- Retro vintage
Ontzadigde en licht warme tinten. Nostalgisch, klassiek en tijdloos.
Aanbevolen tools
Geselecteerde hulpprogramma's die handig voor je kunnen zijn
Kleuren kiezen die samenwerken
Overview
Kleurkeuze kan een ontwerp maken of breken. Willekeurige combinaties ogen chaotisch; doelbewuste paletten op basis van kleurtheorie voelen bewust en professioneel aan. Dit hulpmiddel genereert harmonieuze paletten vanuit één basiskleur via gevestigde kleurtheorie-relaties: complementair (tegenover op het kleurenwiel), analoog (naast elkaar), triadisch (drie gelijk verdeeld) en tetradisch (vier). Het haalt ook paletten uit geüploade afbeeldingen en toont hex/RGB/HSL-waarden voor direct gebruik in CSS of ontwerpbestanden.
How It Works
Kleurtheorie wiskundig uitgedrukt: een kleur in HSL heeft tint (0–360°), verzadiging en helderheid. Complementair = basistint + 180°. Triadisch = basis + 120° en + 240°. Analoog = basis ± 30°. Het hulpmiddel berekent dit wiskundig en toont het palet met kopiëren-naar-klembord per kleur. Afbeeldingsgebaseerde paletten gebruiken kleurkwantisatie (k-means-clustering) om de dominante kleuren te vinden.
When to Use This
UI ontwerpen voor een website of app (primaire, secundaire, accentkleuren). Kleuren kiezen voor een merkidentiteit. Visuals van een diavoorstelling afstemmen. Kleurenschema's voor datavisualisatie maken. Thema's genereren voor graphics — Instagram-posts, YouTube-thumbnails, blogheaders.
Frequently Asked Questions
Complementaire kleuren staan tegenover elkaar op het kleurenwiel (blauw + oranje) — hoog contrast, opvallend. Analoge kleuren liggen naast elkaar (blauw + blauwgroen + groen) — rustiger en samenhangender. Gebruik complementair voor accenten, analoog voor achtergronden.