Kleurenpalet uit afbeelding

Direct, in je browserNooit geüpload

Haal de hoofdkleuren van elke foto, elk logo of elke screenshot op, kies exacte pixels en bewerk, vergrendel, vergelijk en exporteer het palet als CSS, JSON, GPL of een PNG/SVG-blad.

Zet een afbeelding hier neer, klik om te kiezen of plak vanaf het klembordJPG, PNG, WebP, HEIC, TIFF en meer · volledig op je apparaat verwerkt

Startpaletten

Originele kleurcombinaties gemaakt voor Imgovo. Open er een in de bewerker en pas hem aan.

Tip: foto’s bevatten vaak veel vergelijkbare tinten — probeer 5 of 6 kleuren voor een strak merkpalet, of 10–12 om meer detail te zien.

Veelgestelde vragen

Wordt mijn afbeelding naar een server geüpload?

Nee. De kleuren worden direct in je browser geanalyseerd. De afbeelding verlaat je apparaat nooit.

Hoe worden de kleuren van het palet gekozen?

Imgovo groepeert vergelijkbare kleuren (de “median cut”-methode 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 “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. “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”.

Kan ik maar een deel van de afbeelding analyseren?

Ja. Kies “Gebied selecteren”, sleep een rechthoek op de afbeelding en het palet wordt alleen van dat deel gemaakt. De afbeelding zelf wordt niet bijgesneden.

Hoe controleer ik of twee kleuren samen leesbaar zijn?

Open “Contrast”, kies een tekstkleur en een achtergrondkleur. Imgovo toont de WCAG 2.2-contrastverhouding en of die AA of AAA haalt voor normale en grote tekst. Dit controleert één paar effen kleuren; het is geen certificaat voor een heel ontwerp.

Welke formaten kan ik exporteren?

Tekstlijsten (HEX, RGB, HSL, OKLCH), CSS-variabelen, Tailwind CSS v4 en v3, JSON, CSV, een GIMP-palet (.gpl) en een PNG- of SVG-kleurenblad. Je kunt ook een PNG maken met de afbeelding en het bijbehorende palet.

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.

Wat bevat een paletlink?

Alleen de kleuren en een korte naam, geschreven in het deel van het adres na het #-teken. Iedereen met de link kan het palet zien, dus deel hem alleen als je dat wilt. De afbeelding maakt er nooit deel van uit.

Waarom worden transparante gebieden genegeerd?

Volledig of bijna volledig transparante pixels zijn niet zichtbaar, dus ze zouden alleen een zinloos zwart of wit aan het palet toevoegen. Gedeeltelijk transparante pixels tellen mee met hun eigen kleur, gewogen naar hoe zichtbaar ze zijn.

Kan ik een wijziging ongedaan maken?

Ja. Ongedaan maken en Opnieuw (knoppen boven de afbeelding, of Ctrl+Z / Ctrl+Shift+Z) halen eerdere kleuren, vergrendelingen, het geselecteerde gebied en de ophaalinstellingen terug.