Å bygge et design rundt et produktbilde, et merkevarebilde eller et stemningsbilde starter med fargene. Slipp inn bildet og få den dominerende paletten, sortert fra lys til mørk, hver fargeprøve ett klikk unna en kopiert hex-kode.
Uttrekket bruker median-cut-kvantisering på de faktiske pikslene — samme algoritmefamilie som bilderedigerere bruker — så paletten gjenspeiler den virkelige fargefordelingen, ikke bare et uskarpt gjennomsnitt.
Slik bruker du verktøyet
- Legg til et bildeEt hvilket som helst foto, logo eller kunstverk.
- Juster palettstørrelsenFra 3 til 12 farger — se fargeprøvene oppdatere seg direkte.
- Kopier kodeneKlikk på en fargeprøve for hex-koden, eller kopier hele paletten på én gang.
Hent en ekte palett fra ethvert bilde
Denne uttrekkeren leser de faktiske pikslene i bildet ditt og finner de dominerende fargene med median-cut-kvantisering, samme tilnærming som ligger bak god fargereduksjon. Det betyr at paletten gjenspeiler det som virkelig finnes i bildet, ikke en gjetning eller et filtrert gjennomsnitt. Last inn et bilde og du får et sett HEX-fargeprøver hentet rett fra kilden.
Du velger hvor mange farger som skal hentes, fra 3 til 12. Færre prøver gir deg en stram palett i merkevarestil; flere gir deg et fyldigere fargeskjema for designarbeid. Identiske prøver fjernes som duplikater, så du får aldri samme HEX to ganger.
Kopier HEX-koder med ett klikk
Hver fargeprøve viser HEX-verdien sin, og et klikk på en prøve kopierer koden til utklippstavlen. Når du vil ha hele settet, kopierer én knapp hele paletten på én gang, klar til å limes inn i CSS, et designverktøy eller en stilguide. Paletten er sortert fra lys til mørk så den leses som en ordnet skala i stedet for et virvar.
Fordi alt kjører i nettleseren på ditt eget bilde, kan du trekke ut en fargepalett fra et foto, et skjermbilde eller en logo uten å laste opp noe.
Hva folk bruker det til
Bygge en merkevarepalett — Hent de dominerende fargene fra en logo eller et toppbilde for å forankre et konsistent fargesystem.
Matche et design til et foto — Trekk ut fargeskjemaet fra et produktbilde så oppsettet ditt føles som en del av samme bilde.
Nett- og UI-tematisering — Hent HEX-koder fra et stemningsbilde for å så CSS-variabler for et nettsteds aksent- og bakgrunnsfarger.
Plukke farger fra kunstverk — Prøvetak de ekte fargene i en illustrasjon eller et maleri for gjenbruk i ditt eget arbeid.
Presentasjons- og lysbildetemaer — Trekk ut noen dominerende farger fra et forsidebilde for å tematisere hele presentasjonen.
Stemningsbrett for mote og interiør — Hent paletten fra et inspirasjonsfoto for å matche stoffer, maling eller tilbehør.
Fargesett for datavisualisering — Hent et distinkt sett med farger fra et referansebilde for å bygge en diagrampalett.
Raskt HEX-oppslag — Slipp inn et skjermbilde og klikk på prøven du trenger for å kopiere den eksakte HEX-koden.
Hvorfor IMG.DIY
Ekte dominanter
Median-cut over faktiske piksler, ikke et uskarpt gjennomsnitt.
Ettklikkskopiering
Hver fargeprøve kopierer sin hex umiddelbart.
3–12 farger
Bestem nøyaktig hvor detaljert paletten skal være.
Privat
Bildet forlater aldri enheten din.