ToolHub
Tool openen

Kleurenpalet-generator

Genereer harmonieuze kleurenpaletten op basis van een basiskleur met 6 harmonieregels en CSS-export

Ontwikkelaarstools

Over deze tool

Met de Kleurenpalet-generator kies je een basiskleur en maak je direct een 5-kleurenpalet aan met behulp van zes harmonieregels: Complementair, Analoog, Triadisch, Split-Complementair, Tetradisch en Monochromatisch. Je kunt afzonderlijke kleuren vergrendelen, willekeurige paletten genereren en het resultaat exporteren als CSS-custom properties — alles wordt lokaal in je browser verwerkt.

Belangrijkste functies

Snelle preview

Toepassingen

color palette harmony

Veelgestelde vragen

Welke harmonieregels zijn beschikbaar?

De tool biedt zes harmonieregels: Complementair, Analoog, Triadisch, Split-Complementair, Tetradisch en Monochromatisch. Elke regel genereert een 5-kleurenpalet op basis van kleurtheorieprincipes.

Kan ik specifieke kleuren in het palet vergrendelen?

Ja, elke kleurkaart heeft een vergrendelknop. Wanneer je een kleur vergrendelt, blijft deze op zijn plaats, ook wanneer je de harmonieregel wijzigt of een willekeurig palet genereert. Klik nogmaals op het slot om het te ontgrendelen.

Hoe exporteer ik het palet als CSS?

Klik op de knop CSS exporteren om CSS-custom properties (--primary, --light, --dark, --accent, --accent-light) te genereren met de huidige paletkleuren. Vervolgens kun je de CSS-code met één klik kopiëren.

Kan ik afzonderlijke kleuren kopiëren?

Ja, klik op een kleurkaart om de HEX-waarde naar je klembord te kopiëren. Een toast-melding bevestigt de kopieeractie. Elke kaart toont ook de RGB- en HSL-waarden ter referentie.

Worden mijn kleurgegevens naar een server verzonden?

Nee. Alle palettengeneratie en kleurberekeningen vinden volledig in je browser plaats. Er worden geen gegevens naar een server geüpload, waardoor je informatie volledig privé en veilig blijft.