Färgväljare för bilder — HEX, RGB, HSL, CMYK

Hitta den exakta färgen på vilken pixel som helst

Designers, utvecklare och pysslare behöver ofta den exakta färgkoden för något de ser i en bild: en varumärkesfärg i en logotyp, bakgrunden i en skärmdump, en nyans från ett produktfoto eller tonen i en målning. Med denna färgväljare för bilder öppnar du vilken bild som helst och klickar på en pixel för att läsa dess färg. En rund förstorare zoomar in området under markören så att du träffar exakt rätt pixel, även på tunna linjer, liten text eller kantutjämnade kanter. Varje vald färg kopieras till urklipp som HEX-kod och läggs till i en historik för senare. Bilden lämnar aldrig din enhet eftersom all läsning sker på en lokal canvas.

HEX, RGB, HSL och CMYK förklarade

Väljaren visar varje färg i fyra notationer. HEX, som #1E90FF, är den kompakta formen som används i CSS, HTML och de flesta designverktyg. RGB anger röd, grön och blå kanal från 0 till 255 och är praktiskt för kod och bildredigerare. HSL beskriver nyans, mättnad och ljushet, vilket gör det enkelt att skapa ljusare eller mörkare varianter av samma färg. CMYK ger en ungefärlig blandning av cyan, magenta, gul och svart för tryck; för exakt tryckmatchning bör du kontrollera värdet mot skrivarens färgprofil. Klicka på ett värde för att kopiera det i det formatet.

Tips för exakta val

Foton och JPEG-bilder innehåller brus, så närliggande pixlar kan skilja sig åt med några värden. Aktivera Average 5×5 pixels för att sampla ett litet område och få den färg ditt öga faktiskt uppfattar. Använd PNG-skärmdumpar när du matchar gränssnittsfärger, eftersom de är förlustfria. I Chrome och Edge kan knappen Pick from screen sampla färger var som helst på skärmen, även från andra fönster. För att hämta huvudfärgerna i en hel bild på en gång använder du palettextraktorn, och kontrollera textens läsbarhet med en kontrastkontroll innan du använder dina färger i en design.