Färgpalettextraktor

Vad är Färgpalettextraktor

Färgpalettextraktorn analyserar valfri bild du laddar upp och identifierar automatiskt dess mest dominerande färger. Den returnerar upp till 10 färger som HEX-, RGB- och HSL-koder du kan kopiera med ett enda klick och använda direkt i dina designer, presentationer eller din kod.

Så använder du

  1. Ladda upp en bild genom att klicka på släppytan eller dra en fil till den.
  2. Välj hur många färger som ska extraheras: 4, 6, 8 eller 10.
  3. Klicka på en färgruta för att kopiera dess värde.
  4. Byt kopieringsformat mellan HEX, RGB och HSL med väljaren.
  5. Klicka på "Extrahera palett" igen för att analysera på nytt efter att du ändrat antalet.

När du använder det

Behöver du matcha en landningssida mot de exakta färgerna i ett produktfoto? Släpp in bilden, välj 6 färger, så får du HEX-koderna för bakgrund, accent och textnyanser. Klistra in dem direkt i din CSS, dra en till en presentation eller ge paletten till en kund så att alla utgår från samma varumärkesfärger.

Vanliga frågor

Hur bestäms de dominerande färgerna?

Verktyget grupperar bildens pixlar efter färglikhet och plockar ut de största grupperna som de dominerande färgerna. Ju fler färger du begär, desto fler mindre grupper ingår.

Laddas min bild upp till en server?

Nej. All analys sker lokalt i din webbläsare på klientsidan. Din bild lämnar aldrig din enhet.

Vilka bildformat stöds?

Alla vanliga webbformat: PNG, JPG, WebP och GIF. Verktyget läser bildens pixlar oavsett format.

Vad är skillnaden mellan HEX, RGB och HSL?

Alla tre representerar samma färg. HEX är en 6-teckenskod för CSS, RGB anger röda, gröna och blåa kanaler (0–255) och HSL anger nyans, mättnad och ljushet, vilket är mer intuitivt för att skapa variationer.

Varför matchar paletten ibland inte alla färger jag ser?

Extraktorn returnerar de mest dominerande färgerna efter yta. Små detaljer eller färger som bara täcker några få pixlar kanske inte kommer med om du inte ökar antalet extraherade färger.

Relaterade verktyg