Naar de inhoud
snowkitDesign

Kies kleuren uit elke afbeelding, tot op de pixel

Open een foto, screenshot of logo en tik ergens om de kleur als HEX, RGB of HSL te krijgen.

Kleurenkiezer

Zet hier een afbeelding neer JPG, PNG, WebP, GIF of SVG. Je kunt ook een screenshot plakken met Ctrl+V.

Open een afbeelding en klik er ergens op om een kleur te kiezen

Een zoomloep maakt kleine details makkelijk te raken, en de hoofdkleuren van de afbeelding worden als palet gehaald dat je kunt kopiëren of exporteren. Vind de exacte kleur van alles in een afbeelding, gratis en privé.

Hoe je een kleur uit een afbeelding kiest

  1. Druk op Een afbeelding openen.
  2. Beweeg over de afbeelding en klik of tik om een kleur te kiezen. Gebruik Steekproefgrootte om 1 pixel, 3 × 3 of 5 × 5 pixels te middelen.
  3. Lees de waarde als HEX, RGB of HSL en druk op Kopiëren.
  4. Je keuzes worden verzameld onder Jouw keuzes.
  5. Kies Hoofdkleuren of Gelijkmatig verdeeld voor een automatisch palet en stel in hoeveel Kleuren je wilt.
  6. Als het palet niet helemaal goed is, vergrendel dan de kleuren die je leuk vindt, verwijder de rest en druk op De rest opnieuw kiezen. Uit afbeelding toevoegen zet elke kleur waarop je klikt in het palet.
  7. Kies onder Exporteren Palet, CSS, JSON, GIMP of Adobe en druk op Palet downloaden.

Exacte kleuren uit elke afbeelding

Beweeg over de afbeelding en de loep toont de pixels onder je aanwijzer, vergroot, met degene die je kiest in het midden. Klik of tik om hem te kiezen. Sleep op een telefoon je vinger en til hem op bij de kleur die je wilt; de loep staat boven je vinger zodat je kunt zien wat eronder zit. Focus met een toetsenbord op de afbeelding en gebruik de pijltoetsen, met Shift ingedrukt om sneller te bewegen, en druk dan op Enter.

Een palet in één stap

Hoofdkleuren groepeert gelijkende pixels en somt de kleuren op die het grootste deel van de afbeelding beslaan, wat past bij foto's en huisstijlbeelden. Gelijkmatige verdeling splitst het volledige kleurenbereik in gelijke groepen, zodat kleine accenten zoals een logo of knopkleur eerder een eigen staal krijgen. Kies hoeveel kleuren je wilt; elk staal toont hoeveel van de afbeelding het beslaat.

Klaar voor je ontwerptools

Kopieer één waarde als HEX, RGB of HSL voor CSS, of exporteer het hele palet als CSS-eigenschappen, JSON voor code en designtokens, een GIMP-palet dat ook Inkscape en Krita lezen, of een Adobe Swatch Exchange-bestand voor Photoshop en Illustrator. Afbeeldingen worden door je browser gelezen en nooit geüpload.

Tips voor nauwkeurige kleuren

  • Gebruik een grotere steekproefgrootte bij foto's, want losse pixels kunnen ruis bevatten.
  • Gebruik 1 pixel voor vlakke logo's, iconen en screenshots, waar je de exacte waarde wilt.
  • Houd er rekening mee dat de kleuren van een foto afhangen van het licht en de camera, dus ze komen mogelijk niet overeen met het echte voorwerp.
  • Gebruik de kleurconverter om contrast te controleren en tussen formaten te wisselen.

Veelgebruikt voor

Een website of dia op een logo afstemmen, een kleurenpalet van een foto bouwen, verf- of stofkleuren kiezen en de exacte kleur uit een screenshot kopiëren. Ontwerpers, studenten en kleine ondernemers gebruiken het elke dag.

Vragen

Wordt mijn afbeelding geüpload?

Nee. Het wordt in je browser gelezen.

Welke afbeeldingstypen werken?

Elke afbeelding die je browser kan openen, waaronder PNG, JPG, WebP, GIF en SVG.

Welk paletformaat moet ik gebruiken?

Gebruik CSS voor websites, JSON voor code, GIMP voor gratis ontwerpprogramma's en Adobe voor Photoshop en Illustrator.

Waar nu heen

Ga verder met wat je zojuist hebt gemaakt, nog steeds op je apparaat.

Meer van Snowkit