Verktyg95

SKAPA NÅGOT FANTASTISKT

Färgväljare för bild.

Välj HEX-, RGB- och HSL-färger från en bild. Extrahera och redigera en palett, kontrollera textkontrast, kopiera sedan färger eller exportera PNG, SVG, CSS eller JSON.

Annonser
Din bildarbetsyta
Tillfällig serverbearbetning
eller dra och släpp här
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Välj din bild för att komma igång.BILD
Annonser
Blogg Hur man väljer bildfärger och skapar en palett Läs guiden

Välj bildfärger och bygg en palett som du kan använda

Inspektera en pixel, kopiera dess HEX, RGB eller HSL-värde, och extrahera en startpalett från ett foto. Behåll färgerna du gillar, redigera resten, kontrollera ett text-och-bakgrundspar och exportera PNG, SVG, CSS eller JSON.

En bild tillhandahåller individuella färgprover och en palett som kan förfinas och exporteras.
SNABB VIDEO-TUTORIAL How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. Engelskt tal Se videon

How to pick an image color and export a palette

Funktioner och kontroller

Välj en pixel med en förstorad vy

Klicka eller tryck på bilden för att inspektera en färg, kopiera sedan dess kod.

Exakt positionering och begränsningar för förhandsgranskning

Förstoringsglaset hjälper dig att sikta på små detaljer. Fokusera bilden och använd piltangenterna för att flytta en pixel, Shift plus en pil för att flytta tio, och Enter för att välja. HEX, RGB och HSL har individuella kopieringsknappar. Källor som kan avkodas av webbläsaren samplas i webbläsaren sRGB. När en normaliserad förhandsgranskning används istället, identifierar dess etikett färgerna och koordinaterna som ungefärliga.

Extrahera en användbar startpalett

Välj 3 till 12 färger att extrahera och prova Dominant eller Vibrant.

Hur färger och procentsatser uppskattas

Dominant prioriterar bildens huvudfärger. Vibrant ger färgglada accenter mer inflytande. Extrahering samplar en begränsad bild, grupperar liknande färger och returnerar upp till det begärda antalet; en platt bild kan innehålla färre. Helt transparenta pixlar exkluderas, och partiell opacitet minskar en pixels vikt. Procentsatser beskriver ungefärliga samplade grupper, inte ett exakt antal av varje ursprunglig pixel. Automatisk extrahering laddar upp bilden till servern.

Behåll, ersätt och sortera om dina färger

Lås användbara färgprover, redigera deras HEX-värden eller lägg till en vald eller anpassad färg.

Förfina en palett före export

Välj ett färgprov för att redigera dess färg, flytta det åt vänster eller höger, eller ta bort det. Lås behåller en vald färg när du använder Uppdatera palett eller ändrar extraheringsinställningarna. Lägg till i palett använder den samplade RGB-färgen; Lägg till en anpassad färg låter dig ange ett HEX-värde. En palett kan innehålla 1 till 12 färger för export. Valda, redigerade och behållna låsta färger får inte uppfunna bildprocentsatser.

Förstå transparenta pixlar

Välj Källfärg eller Komposit över en bakgrund under Samplig.

Källopacitet och exporterade färger

Källfärg rapporterar den valda pixeln och dess opacitet i den kopierade koden. Komposit över en bakgrund visar dess utseende efter blandning med Sampla bakgrund. Palettfärger och exporter är opaka RGB-värden, så att lägga till en genomskinlig källfärg bevarar inte dess alfakanal. Samplingsläge ändrar den inspekterade färgen; det färgar inte om källbilden eller ändrar automatisk extrahering.

Kontrollera ett text- och bakgrundspar

Använd Kontrollera färgkontrast för att jämföra två färger.

Vad kontrastresultatet täcker

Välj Text och Bakgrund med färgkontrollerna, ange HEX-värden eller använd den valda färgen. Förhandsgranskningen visar ett kontrastförhållande och separata Normal AA, Normal AAA, Stor AA och Stor AAA-resultat för text. Detta kontrollerar endast det valda färgparet. Det granskar inte en hel sida, tar hänsyn till varje bakgrundsbild eller intygar att en komplett design är tillgänglig.

Exportera färger för nästa steg

Spara en palettbild, vektorprover, CSS-variabler eller strukturerad färgdata.

PNG, SVG, CSS och JSON

PNG skapar ett märkt palettkort. SVG behåller proverna och etiketterna som vektoriellt innehåll. CSS exporterar numrerade variabler såsom --color-1. JSON innehåller HEX, RGB och HSL-värden. Välj Spara som och sedan Start för att skapa en fil med namnet palette med den valda filändelsen. Att kopiera en färg eller hela HEX-paletten kan gå snabbare när du bara behöver värden.

Filer och bearbetning

Indata
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC och HEIF
Utdata
En PNG, SVG, CSS eller JSON-palett

25 MB maximalt per fil. En indatafil per körning.

En källbild på upp till 60 megapixlar. Extraheringen samplar högst 512 pixlar per kant, ignorerar helt transparenta pixlar och kan returnera färre färger än begärt. Exporten stöder 1 till 12 opaka palettfärger. Animerade eller flersidiga källor använder sin första stillbild.

Bilden laddas upp automatiskt för att extrahera dess palett och laddas upp igen för slutgiltig export. Pixelval och manuella palettredigeringar körs i webbläsaren. Ett format som webbläsaren inte kan avkoda kan också behöva en serverförhandsgranskning. Detta verktyg använder konventionell färgbearbetning, inte AI.

Filer bearbetas på servern. Förhandsgranskningsförberedelser kan också ladda upp en fil när webbläsaravkodning inte är tillgänglig eller en dokumentförhandsgranskning behövs. Servernedladdningar är tillgängliga för din session i upp till två timmar.

För ett bildresultat, använd Fortsätt nedanför nedladdningsresultaten för att välja ett kompatibelt nästa steg. Du kan välja vilka bilder som ska föras över; nästa verktyg startar med sina egna inställningar.

Om du uppdaterar en redigerare eller nedladdningssida återgår du till verktygssidan. Ladda ner resultatet innan du påbörjar ett nytt arbetsflöde. Se vår Integritetspolicy för filhantering.

FAQ

Bra att veta.

Några svar innan du sätter igång.

Tillfällig serverbearbetning
Kan jag få HEX, RGB och HSL från en bild?

Ja. Välj en pixel och använd kopieringsknappen bredvid värdet du behöver. Väljaren visar opacitet när det är relevant; opaka palettexporter innehåller RGB-färger.

Vad är skillnaden mellan Dominant och Vibrant?

Dominant betonar vanliga bildfärger. Vibrant ger mer inflytande till färgglada accenter. Båda är samplade uppskattningar, och ingen lovar att automatiskt hitta en specifik varumärkesfärg.

Varför returnerar en begäran om sex färger färre färger?

En källa kan ha färre distinkta synliga färger. Extraheraren returnerar de tillgängliga grupperna istället för att hitta på dubbla prover för att fylla det begärda antalet.

Kan jag behålla en färg medan jag uppdaterar paletten?

Ja. Välj dess färgprov och använd Lås färg. Du kan också lägga till ett anpassat HEX-värde, sortera om proverna eller ta bort färger före export.

Stannar allt i min webbläsare?

Nej. Pixelval och palettredigeringar körs i webbläsaren, men automatisk extrahering och slutgiltig export laddar upp källan till servern. Vissa indataformat behöver också en servergenererad förhandsgranskning.

Annonser

Språk38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Välj språk. Videohandledningar använder för närvarande engelskt tal.