Därför lade vi till automatisk palettextraktion i färgväljaren

Vår color picker har alltid låtit dig ladda upp en bild och klicka på valfri pixel för att få dess exakta HEX-, RGB- och HSL-värde. Det besvarar “vilken färg har just den här punkten?” — användbart, men inte den fråga de flesta faktiskt har när de laddar upp ett foto. Oftast är det “vilket övergripande färgschema har bilden?” — att plocka ut en varumärkespalett ur en logotyp, eller matcha stämningen i ett referensfoto till en webbplats färgschema.

Att sampla en enda pixel kan inte svara på det. Så vi lade till palettextraktion: ladda upp en bild, och verktyget plockar nu automatiskt ut de åtta mest dominerande färgerna och visar dem som klickbara färgrutor.

Så fungerar det

Ingen AI-modell är inblandad och inget laddas upp någonstans — det är en enkel frekvensräknande algoritm som körs på några millisekunder:

Bilden skalas ner till en 80×80-canvas. Full upplösning behövs inte för färgstatistik, och nedskalningen gör att allt går blixtsnabbt även för stora foton.
Varje pixel sorteras i en hink baserat på en förgrovad version av dess färg — de översta 5 bitarna i varje RGB-kanal, så att pixlar som är visuellt nästan identiska hamnar i samma hink i stället för att var och en räknas som en unik färg.
Hinkarna sorteras efter hur många pixlar som hamnade i dem, och de åtta största blir paletten, där varje visas som genomsnittsfärgen av allt i den hinken.

Det är allt. Ingen maskininlärning, ingen extern tjänst — bara nedskalning och räkning, vilket är varför det går direkt och aldrig lämnar din webbläsare.

Klicka på en ruta, få koden

Varje palettruta är klickbar: klicka på en så blir den verktygets aktiva färg, med HEX, RGB och HSL ifyllda automatiskt och hex-koden kopierad till urklipp i samma klick. Det finns också en “copy all”-knapp om du vill ha hela paletten som en kommaseparerad lista, praktiskt att klistra in direkt i ett designverktyg eller ett block med CSS custom properties.

Prova själv

Ladda upp valfri bild — en skärmdump, en logotyp, ett foto — på color picker-sidan så dyker paletten automatiskt upp därunder.