Farveudtrækker til billeder analyserer enhver billedfil (træk, indsæt eller klik for at indlæse) og returnerer op til 16 dominerende farver med procentvise vægte. Bruger pixel-sampling og bucket-kvantisering direkte i browseren — ingen upload, ingen server-tur. Klik på en farveprøve for at kopiere dens hex-værdi, eller brug Kopiér Alle for hele paletten.
Designere og udviklere har konstant behov for at udtrække farver fra billeder — hente brandfarver fra et logo, bygge en palette ud fra et fotografi, matche UI'et til referencekunst. Farveudtrækker til billeder klarer dette direkte i browseren uden upload. Træk, indsæt eller klik for at indlæse et billede (PNG, JPG, SVG, WebP, GIF). Værktøjet tegner en nedskaleret version til et canvas, sampler hver 4. pixel, opdeler dem i et reduceret farverum (5 bit pr. kanal, ca. 32.000 buckets), beregner gennemsnittet af den faktiske RGB-værdi for hver bucket, og vælger derefter de N mest befolkede buckets, mens næsten-identiske farver flettes sammen (inden for 24 Manhattan-afstand i RGB). Resultatet er en ren, repræsentativ palette, der afspejler den faktiske visuelle sammensætning — ikke bare de mest eksakte pixelmatch-farver. En skyder for antal (3-16) lader dig justere palettestørrelsen efter behov. Hver farveprøve viser hex-værdi og procentandel af pixels; klik for at kopiere enkeltvis, eller brug Kopiér Alle for at hente dem alle på én gang.
Indlæser ethvert almindeligt billedformat og genererer en palette med dominerende farver på under et sekund, selv for store billeder.
Hver udtrukket farve viser sin procentandel af billedarealet — se med det samme hvilke farver der dominerer, og hvilke der er accenter.
Skyder til at vælge 3-16 farver. Små paletter til brandarbejde; større til fotografiske referencer.
Klik på en farveprøve for at kopiere dens hex-værdi. Eller brug Kopiér Alle for at få hele paletten som en linjeadskilt liste, klar til bulk-brug.
Ingen upload, intet serverkald, billedet forlader aldrig din maskine. Sikkert for private mockups, uudgivne assets eller følsomt materiale.
PNG, JPG, SVG, WebP, GIF, ICO — alle understøttet via standard canvas-afkodning. Transparente pixels springes automatisk over.
Slip et logobillede, udtræk de præcise farver, der er brugt, og kopiér dem ind i dine brandkit-CSS-variabler eller designsystem.
Giv værktøjet et landskabsfoto for at få en 5-farvers palette, der indfanger dets stemning — nyttigt til art direction eller temaopbygning.
Tag et skærmbillede af et referenceinterface, udtræk paletten, og brug de farver i din egen mockup for at matche det visuelle udtryk.
Når en kunde sender et enkelt billede som branding-retning, kan du udtrække 8-10 farver for at foreslå en startpalette, der er tro mod referencen.
Hent de to mest dominerende farver fra et billede for at bygge en baggrundsgradient, der komplementerer forgrundens element.
Klik på ikonet Image Colors i DevSuite Pro-dockens. Et panel åbner med en dropzone og indstillinger.
Træk en fil ind, indsæt fra udklipsholder (Ctrl+V), eller klik for at åbne filvælgeren. Værktøjet indlæser og sampler pixels automatisk.
Brug skyderen til at vælge, hvor mange farver der skal udtrækkes (3-16). Paletten genudtrækkes øjeblikkeligt, mens du trækker.
Hver farveprøve viser sin hex-kode og procentandel af billedarealet. Kig efter de dominerende farver — de har de højeste procenter.
Klik på en farveprøve for at kopiere dens hex-værdi, eller brug Kopiér Alle for at hente hele paletten som en liste til brug i dit designværktøj eller CSS.
Installer DevSuite Pro gratis og lås op for 64+ udviklerværktøjer til din browser.