Kleurenpalet generator
Begin met een kleur die je mooi vindt of laat je verrassen, en houd de tinten die werken.
Verzegeld op dit apparaat
Werkt in je browser. Er wordt niets geüpload.
Verzegeld
Je palet
Instellingen
Bouwt het palet op rond de basiskleur. Vastgezette kleuren blijven behouden.
Exporteren
Zo werkt het
-
Kies een basis of ga voor toeval
Voer een basiskleur in en kies een harmonie, of druk op ‘Nieuw palet’ (of de spatiebalk) voor een vers palet.
-
Zet vast wat je mooi vindt
Zet de kleuren die je wilt houden vast en genereer opnieuw: alleen de losse kleuren veranderen. Klik op een kleurstaal om het met de hand aan te passen.
-
Exporteer je palet
Kopieer het als CSS-variabelen of JSON voor je code, of download een PNG om met je team te delen.
Veelgestelde vragen
Wat betekenen de harmonieën?
Ze komen van de kleurencirkel. Analoge kleuren liggen naast elkaar en voelen rustig aan. Complementaire kleuren liggen tegenover elkaar en zorgen voor contrast. Gesplitst complementair, triadisch en vierkant verdelen de kleuren gelijkmatig over de cirkel voor levendigere paletten. Monochroom gebruikt lichtere en donkerdere versies van één tint.
Hoe werkt vastzetten?
Kies het hangslotje onder een kleur om hem te houden. Als je een nieuw palet genereert, blijven vastgezette kleuren precies op hun plek en worden de nieuwe kleuren gekozen om erbij te passen.
Waarom zien de kleuren er zo evenwichtig uit?
Paletten worden opgebouwd in OKLCH, een kleurruimte die is ontworpen rond het menselijk zicht. Als je daar de tint draait, blijven lichtheid en verzadiging gelijk, zodat geen enkele kleur onverwacht fel of flets oogt naast de andere.
Hoe gebruik ik het palet in mijn project?
Kopieer de CSS-export en plak hem in je stylesheet: je krijgt variabelen zoals --color-1 die je overal kunt gebruiken. De JSON-export geeft elke kleur in HEX, RGB en OKLCH, voor design tokens of scripts.
Mag ik de paletten commercieel gebruiken?
Ja. Kleuren zijn van niemand, en de paletten die je hier maakt mag je vrij gebruiken, voor persoonlijk of commercieel werk.