Een kleurenpalet uit een afbeelding halen (HEX-codes)
Op deze pagina
Kort antwoord: open Kleurenpalet uit afbeelding van Imgovo, voeg een foto, logo of screenshot toe, kies hoeveel kleuren je wilt en klik op Kleuren ophalen. Klik op een plek op de afbeelding om de exacte HEX-code te lezen, bewerk daarna het palet en exporteer het als HEX, CSS-variabelen, Tailwind, JSON, een GIMP-palet of een PNG/SVG-kleurenblad. Er wordt niets geüpload.
Wat je met een palet kunt doen
Een palet uit een foto is een snelle manier om kleuren te kiezen die bij elkaar horen: voor een website, een presentatie, een poster of een logo. Je kunt het ook gebruiken om de exacte HEX-code van een kleur in een screenshot of merkafbeelding te vinden.
Stap voor stap
- Open Kleurenpalet uit afbeelding en zet een afbeelding op de pagina neer, klik om er een te kiezen of plak vanaf het klembord. JPG, PNG, WebP, HEIC, TIFF en meer worden geaccepteerd. Probeer een voorbeeld als je alleen even wilt rondkijken.
- Stel het aantal kleuren in. Foto’s bevatten veel vergelijkbare tinten, dus 5 of 6 kleuren geven een strak merkpalet en 10 tot 12 tonen meer detail.
- Kies hoe kleuren worden gekozen: Dominante kleuren, Gebalanceerd of Accenten.
- Klik op Kleuren ophalen.
- Klik op een kleurvak om het te selecteren. Gebruik de knoppen op een kleurvak om de kleur te kopiëren of te vergrendelen.
De exacte kleur van één plek kiezen
Klik of tik op de afbeelding. Met Exacte pixel leest Imgovo één pixel van de afbeelding op volledige grootte, niet van een geschaalde kopie. Bij de opties van de kleurkiezer kun je in plaats daarvan het gemiddelde van 3 × 3 of 5 × 5 pixels gebruiken, wat beter is voor ruisachtige foto’s. Kies dan Aan palet toevoegen of Geselecteerde kleur vervangen.
Je kunt het kruis ook met de pijltjestoetsen verplaatsen en op Enter drukken.
Maar een deel van de afbeelding analyseren
Kies Gebied selecteren en sleep een rechthoek op de afbeelding. Het palet wordt alleen van dat deel gemaakt; de afbeelding zelf wordt niet bijgesneden. De hele afbeelding gebruiken keert terug naar de volledige afbeelding.
Onder Meer opties kun je bijna wit, bijna zwart of de gekozen kleur negeren en een tolerantie instellen. Een representatieve kleur is het gemiddelde van een groep, dus hij hoeft niet als losse pixel te bestaan. Kies de optie voor kleuren die in de afbeelding voorkomen als je echte pixels nodig hebt.
Het palet bewerken, vergrendelen en uitbreiden
- Bewerk een geselecteerde kleur in HEX, RGB, HSL of OKLCH en geef hem een naam.
- Vergrendel kleuren die je wilt houden. Genereren en Toepassen laten vergrendelde kleuren op hun plek.
- Harmonieën bouwen complementaire, analoge, gesplitst complementaire, triade-, tetrade- of monochrome sets op vanuit een kleur.
- Schalen maken lichtheidsstappen, lichtere tinten, donkerdere tinten of gedempte tinten, met 5, 9 of 11 stappen.
- Variaties vullen de kleuren die niet zijn vergrendeld, in stijlen als pastel, levendig, gedempt, aards, monochroom, lichte interface en donkere interface. De afbeelding wordt niet opnieuw geanalyseerd.
- Ongedaan maken en Opnieuw (Ctrl+Z en Ctrl+Shift+Z) halen eerdere kleuren en instellingen terug.
Exporteren
Onder Exporteren kun je het palet kopiëren of downloaden als:
- HEX-, RGB-, HSL- of OKLCH-lijsten,
- CSS-variabelen,
- Tailwind CSS v4 of v3,
- JSON of CSV,
- een GIMP-palet (
.gpl), - een kleurenblad als PNG of SVG,
- een PNG met de afbeelding en het bijbehorende palet.
Opslaan en delen
Opgeslagen paletten blijven alleen in deze browser; als je de sitegegevens wist, zijn ze weg, dus exporteer het JSON-bestand als back-up. Paletlink kopiëren maakt een link die alleen de kleuren en een korte naam bevat, nooit de afbeelding. Iedereen met de link kan het palet zien.
Controleer de kleuren voordat je ze gebruikt
Een palet uit een foto garandeert geen leesbare tekst. Test een tekst-achtergrondpaar op het tabblad Contrast; zie Het kleurcontrast controleren (WCAG).
Privacy
De kleuren worden in je browser geanalyseerd. De afbeelding verlaat je apparaat nooit en wordt niet met het palet opgeslagen.
Probeer het nu
Open Kleurenpalet uit afbeelding, voeg een afbeelding toe en klik op een plek om de HEX-code te krijgen. Is je bron een SVG, zet hem dan eerst om naar een PNG met de SVG-omzetter.
Veelgestelde vragen
Hoe worden de kleuren van het palet gekozen?
Imgovo groepeert vergelijkbare kleuren (de median-cutmethode die veel ontwerptools gebruiken) en toont de belangrijkste groepen. Elk kleurvak is het gemiddelde van zijn groep, dus het komt overeen met wat je ziet. Dezelfde afbeelding en instellingen geven altijd dezelfde kleuren.
Wat betekent een percentage zoals Ongeveer 34%?
Het is het deel van de geanalyseerde zichtbare pixels dat bij die groep vergelijkbare kleuren hoort. Het is geen telling van objecten, en niet elke pixel van de groep heeft precies die HEX-code. Kleuren die je zelf hebt gekozen, bewerkt of gegenereerd hebben geen aandeel.
Wat is het verschil tussen een representatieve kleur en een kleur die in de afbeelding voorkomt?
Een representatieve kleur is het gemiddelde van een groep vergelijkbare pixels, dus hij hoeft nergens in de afbeelding voor te komen. De optie voor kleuren die in de afbeelding voorkomen gebruikt de echte pixel van de groep die het dichtst bij dat gemiddelde ligt.
Hoe krijg ik de kleur van één exacte plek?
Klik of tik op de afbeelding. Exacte pixel leest één pixel van de afbeelding op volledige grootte, niet van een geschaalde kopie. In de opties van de kleurkiezer kun je in plaats daarvan 3 × 3 of 5 × 5 pixels middelen. Kies dan Aan palet toevoegen of Geselecteerde kleur vervangen.
Waar worden opgeslagen paletten bewaard?
Alleen in deze browser, zonder account. Als je de sitegegevens wist of een privévenster gebruikt, zijn ze weg, dus exporteer het JSON-bestand als je een back-up wilt. De originele afbeelding wordt nooit met een palet opgeslagen.
Wordt mijn afbeelding geüpload?
Nee. De kleuren worden direct in je browser geanalyseerd en de afbeelding verlaat je apparaat nooit.