Gratis kleurgereedschappen
Extraheer, analyseer, converteer en deel je kleuren. 12 professionele tools, 100% gratis, zonder registratie.
Kleurkiezer met pipet
Kies met de pipet elke kleur rechtstreeks uit een afbeelding en lees direct de precieze HEX-, RGB- en HSL-waarden af, klaar voor je ontwerp of stylesheet.
Kleuren extraheren
Extraheer automatisch de belangrijkste kleuren uit elke foto of afbeelding en kopieer de bijbehorende HEX-, RGB- en HSL-codes meteen naar je ontwerp of code.
Paletgenerator
Genereer een compleet en harmonieus kleurenpalet uit een afbeelding met bijpassende HEX- en RGB-waarden, meteen klaar om te exporteren naar CSS of je designtool.
Dominante kleuren
Identificeer de dominante kleuren in elke afbeelding, gerangschikt op hun aandeel, met exacte HEX- en RGB-waarden voor merkwerk, moodboards en presentaties.
Vergelijkbare kleuren
Vind kleuren die sterk lijken op je gekozen tint en ontdek nabije HEX-, RGB- en HSL-varianten om je palet subtiel uit te breiden of verder te verfijnen.
Kleur converteren
Converteer een kleur direct tussen HEX, RGB, HSL, CMYK, OKLCH en LAB en kopieer elke waarde meteen naar je stylesheet of ontwerpprogramma zonder omrekenen.
Kleurcontrast
Controleer de contrastratio tussen tekst en achtergrond en zie meteen of je kleurcombinatie voldoet aan de WCAG AA- en AAA-normen voor toegankelijke leesbaarheid.
Palet exporteren
Exporteer je kleurenpalet met één klik naar CSS-variabelen, SCSS, JSON of ASE en gebruik de kleuren meteen in je code of in je favoriete ontwerpprogramma.
Kleurvoorbeeld
Bekijk hoe je HEX- en RGB-kleuren er samen uitzien op knoppen, tekst en vlakken, zodat je elke combinatie kunt beoordelen voordat je ze toepast in je code.
Kleuren downloaden
Download je volledige kleurenpalet met alle HEX-codes als een nette PNG-afbeelding om te delen, te archiveren of toe te voegen aan je moodboard of merkgids.
Kleuren delen
Deel je kleurenpalet met teamleden of klanten via een unieke link met alle HEX-waarden, zodat iedereen exact dezelfde kleuren voor ogen heeft in het project.
Kleurharmonieën
Verken complementaire, triadische, analoge en split-schema's rond je basiskleur en krijg elke harmonie met HEX-waarden voor een evenwichtig en samenhangend palet.
CSS-verloop maken
Maak vloeiende lineaire en radiale verlopen met meerdere kleurstops en kopieer de kant-en-klare CSS-gradientcode direct in je stylesheet voor het web.
Mesh-verloop generator
Ontwerp rijke, meerkleurige mesh-verlopen met organische kleurovergangen en exporteer de achtergrond als kant-en-klare CSS-code voor je website of app.
Geanimeerd CSS-verloop
Maak een soepel bewegende, geanimeerde verloopachtergrond, stel de kleuren en snelheid in en kopieer de complete CSS met keyframes voor je site of landingspagina.
Kleurenblindheid simuleren
Simuleer hoe je kleuren eruitzien bij deuteranopie, protanopie en tritanopie en controleer of je palet duidelijk blijft voor kleurenblinde gebruikers.
Tekstleesbaarheid
Test de leesbaarheid van tekst op elke achtergrondkleur, bekijk de contrastratio en kies combinaties die comfortabel, rustig en toegankelijk blijven om te lezen.
WCAG-analysator
Analyseer elke kleurcombinatie in je palet op WCAG AA- en AAA-contrast en zie in één overzicht welke paren voldoen en welke nog aanpassing nodig hebben.
Glasmorfisme generator
Ontwerp een verfijnd matglas-effect met blur, transparantie en rand en kopieer de kant-en-klare CSS om glasmorfisme toe te passen in je interface of dashboard.
Neumorfisme generator
Maak zachte neumorfische knoppen en kaarten met dubbele schaduwen, stel kleur en diepte in en kopieer de CSS voor een subtiel en modern UI-effect in je app.
Gekleurde schaduwen
Genereer levendige gekleurde schaduwen onder je elementen, stel kleur, vervaging en spreiding in en kopieer de box-shadow-CSS direct in je ontwerp of stylesheet.
Duotoon-effect
Pas een stijlvol duotoon-effect toe op je foto met twee zelfgekozen HEX-tinten voor schaduw en licht, bekijk het resultaat live en download het voor je project.
Afbeelding-kleurfilter
Pas kleurfilters, tint en verzadiging toe op je afbeeldingen, bekijk het resultaat meteen live en download de bewerkte foto voor je website of social media.
Kleur Moodboard
Stel een visueel moodboard samen rond je kleurenpalet met HEX-codes en bijpassende tinten om de sfeer van een merk, product of project vast te leggen en te delen.
Kleurmixer
Meng twee kleuren in de gewenste verhouding en ontdek elke tussenliggende tint met HEX-, RGB- en HSL-waarden voor vloeiende, natuurlijke kleurovergangen.
Tinten & Schaduwen
Genereer een complete reeks lichtere tinten en donkerdere schaduwen van elke kleur met HEX-waarden, ideaal voor knoppen, statussen en complete designsystemen.
Willekeurig Palet
Genereer met één klik verrassende willekeurige kleurenpaletten met HEX-codes, vergrendel je favoriete tinten en blijf zoeken tot je de juiste sfeer vindt.
Palet van Trefwoord
Voer een trefwoord of stemming in, zoals oceaan of herfst, en genereer meteen een bijpassend kleurenpalet met HEX-waarden dat je direct in je ontwerp gebruikt.
Tailwind-palet
Genereer een volledige Tailwind CSS-kleurenschaal van 50 tot 950 uit je basiskleur en kopieer de configuratie direct in je tailwind.config voor je project.
CSS-variabelen exporteren
Exporteer je kleurenpalet als CSS custom properties met duidelijke, sprekende namen en HEX-waarden, meteen klaar om te plakken in de :root van je stylesheet.
shadcn/ui-thema generator
Genereer een compleet shadcn/ui-thema met licht- en donkervarianten in CSS-variabelen en kopieer de configuratie meteen in je globals.css van je project.
SCSS-variabelen exporteren
Exporteer je kleurenpalet als nette SCSS- of Sass-variabelen met sprekende namen en HEX-waarden, meteen klaar om te importeren in je stylesheets en mixins.
Kleurtemperatuur analyseren
Analyseer de temperatuur van elke kleur, zie of een tint warm of koel is en balanceer je palet zorgvuldig voor de juiste sfeer in je ontwerp of merkidentiteit.
Kleurstemming
Ontdek welke emoties en associaties je kleuren oproepen dankzij kleurpsychologie en kies de tinten die de juiste boodschap en sfeer voor je merk uitstralen.
Merkkleuren
Zoek een merk in de catalogus, bekijk de opgeslagen merkkleuren en kopieer snel de beschikbare HEX-codes.
Kleurtrends ontdekken
Ontdek actuele kleurtrends en trending paletten met HEX-codes en laat je inspireren voor je volgende ontwerp, merk, product of visuele campagne dit seizoen.
Verloopkaart toepassen
Leg een verloopkaart over je foto en herkleur de schaduwen, middentonen en hooglichten met je eigen gradient voor een filmische, stijlvolle en samenhangende look.
Kleuroverlay op afbeeldingen
Voeg een kleuroverlay met instelbare HEX-tint en dekking toe aan je afbeelding voor een consistente sfeer en download het bewerkte resultaat voor je project.
Monochromatisch Palet
Maak een elegant monochromatisch kleurenschema uit één basiskleur met lichtere en donkerdere HEX-tinten voor een rustige, verzorgde en samenhangende uitstraling.
Complementair Schema
Genereer een contrastrijk complementair kleurenschema rond je basiskleur met bijpassende HEX-waarden voor een levendig, evenwichtig en professioneel ontwerp.
UI-voorbeeld
Bekijk je kleurenpalet meteen op knoppen, kaarten en formulieren in realistische UI-componenten en beoordeel of de combinatie ook in de praktijk goed werkt.
Sociaal voorbeeld
Bekijk hoe je kleurenpalet overkomt in realistische social media-posts en profielen en controleer of je tinten opvallen en kloppen voordat je ze publiceert.
Professionele kleurgereedschappen voor ontwerpers en ontwikkelaars
Met onze kleurgereedschapsuite kun je paletten uit je afbeeldingen extraheren, converteren tussen formaten (HEX, RGB, HSL, CMYK), de WCAG-toegankelijkheid controleren en je kleuren exporteren naar CSS, Sass of Tailwind. Alle tools werken rechtstreeks in je browser, zonder registratie en met respect voor je privacy.
Kleurextractie en -analyse uit afbeeldingen
Gebruik onze kleurkiezer (pipet) om elke kleur in je foto's nauwkeurig te identificeren. Extraheer automatisch de dominante kleuren en genereer harmonieuze paletten uit je inspiratiebeelden. Perfect voor branding, webdesign en grafische creatie.
Kleurconversie en toegankelijkheid
Converteer je kleuren direct tussen HEX, RGB, HSL en CMYK. Controleer het contrast tussen je kleuren volgens de WCAG AA- en AAA-normen om de toegankelijkheid van je ontwerpen te waarborgen. Genereer kleurharmonieën op basis van de kleurencirkel: complementair, analoog, triadisch en meer.
100% gratis, zonder registratie, privacyvriendelijk
Al onze kleurgereedschappen zijn volledig gratis en vereisen geen registratie. Je afbeeldingen en gegevens worden lokaal in je browser verwerkt en nooit naar onze servers verzonden. Gebruik onze tools met vertrouwen voor je persoonlijke en professionele projecten.