Kleurpalet-generator

Wat doet deze generator

Rolt een vijf-kleurspalet dat ook echt bruikbaar is — niet de chaotische ruis van een puur willekeurige RGB-roll. Hij kiest ongeveer twee derde van de tijd uit een gecureerde pool van designer-geteste seed-paletten en een derde van de tijd genereert hij algoritmisch via harmonie-regels (analoog, complementair, triadisch). Het resultaat: paletten die je daadwerkelijk in een merk, app of presentatie zou willen gebruiken.

Hoe gebruik je de generator

Kies een stemming (of laat hem op Auto voor een mix). Klik op Genereren of druk op Spatie voor een nieuw palet. Klik op een hex-code om die naar je klembord te kopiëren. Klik op het slot-icoon om kleuren te bewaren tussen rolls. Wanneer je tevreden bent, gebruik CSS kopiëren voor een kant-en-klaar :root-blok of JSON kopiëren voor design-tools.

Wat een palet doelbewust laat voelen

Vijf kleuren is de sweet spot — genoeg voor primair / secundair / accent / lichte neutraal / donkere neutraal, maar niet zoveel dat niets domineert. Plan binnen die vijf een hiërarchie: één dominant, één secundair, een accent voor calls-to-action en twee neutrals als rust. Vergrendel je merkkleur en re-roll de andere vier — dat is de workflow die de meeste designers gebruiken.

Wanneer welke stemming

Auto — beste mix van gecureerde seeds en algoritmische schema's; juiste startpunt als je nog niet weet wat je wilt. Warm — zonsondergang-paletten, food-merken, energie en gemak. Koel — tech, finance, healthcare, schoonheid. Pastel — wellness, kinderproducten, soft branding. Levendig — gaming, entertainment, jeugdmerken. Aarde — outdoor, duurzaamheid, traagmode, café. Monochroom — minimalisme, editorial, foto-portfolios.

Veelgestelde vragen

Waarom zien de kleuren er niet helemaal willekeurig uit?

Omdat puur willekeurige RGB er afschuwelijk uitziet — botsende tinten, modderige middens, geen hiërarchie. We trekken ongeveer twee derde van de paletten uit een gecureerde pool van designer-goedgekeurde seeds (met kleine tint-jitter zodat je niet hetzelfde palet twee keer ziet), en de rest wordt algoritmisch gegenereerd uit harmonie-regels.

Kan ik een kleur vergrendelen en de rest opnieuw rollen?

Ja. Klik op het slot-icoon op een kleur om die te bevriezen. Vergrendelde kleuren worden over re-rolls behouden; ontgrendelde slots krijgen verse kleuren. Dit is de workflow die de meeste designers gebruiken: vergrendel je merkkleur en re-roll het ondersteunende palet.

Werken de paletten voor toegankelijkheid (WCAG)?

Niet automatisch — de meeste gerolde paletten bevatten minstens één paar dat WCAG faalt als tekst-op-achtergrond. Gebruik het resultaat als startpunt en check specifieke tekst/achtergrond-combinaties met onze contrast-checker voordat je verzendt.

Hoe exporteer ik naar mijn design-tool?

CSS kopiëren levert een :root { --color-1: #...; }-blok klaar om in een stylesheet te plakken. JSON kopiëren levert een array hex-strings — handig voor Figma-plug-ins, design-token-tools of een eigen pipeline.

Wat genereert "Monochroom" precies?

Vijf tonen van dezelfde tint — zelfde H-waarde, zelfde S, met L gestapeld van 0,92 (zeer licht) tot 0,18 (zeer donker). Het resultaat is een complete monochromatische schaal geschikt voor een één-kleur-merksysteem of een hoofdletter-typografische schaal voor neutrals.

Wordt er iets naar een server gestuurd?

Nee. De seed-pool, harmonie-wiskunde en kopieer-acties draaien allemaal in je browser. Open DevTools → Network en re-roll — geen requests. Roll paletten voor niet-uitgebrachte producten zonder te lekken.

Kleurpalet-generator