0

Bildepalettuttrekker

Trekk ut den virkelige fargepaletten til et hvilket som helst bilde i nettleseren din: Kvantisering med mediansnitt finner 3–12 nøkkelfarger med HEX-koder, CSS-variabler og JSON-eksport.

🧵

Dra og slipp bilde

Behandler... 0%
Leser bildefil
Nedskalering av piksler
Kjører median-kutt kvantisering
Bygge paletten

Resultat

Preview Output

Denne palettuttrekkeren leser fargene som faktisk er i bildet ditt - ikke farger beregnet fra teori. Last opp et bilde, velg hvor mange farger du vil ha (3 til 12, fem eller seks passer til de fleste jobber), og verktøyet returnerer en palett med fargeprøver sortert etter vekt: den dominerende fargen først, hver med sin HEX-kode, sin andel av bildet i prosent, og en kopieringsknapp. Eksporter er ett klikk unna – en blokk med egendefinerte CSS-egenskaper klar for et stilark, en JSON-matrise for skript og designtokens, og en palettstripe PNG for moodboards.

Under panseret bruker verktøyet median-cut kvantisering, den samme algoritmen GIF-kodere er avhengige av for å presse millioner av farger inn i en liten palett. Bildet nedskaleres først til omtrent ti tusen piksler på et lokalt lerret; deretter deles fargerommet gjentatte ganger ved medianen av dens bredeste kanal inntil det forespurte antallet klynger gjenstår, og gjennomsnittet av hver klynge beregnes til én fargeprøve. Det er grunnen til at resultatet gjenspeiler det øyet ser på som bildets karakter i stedet for en håndfull tilfeldig samplede piksler.

Alt skjer i nettleseren din: ingen opplasting, ingen kø, ingen konto og full sikkerhet for upubliserte design, klientbilder og interne skjermbilder. Ethvert format nettleseren kan dekode fungerer - PNG, JPG, WebP, GIF og gjennomsiktige områder ignoreres slik at PNG-logoer produserer rene paletter.

Typiske bruksområder: å gjøre om en merkevarefotografering til designsystemfarger, matche en landingsside til et heltebilde, generere diagram- eller temafarger fra omslagskunst, eller dokumentere paletten til en illustrasjon. Legg merke til forskjellen fra fargepalettgeneratoren, som bygger harmoniske paletter fra én grunnfarge du velger - dette verktøyet trekker ut paletten et ekte bilde allerede har. Har du valgt en fargeprøve og trenger den i en annen notasjon? Fargeformatkonverteren oversetter HEX til RGB, HSL og CMYK.