Met welke kleurformaten kan ik starten?
Gebruik een HEX-kleur zoals #4f46e5. HEX-waarden met drie tekens worden automatisch genormaliseerd.
Genereer paletten, tinten en designtokens vanuit één kleur
Gebruik de Kleurenpaletgenerator om één basiskleur om te zetten in praktische paletten voor websites, apps, dashboards, merkconcepten en designsystemen. Kies een harmoniemodus, pas het aantal kleuren aan, bekijk leesbare tekstkleuren voor elk staal en kopieer productieklare exports.
De tool draait in de browser en levert HEX-paletten, een 50-900-tintreeks, CSS custom properties, een Tailwind-kleurobject en JSON voor overdracht of documentatie.
Handig voor
- Snel een kleurensysteem voor landingpage of product bouwen vanuit één merkkleur.
- Tintreeksen maken voor knoppen, achtergronden, randen, grafieken en statussen.
- CSS-variabelen of Tailwind-kleuren kopiëren zonder het palet handmatig te formatteren.
- Controleren of zwarte of witte tekst beter leesbaar is op elk gegenereerd kleurvlak.
Tool laden...
FAQ over de kleurenpaletgenerator
Welke exports zijn inbegrepen?
De tool maakt kopieerbare HEX-kleuren, CSS-variabelen, een Tailwind-achtige kleurconfiguratie en JSON.
Worden de gegenereerde kleuren op toegankelijkheid gecontroleerd?
Elk staal toont de betere zwarte of witte tekstkleur en de contrastverhouding, zodat je snel leesbare combinaties ziet.
