Titel

Kleurenkiezer

Sleep, plak (Ctrl+V) of klik om te uploaden

HEX
#888888
RGB
rgb(136, 136, 136)
HSL
hsl(0, 0%, 53%)
HSV
hsv(0, 0%, 53%)

Upload een foto om kleuren te kiezen

Of probeer eens een voorbeeld:

Voorbeeld 1
Voorbeeld 2
Voorbeeld 3
— Klik op de afbeelding om een kleur te kiezen

Kleurenpalet

Kleuren: 3

Kleurenkiezer en -extractor – Gratis online tool

Met onze gratis online kleurenextractor kun je met één klik elke gewenste kleur uit een foto selecteren – zonder software te installeren en zonder account. Upload je afbeelding, beweeg de muis eroverheen om in te zoomen, klik op een pixel om direct de HEX-, RGB-, HSL- en HSV-waarden te zien en genereer vervolgens een volledig kleurenpalet van de gekozen kleur. Download de resultaten wanneer je maar wilt.

Hoe kies je kleuren uit een foto

1
Upload je afbeelding

Sleep een foto naar het paneel en klik Foto uploaden, Of plak met Ctrl + V. Ondersteunt JPEG, PNG, WebP, HEIC en GIF.

2
Klik om een kleur te kiezen

Beweeg de muis over de afbeelding om in te zoomen met het vergrootglas en klik vervolgens ergens om de kleur van die pixel vast te leggen. De HEX-, RGB-, HSL- en HSV-waarden verschijnen direct.

3
Een palet kopiëren of genereren

Klik op een waardeveld om de waarde naar het klembord te kopiëren, kleuren op te slaan voor later gebruik, of een volledig kleurenpalet te genereren en te exporteren als CSS-variabelen of een PNG-kleurenstrook.

Belangrijkste kenmerken

  • Vier kleurenformaten – Bekijk en kopieer de geselecteerde kleur in HEX, RGB, HSL en HSV met één klik op een willekeurig waardeveld.
  • Pixelnauwkeurige vergrootlens – een cirkelvormige zoomlens volg je cursor, zodat je precies de gewenste pixel kunt selecteren.
  • 8 soorten paletten – Genereer analoge, complementaire, triadische, tetradische, gesplitst-complementaire, monochrome, schakeringen- of tintpaletten met 3-10 kleurstalen.
  • Exportopties – kopieer alle HEX-codes van het palet in één keer, download een PNG-kleurstalenstrook of exporteer het palet als aangepaste CSS-eigenschappen (:root variabelen).
  • Opgeslagen kleuren – Sla elke gewenste kleur op in een persoonlijk paneel met opgeslagen kleuren in je browser; je kunt ze op elk gewenst moment verwijderen.
  • HEIC-ondersteuning – iPhone-foto's in HEIC/HEIF-formaat worden automatisch geconverteerd voordat de kleuren worden geselecteerd.
  • Werkt volledig in je browser – Je foto's worden nooit naar een server geüpload.
  • Gratis en onbeperkt – geen aanmelding, geen watermerken, geen beperkingen.

Wat is een kleurextractor?

Een kleurextractor (of beeldkleurkiezer) is een tool die de exacte kleur van elke pixel in een foto leest en deze omzet in standaardkleurcodes die worden gebruikt in ontwerp en ontwikkeling. In plaats van een kleur op het oog te beoordelen of handmatig waarden in te voeren, klikt je eenvoudig op de gewenste plek en de tool voert de conversie voor je uit — van de ruwe RGB-waarden die je scherm weergeeft tot de HSL- en HSV-representaties die worden gebruikt in grafische ontwerpworkflows.

De kleurenpaletgenerator gaat nog een stap verder: zodra je een basiskleur hebt gekozen, past hij kleurentheorie toe om harmonieuze kleurschema's te genereren die direct te gebruiken zijn in CSS, Figma of elke andere ontwerptool.

Veelvoorkomende toepassingen

  • Merk kleurextractie – Haal de exacte HEX-codes uit een logo of merkfoto om deze consistent te gebruiken op een website of in een ontwerpsysteem.
  • Web- en UI-ontwerp – Stem de kleuren af op een productafbeelding of een prominente foto, zodat je lay-out een samenhangend geheel vormt.
  • Paletgeneratie – begin met één hoofdkleur en creëer een volledig complementair of analoog kleurenschema voor een project.
  • Drukwerk en illustratie – Gebruik voorbeeldfoto's om nauwkeurige RGB-waarden te vinden voordat je verf mengt of een printprofiel configureert.
  • CSS-thema's – exporteer paletvariabelen direct naar een :root Dit blok kan direct in een stylesheet worden geplaatst.

Veelgestelde vragen

Ja, de tool is volledig gratis en er zijn geen gebruiksbeperkingen. Je hoeft geen account aan te maken of betaalgegevens te verstrekken.
Nee. Alle verwerking vindt volledig plaats in je browser met behulp van de HTML5 Canvas API. Je afbeelding wordt nooit naar een server verzonden, dus je privacy is volledig beschermd.
De tool toont de geselecteerde kleur gelijktijdig in vier formaten: HEX (bijv. #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), en HSV (hsv(216, 73%, 84%)). Klik op een veld om het direct te kopiëren.
Wanneer je de cursor over de afbeelding beweegt, verschijnt er een cirkelvormig vergrootglas in de buurt van de cursor, waarmee de omliggende pixels worden vergroot. Dit maakt het gemakkelijk om de gewenste pixel te identificeren en aan te klikken, vooral bij foto's met fijne details of subtiele kleurovergangen.
Klik op een willekeurige pixel in je afbeelding om een basiskleur in te stellen en scroll vervolgens naar beneden naar de Kleurenpalet sectie. Kies een palettype (Analoog, Complementair, Triadisch, enz.) en sleep de schuifregelaar om 3-10 kleurstalen te selecteren. Het palet wordt direct bijgewerkt. Gebruik Kopieer kleuren, Download PNG, of CSS exporteren om het resultaat te gebruiken.
Exporteer CSS-kopieën :root { } blok dat elke paletkleur bevat als een aangepaste CSS-eigenschap (bijv. --color-1: #3a7bd5;). Je kunt dit direct in je stylesheet plakken en de variabelen in je hele project gebruiken.
Ja. HEIC- en HEIF-bestanden worden automatisch in je browser naar JPEG geconverteerd voordat de afbeelding wordt weergegeven. Tijdens de conversie verschijnt een laadindicator en er worden geen bestanden naar onze servers verzonden.