Palette-ekstraktor

Slipp inn et bilde, maleri, skjermbilde eller moodboard-bilde; få tilbake de 5–10 dominerende fargene med HEX-verdier. Bygg paletter fra merkevarefotografiene dine, prøvetoner fra et favorittmaleri, eller hent fargene fra en solnedgang for et designsystem som matcher bakgrunnsbildet.

Slik fungerer ekstraksjonen

Verktøyet klynger hver piksel i bildet etter fargelikhet (k-means i CIE Lab-rom, som tilnærmer hvordan mennesker oppfatter fargeforskjeller). Klyngesentrene blir dine dominerende farger. Du velger antall klynger (5 som standard; opptil 10 for rikere bilder).

Lab-rom-klynging er viktig: å gjøre det i rå RGB gir deg visuelt like duplikater og går glipp av subtile nyanseforskjeller som øyet fanger opp. Lab samsvarer med menneskelig persepsjon, så paletten føles riktig.

Hva du får tilbake

• 5 (eller 10) HEX-fargeprøver rangert etter dekningsområde.
• RGB og HSL for hver farge.
• Nedlasting av fargepalett som PNG (for deling) eller SVG (for designfiler).
• CSS-variabler-snutt klar til å lime inn i stilarket ditt.
• Tailwind-konfigurasjonssnutt klar for tailwind.config.js.

Vanlige arbeidsflyter

1. Merkevarepalett fra produktfotografi. Last opp heltebildet ditt; bygg merkevaren fra disse tonene.
2. Bakgrunnsbildetilpasset UI-tema. Hent fra favorittbakgrunnsbildet ditt; bruk paletten som app-tema.
3. Malerireferanse for digital kunst. Prøv mesterens palett før du maler din egen scene.
4. Moodboard-syntese. Kombiner flere referanser til én palett ved å hente fra hver og slå sammen favorittene.

Kombiner med relaterte verktøy

Når du har en palett, bygg gradienter mellom tilstøtende farger med Gradient Generator, eller konverter til trykkklar CMYK med Color Converter. For å velge en enkelt farge fra et bestemt sted i bildet, bruk Color Picker.