Praktische Gereedschapsgenerator

Kleurpaletgenerator

Maak een harmonieus en toegankelijk palet vanuit een basiskleur, foto of willekeurig idee.

HEX · RGB · HSL · OKLCH · WCAG

Kleurenpaletstudio

Maak een harmonieus en toegankelijk palet vanuit een basiskleur, foto of willekeurig idee.

5
🖼️ Kleuren uit een afbeelding halenDe afbeelding wordt alleen in je browser verwerkt en niet geüpload.
Tip: druk op Spatie om opnieuw te genereren.

Jouw palet

Klik op een code om die te kopiëren. Vergrendel of verplaats kleuren vóór een nieuwe generatie.

Sleep kaarten of gebruik de pijlen om ze te verplaatsen.

Live interfacevoorbeeld

Jouw palet
Rol: Accent

Een duidelijker visueel systeem

Probeer het palet op een realistische kaart met navigatie, tekst en knop.

Details bekijken

Toegankelijkheid en contrast

Contrasttabel

Kleurwaarnemingsvoorbeeld

Benadering; test altijd met echte gebruikers en vertrouw niet alleen op kleur.

Verloopgenerator

Palet exporteren

Kies een kleurharmonie

Monochromatische paletten variëren één tint. Analoge kleuren liggen dicht bij elkaar; complementaire, triadische en tetradische modi gebruiken grotere tintafstanden.

Controleer toegankelijkheid

WCAG-resultaten hebben ook tekstlabels. Normale tekst vereist 4,5:1 voor AA en grote tekst 3:1.

Gebruik het juiste formaat

HEX en RGB worden breed ondersteund, HSL is eenvoudig aan te passen en OKLCH biedt gelijkmatiger waargenomen lichtheid en chroma.

Veelgestelde vragen over kleurenpaletten

Wat is kleurharmonie?

Een herhaalbare relatie tussen tinten, zoals analoge, complementaire of triadische kleuren.

Hoe maak ik een palet toegankelijk?

Controleer tekst-achtergrondcontrast, vertrouw niet alleen op kleur en test ook interactieve toestanden.

Wordt mijn afbeelding geüpload?

Nee. De kleurextractie gebeurt lokaal in de browser en de afbeelding wordt niet verzonden.

Welk exportformaat kies ik?

CSS-variabelen voor websites, SCSS voor stylesheets, JSON voor apps en PNG als visuele referentie.