Derfor tilføjede vi automatisk palette-udtræk til farvevælgeren

Vores farvevælger har altid ladet dig uploade et billede og klikke på en vilkårlig pixel for at få dens præcise HEX-, RGB- og HSL-værdi. Det besvarer “hvilken farve har netop dette punkt?” — nyttigt, men ikke det spørgsmål, de fleste faktisk har, når de uploader et foto. Som regel er det “hvad er billedets overordnede farveskema?” — at trække en brandpalette ud af et logo eller matche stemningen i et referencefoto til en hjemmesides farveskema.

Sampling af enkeltpixels kan ikke besvare det. Så vi tilføjede palette-udtræk: upload et billede, og værktøjet trækker nu automatisk de otte mest dominerende farver ud og viser dem som klikbare farveprøver.

Sådan virker det

Der er ingen AI-model involveret, og intet bliver uploadet nogen steder — det er en ligetil frekvenstællings-algoritme, der kører på få millisekunder:

1. Billedet nedskaleres til et 80×80-canvas. Fuld opløsning er ikke nødvendig for farvestatistik, og nedskaleringen holder det hele lynhurtigt, selv for store fotos.
2. Hver pixel placeres i en “spand” baseret på en forgrovet version af dens farve — de øverste 5 bits af hver RGB-kanal, så pixels, der visuelt er næsten identiske, lander i samme spand i stedet for hver at tælle som en unik farve.
3. Spandene sorteres efter, hvor mange pixels der landede i dem, og de otte største bliver paletten, hver vist som gennemsnitsfarven af alt i den pågældende spand.

Det er det hele. Ingen machine learning, ingen ekstern tjeneste — bare nedskalering og optælling, og derfor er det øjeblikkeligt og forlader aldrig din browser.

Klik på en farveprøve, få koden

Hver farveprøve i paletten er klikbar: klik på en, og den bliver værktøjets aktive farve, med HEX, RGB og HSL udfyldt automatisk og hex-koden kopieret til din udklipsholder i samme klik. Der er også en “copy all”-knap, hvis du vil have hele paletten som en kommasepareret liste — praktisk til at indsætte direkte i et designværktøj eller en blok med CSS custom properties.

Prøv det

Upload et vilkårligt billede — et screenshot, et logo, et foto — på farvevælger-siden, og paletten dukker automatisk op nedenunder.