Kleurenpalet Generator
Maak direct mooie, harmonieuze kleurenpaletten met onze gratis online generator. Ondersteunt monochromatische, analoge, complementaire, triadische, split-complementaire en tetradische modi. Pas kleuren aan met HSL-schuifregelaars, vergrendel favorieten en exporteer als CSS, Tailwind, JSON of SVG. 100% browser-gebaseerd, uw gegevens verlaten nooit uw apparaat.
Hoe genereer ik een kleurenpalet?
Klik op de knop Genereren of druk op de spatiebalk om een nieuw willekeurig palet te maken. Gebruik de harmoniemodus-kiezer om te schakelen tussen monochromatisch, analoog, complementair, triadisch, split-complementair of tetradisch.
Hoe vergrendel ik een kleur?
Klik op het vergrendelingspictogram op een kleurstaal. Vergrendelde kleuren blijven behouden bij het genereren van een nieuw palet, terwijl ontgrendelde kleuren worden vervangen.
Hoe exporteer ik mijn palet?
Klik op de knop Exporteren om te kiezen uit CSS-variabelen, Tailwind-configuratie, JSON-array of SVG-palet. Het palet wordt automatisch naar het klembord gekopieerd.
Wat zijn de verschillende harmoniemodi?
Monochromatisch gebruikt één tint met variërende verzadiging en helderheid. Analoog gebruikt aangrenzende tinten (±30°). Complementair gebruikt tegenovergestelde tinten (180°). Triadisch gebruikt 3 equidistante tinten (120°). Split-complementair gebruikt een basistint plus twee naast het complement. Tetradisch gebruikt 4 equidistante tinten (90°).
Kan ik het palet rond mijn merkkleur opbouwen?
Ja. Kies uw merkkleur met de basiskleurkiezer en daarna een harmoniemodus – de andere vier kleuren worden eromheen gegenereerd. Daarna kunt u elke kleur verfijnen met de HSL-schuifregelaars.
Welke exportformaten zijn er?
Het palet kan worden geëxporteerd als CSS-variabelen, Tailwind-config, JSON-array of SVG-bestand. De code-preview wordt meteen bijgewerkt zodra u van formaat wisselt, klaar om in uw project te plakken.
Kan ik kleurwaarden in HEX, RGB of HSL zien?
Ja, de waarde van elke kleur kan worden geschakeld tussen HEX, RGB en HSL. Zo pakt u direct het formaat dat uw ontwerptool of codebase verwacht, zonder handmatig omrekenen.
Wat betekent het kleine merkteken op elke kleur?
Het toont of witte of zwarte tekst leesbaar blijft op die kleur. Zodra de contrastverhouding 4,5:1 bereikt, verschijnt een vinkje volgens de WCAG-richtlijnen — handig bij het kiezen van achtergrondkleuren voor knoppen of banners.
Wordt mijn palet naar een server geüpload?
Nee. Alles draait lokaal in uw browser, uw kleuren verlaten nooit uw apparaat. Zodra de pagina is geladen, werkt de generator zelfs offline.
Hoe Kleurenpalet Generator te gebruiken
Genereer harmonieuze kleurenpaletten met modi als monochromatisch, analoog en triadisch — alles wordt in je browser berekend. Blokkeer favoriete tinten, verfijn ze en exporteer in het formaat van je framework.
- Kies een harmonie-Mode in de keuzelijst: Random, Monochromatic, Analogous, Complementary, Triadic, Split-complementary of Tetradic.
- Stel de Base-kleur in zodat elke gegenereerde staal afgeleid is van je merktoon, en hergenereer tot het geheel klopt.
- Verwijder ongeschikte stalen met de ✕-knop en gooi opnieuw; verfijn de rest met de HSL-schuifregelaars.
- Vergelijk de stalen op lichte en donkere mockups om zeker te weten dat tekst op elke kleur leesbaar blijft.
- Open Export Palette en neem je kleuren mee als CSS Variables, Tailwind Config, JSON Array of SVG Palette.
Blokkeer de Base-staal voordat je in de Random-modus opnieuw gooit: zo verken je variaties rond je merkkleur zonder die te verliezen.
Gerelateerde tools
- Kleurconverteerder Gratis online kleurconverteerder. Converteer HEX, RGB, HSL, HSV formaten direct met visuele kiezer. 100% privé, werkt in uw browser.
- Kleurkiezer Kies elke kleur van het scherm met de pipet. Kopieer HEX, RGB, HSL codes direct. Gratis online kleurkiezer tool.
- Kleurcontrast Checker Controleer kleurcontrastverhoudingen voor WCAG 2.1-naleving. Valideer AA- en AAA-standaarden direct.
- Kleurenblindheid Simulator Gratis online kleurenblindheid simulator. Test ontwerpen voor Protanopie, Deuteranopie, Tritanopie en andere typen. 100% privé, werkt in uw browser.
- GIF Frames Splitsen Extraheer en download afzonderlijke frames uit GIF-animaties als PNG of sprite-sheet. Gratis online tool met preview en ZIP-export.
- GIF Omkeren Keer de afspeelvolgorde van GIF-animaties gratis online om. Upload, bekijk en download direct.
- GIF Snelheidswijziger Wijzig de GIF-animatiesnelheid online. Versnel of vertraag GIF-bestanden direct.
- Video naar GIF Converteer video online naar geanimeerde GIF. Pas kwaliteit, framesnelheid en resolutie rechtstreeks in uw browser aan zonder te uploaden.