Billedpaletudtrækker
Uddrag den rigtige farvepalet af ethvert foto i din browser: Kvantisering med medianskåret finder 3-12 nøglefarver med HEX-koder, CSS-variabler og JSON-eksport.
Resultat
Denne paletudtrækker læser de farver, der faktisk er i dit billede - ikke farver beregnet ud fra teori. Upload et billede, vælg hvor mange farver du vil have (3 til 12, fem eller seks passer til de fleste job), og værktøjet returnerer en palet af farveprøver sorteret efter vægt: den dominerende farve først, hver med sin HEX-kode, sin andel af billedet i procent og en kopiknap. Eksport er et klik væk - en CSS-brugerdefineret egenskabsblok klar til et stylesheet, et JSON-array til scripts og designtokens og en paletstrimmel PNG til moodboards.
Under hætten bruger værktøjet median-cut kvantisering, den samme algoritme, som GIF-kodere er afhængige af for at presse millioner af farver ind i en lille palet. Billedet nedskaleres først til omkring ti tusinde pixels på et lokalt lærred; derefter opdeles farverummet gentagne gange ved medianen af dens bredeste kanal, indtil det anmodede antal klynger er tilbage, og gennemsnittet af hver klynge til én farveprøve. Derfor afspejler resultatet, hvad dit øje ser som billedets karakter snarere end en håndfuld tilfældige samplede pixels.
Alt sker i din browser: ingen upload, ingen kø, ingen konto og fuld sikkerhed for upublicerede designs, klientbilleder og interne skærmbilleder. Ethvert format, som browseren kan afkode, virker - PNG, JPG, WebP, GIF og gennemsigtige områder ignoreres, så PNG-logoer producerer rene paletter.
Typiske anvendelser: at omdanne en mærkefotosession til designsystemfarver, matche en landingsside til et heltebillede, generere diagram- eller temafarver fra coverart eller dokumentere paletten af en illustration. Bemærk forskellen fra farvepaletgeneratoren, som bygger harmoniske paletter fra én basisfarve, du vælger - dette værktøj udtrækker paletten, som et rigtigt billede allerede har. Har du valgt en farveprøve og har brug for den i en anden notation? Farveformatkonverteren oversætter HEX til RGB, HSL og CMYK.