Färgväljare
Släpp, klistra in (Ctrl+V) eller klicka för att ladda upp
Ladda upp ett foto för att välja färger
Eller prova ett exempel:
Färgpalett
Färgväljare och extraherare – Gratis onlineverktyg
Med vår kostnadsfria online-färgextraherare kan du välja valfri färg från ett foto med ett enda klick – ingen programvara behöver installeras och inget konto krävs. Ladda upp din bild, håll muspekaren över den för att förstora, klicka på valfri pixel för att direkt se dess HEX-, RGB-, HSL- och HSV-värden och generera sedan en komplett färgpalett från din valda färg. Ladda ner resultaten när som helst.
Hur man väljer färger från ett foto
Släpp ett foto på panelen, klicka Ladda upp foto, eller klistra in med Ctrl+V. Stöder JPEG, PNG, WebP, HEIC och GIF.
Håll muspekaren över bilden för att zooma in med förstoringsglaset och klicka sedan var som helst för att fånga pixelns färg. HEX-, RGB-, HSL- och HSV-värden visas direkt.
Klicka på valfritt värdefält för att kopiera det till urklipp, spara färger för senare eller generera en fullständig färgpalett och exportera den som CSS-variabler eller en PNG-färgruteremsa.
Viktiga funktioner
- Fyra färgformat – visa och kopiera den valda färgen i HEX, RGB, HSL och HSV med ett enda klick på valfritt värdefält.
- Pixelnoggrann förstoringsglas – ett cirkulärt zoomobjektiv följer din markör så att du kan hitta exakt den pixel du vill ha.
- 8 paletttyper – generera analoga, komplementära, triadiska, tetradisk, delat komplementärt, monokromatisk, nyanser eller tonerpaletter med 3–10 färgprover.
- Exportalternativ – kopiera alla palett-HEX-koder samtidigt, ladda ner en PNG-färgrutestripp eller exportera paletten som anpassade CSS-egenskaper (
:rootvariabler). - Sparade färger – bokmärk valfri färg till en personlig panel med sparade färger som lagras i din webbläsare; rensa dem när du vill.
- HEIC-stöd – iPhone-bilder i HEIC/HEIF-format konverteras automatiskt innan färgval.
- Fungerar helt i din webbläsare – dina foton laddas aldrig upp till någon server.
- Gratis och obegränsat – ingen registrering, inga vattenstämplar, inga begränsningar.
Vad är en färgextraktor?
En färgextraktor (eller bildfärgväljare) är ett verktyg som läser av den exakta färgen på en pixel i ett fotografi och konverterar den till standardfärgkoder som används i design och utveckling. Istället för att titta på en färg eller manuellt ange värden klickar du helt enkelt på den plats du är intresserad av och verktyget gör konverteringen åt dig – från de råa RGB-värdena som skärmen visar hela vägen till HSL- och HSV-representationer som används i grafiska designflöden.
Färgpalettgeneratorn tar detta ett steg längre: när du väl har valt en basfärg tillämpar den färgteori för att skapa harmoniska färgscheman som är redo att användas direkt i CSS, Figma eller något designverktyg.
Vanliga användningsområden
- Extraktion av varumärkesfärg – hämta exakta HEX-koder från en logotyp eller ett varumärkesfoto för att använda konsekvent på en webbplats eller i ett designsystem.
- Webb- och UI-design – matcha färger med en produktbild eller ett huvudfoto så att din layout känns sammanhängande.
- Palettgenerering – börja med en enda nyckelfärg och skapa ett fullständigt komplementärt eller analogt schema för ett projekt.
- Tryck och illustrationer – exempel på referensfoton för att hitta exakta RGB-värden innan du blandar färg eller konfigurerar en utskriftsprofil.
- CSS-teman – exportera palettvariabler direkt till en
:rootblock för att släppa direkt i ett stilmall.
Vanliga frågor
#3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), och HSV (hsv(216, 73%, 84%)). Klicka på valfritt fält för att kopiera det direkt.:root { } block som innehåller varje palettfärg som en anpassad CSS-egenskap (t.ex. --color-1: #3a7bd5;). Du kan klistra in detta direkt i ditt stilark och referera till variablerna genom hela projektet.