Kleurenpalet-generator
Kies of typ een basiskleur, en deze tool zet die om naar HSL en genereert er drie kant-en-klare paletten omheen — complementair, analoog en triadisch — zodat je snel kleurcombinaties voor een ontwerp kunt verkennen. Klik op een kleurvlak om de hex-code ervan te kopiëren.
Complementair
Analoog
Triadisch
Hoe het werkt
Kleuren worden omgezet naar HSL (tint, verzadiging, helderheid), zodat nieuwe kleuren simpelweg ontstaan door de tint te draaien. Een complementair palet voegt de kleur toe die precies tegenover ligt op de kleurencirkel (+180°); een analoog palet voegt de twee naburige tinten toe (±30°); een triadisch palet voegt twee gelijkmatig verdeelde tinten toe (+120° en +240°).
Tip
Klik op een kleurvlak om de hex-code naar je klembord te kopiëren — handig om direct in je ontwerptool of CSS te plakken.
Welk palet moet ik gebruiken?
Complementaire paletten zorgen voor een sterk contrast en werken goed voor één enkele accentkleur; analoge paletten voelen rustig en samenhangend aan, ideaal voor achtergronden en verlopen; triadische paletten zijn levendig en gebalanceerd, handig als je drie kleuren nodig hebt die allemaal opvallen.
Meer tools in deze categorie
Belichtingscalculator
Vind gelijkwaardige camerabelichtingen voor diafragma, sluitertijd en ISO.
Beeldverhouding-calculator
Schaal een afbeelding of video proportioneel en vind de vereenvoudigde verhouding.
CSS-verloopgenerator
Ontwerp een lineair of radiaal CSS-verloop en kopieer de gegenereerde code.
Contrastchecker
Controleer of een voorgrond- en achtergrondkleur voldoen aan de WCAG-contrastrichtlijnen.
Kleurformaat-converter
Zet elke kleur direct om tussen HEX, RGB, HSL en CMYK, met een kopieerknop per formaat.
Typografie-schaalgenerator
Genereer een harmonieuze reeks lettergroottes op basis van een basisgrootte en een schaalverhouding, klaar om te kopiëren als CSS custom properties.