Ga naar de hoofdinhoud
Uddatak

Kleurenpalet Extractor

De Kleurenpalet Extractor analyseert elke afbeelding die je uploadt en haalt automatisch de meest dominante kleuren eruit, met de HEX- en RGB-code van elke kleur plus het ongeveer aandeel ervan in de afbeelding. Kopieer één kleur met één klik, of kopieer het hele palet in één keer als kant-en-klare CSS custom properties. Handig om een kleuridentiteit te halen uit een productfoto, een logo of een ontwerp dat je mooi vindt. Alle analyse gebeurt in je browser via Canvas — je afbeelding wordt nooit naar een server geüpload.

Design- en CSS-tools Werkt volledig in je browser

Je afbeelding wordt volledig op je eigen apparaat verwerkt via Canvas en nooit geüpload naar een server.

Upload een afbeelding en de tool haalt automatisch de meest dominante kleuren eruit, met de HEX- en RGB-code van elke kleur, plus een knop om alle kleuren in één keer te kopiëren als CSS custom properties.

Sleep hier een afbeelding naartoe, of kies er een

JPG, PNG of WebP

Veelgestelde vragen

Nee — de afbeelding wordt volledig in je browser geanalyseerd via Canvas; ze wordt nooit naar een server geüpload.

Ga verder met

Volledig lokaal

CSS-verloopgenerator

Bouw visueel een lineaire of radiale CSS-gradient en kopieer de code.

Design- en CSS-toolsTool openen
Volledig lokaal

Kleurcontrast Checker

Controleer of een tekst-/achtergrondkleurcombinatie voldoet aan de WCAG-toegankelijkheidsnormen voor contrast.

Design- en CSS-toolsTool openen
Volledig lokaal

Kleurconverter

Converteer direct een kleur tussen HEX-, RGB- en HSL-formaat.

DevelopertoolsTool openen
Volledig lokaal

Kleurenpalet Harmonie Generator

Kies een basiskleur en krijg een harmonieus kleurenpalet (complementair, analoog, triadisch, tetradisch, monochromatisch).

Design- en CSS-toolsTool openen

Gerelateerde tools

Volledig lokaal

Code-screenshotgenerator

Plak code en zet het om in een strakke afbeelding met een gradiëntachtergrond en titelbalk, klaar om te delen.

Design- en CSS-toolsTool openen
Volledig lokaal

Kleurenblindheid Simulator

Zie hoe je afbeelding eruitziet voor iemand met kleurenblindheid (protanopie, deuteranopie, tritanopie of achromatopsie).

Design- en CSS-toolsTool openen
Volledig lokaal

CSS-clip-pathgenerator

Kies een kant-en-klare vorm (cirkel, driehoek, ster, spraakballon...) en kopieer de clip-path CSS-code.

Design- en CSS-toolsTool openen
Volledig lokaal

Cubic-bezier-easinggenerator

Sleep twee punten om visueel een aangepaste bewegingscurve te ontwerpen en kopieer de cubic-bezier code.

Design- en CSS-toolsTool openen
Volledig lokaal

CSS-glassmorphismgenerator

Ontwerp visueel een matglas-kaarteffect en kopieer de kant-en-klare CSS-code.

Design- en CSS-toolsTool openen

Wil je Uddatak proberen?

Blader door de volledige bibliotheek met tools en gebruik meteen wat je nodig hebt — gratis en zonder registratie.

Bekijk alle tools