Værktøjer95

SKAB NOGET FANTASTISK

Farvevælger til billeder.

Vælg HEX, RGB og HSL-farver fra et billede. Udvælg og redigér en palet, tjek tekstkontrast, og kopiér derefter farver eller eksportér PNG, SVG, CSS eller JSON.

Annoncer
Dit billedarbejdsområde
Midlertidig serverbehandling
eller træk og slip her
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Vælg dit billede for at komme i gang.BILLEDE
Annoncer
Blog Sådan vælger du billedfarver og skaber en palet Læs guiden

Vælg billedfarver og opbyg en palet, du kan bruge

Undersøg en pixel, kopiér dens HEX, RGB eller HSL-værdi, og udtræk en startpalet fra et foto. Behold de farver, du kan lide, redigér resten, tjek et tekst-og-baggrund-par, og eksportér PNG, SVG, CSS eller JSON.

Et billede leverer individuelle farveprøver og en palet, der kan forfines og eksporteres.
HURTIG VIDEOVEJLEDNING 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. Engelsk tale Se videoen

How to pick an image color and export a palette

Funktioner og kontroller

Vælg en pixel med en forstørret visning

Klik eller tryk på billedet for at undersøge en farve, og kopiér derefter dens kode.

Præcis positionering og begrænsninger for forhåndsvisning

Forstørrelsesglasset hjælper dig med at sigte efter små detaljer. Fokusér billedet og brug piletasterne til at flytte én pixel, Shift plus en pil for at flytte ti, og Enter for at vælge. HEX, RGB og HSL har individuelle kopiknapper. Browser-dekodbare kilder samples i browseren sRGB. Når en normaliseret forhåndsvisning bruges i stedet, identificerer dens etiket farverne og koordinaterne som omtrentlige.

Udtræk en nyttig startpalet

Vælg 3 til 12 farver, der skal udtækkes, og prøv Dominant eller Vibrant.

Hvordan farver og procenter estimeres

Dominant prioriterer billedets hovedfarver. Vibrant giver farverige accenter mere indflydelse. Udtrækning sampler et afgrænset billede, grupperer lignende farver og returnerer op til det ønskede antal; et fladt billede kan indeholde færre. Fuldt gennemsigtige pixels udelades, og delvis opacitet reducerer en pixels vægt. Procenter beskriver omtrentlige samplede grupper, ikke et præcist antal af hver original pixel. Automatisk udtrækning uploader billedet til serveren.

Behold, erstat og omarrangér dine farver

Lås nyttige farveprøver, redigér deres HEX-værdier eller tilføj en valgt eller brugerdefineret farve.

Forfinelse af en palet før eksport

Vælg en farveprøve for at redigere dens farve, flyt den til venstre eller højre, eller fjern den. Lås bevarer en valgt farve, når du bruger Opdatér palet eller ændrer indstillingerne for udtrækning. Tilføj til palet bruger den samplede RGB-farve; Tilføj en brugerdefineret farve lader dig indtaste en HEX-værdi. En palet kan indeholde 1 til 12 farver til eksport. Valgte, redigerede og fastholdte låste farver modtager ikke opfundne billedprocenter.

Forstå gennemsigtige pixels

Vælg Kilde-farve eller Sammensæt over en baggrund under Sampling.

Kilde-opacitet og eksporterede farver

Kilde-farve rapporterer den valgte pixel og dens opacitet i den kopierede kode. Sammensæt over en baggrund viser dens udseende efter blanding med Sample-baggrund. Paletfarver og eksporter er uigennemsigtige RGB-værdier, så tilføjelse af en gennemsigtig kilde-farve bevarer ikke dens alfa-kanal. Sampling-tilstand ændrer den undersøgte farve; den genfarver ikke kildebilledet eller ændrer automatisk udtrækning.

Tjek et tekst- og baggrundspar

Brug Tjek farvekontrast til at sammenligne to farver.

Hvad kontrastresultatet dækker

Vælg Tekst og Baggrund med farvekontrollerne, indtast HEX-værdier eller brug den valgte farve. Forhåndsvisningen viser et kontrastforhold og separate resultater for Normal AA, Normal AAA, Stor AA og Stor AAA for tekst. Dette tjekker kun det valgte farvepar. Det auditerer ikke en hel side, tager højde for hvert baggrundsbillede eller certificerer, at et komplet design er tilgængeligt.

Eksportér farver til næste trin

Gem et paletbillede, vektor-farveprøver, CSS-variabler eller strukturerede farvedata.

PNG, SVG, CSS og JSON

PNG producerer et paletkort med etiketter. SVG bevarer farveprøverne og etiketterne som vektorindhold. CSS eksporterer nummererede variabler såsom --color-1. JSON indeholder HEX, RGB og HSL-værdier. Vælg Gem som og derefter Start for at oprette én fil navngivet palet med den valgte filendelse. Det kan være hurtigere at kopiere en farve eller hele HEX-paletten, når du kun har brug for værdier.

Filer og behandling

Input
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC og HEIF
Output
Én PNG, SVG, CSS eller JSON-palet

25 MB maksimalt pr. fil. Én inputfil pr. kørsel.

Ét kildebillede på op til 60 megapixel. Ekstraktion sampler højst 512 pixel pr. kant, ignorerer helt gennemsigtige pixel og kan returnere færre farver end anmodet. Eksport understøtter 1 til 12 uigennemsigtige paletfarver. Animerede eller multikilde-billeder bruger deres første stillbillede.

Billedet uploades automatisk for at udtrække dets palet og uploades igen til den endelige eksport. Pixelvalg og manuelle paletredigeringer kører i browseren. Et format, som browseren ikke kan afkode, kan også kræve en server-forhåndsvisning. Dette værktøj bruger konventionel farvebehandling, ikke AI.

Filer behandles på serveren. Forberedelse af forhåndsvisning kan også uploade en fil, når browserafkodning ikke er tilgængelig, eller når der er brug for en dokumentvisning. Serverdownloads er tilgængelige for din session i op til to timer.

For et billedresultat, brug Fortsæt nedenfor download-resultaterne for at vælge et kompatibelt næste skridt. Du kan vælge, hvilke billeder der skal overføres; det næste værktøj starter med sine egne indstillinger.

Genindlæsning af en editor eller downloadside sender dig tilbage til værktøjssiden. Download resultatet, før du starter en ny arbejdsgang. Se vores Privatlivspolitik for filhåndtering.

FAQ

Godt at vide.

Et par svar før du går i gang.

Midlertidig serverbehandling
Kan jeg få HEX, RGB og HSL fra et billede?

Ja. Vælg en pixel og brug kopiknappen ved siden af den værdi, du har brug for. Vælgeren viser opacitet, når det er relevant; uigennemsigtige paleteksporter indeholder RGB-farver.

Hvad er forskellen på Dominant og Vibrant?

Dominant fremhæver almindelige billedfarver. Vibrant giver mere indflydelse til farverige accenter. Begge er samplede tilnærmelser, og ingen af dem lover automatisk at finde en bestemt brand-farve.

Hvorfor returnerer en anmodning om seks farver færre farver?

En kilde kan have færre tydelige synlige farver. Udtrækkeren returnerer de tilgængelige grupper i stedet for at opfinde duplikerede farveprøver for at udfylde det anmodede antal.

Kan jeg beholde en farve, mens jeg opdaterer paletten?

Ja. Vælg dens farveprøve og brug Lås farve. Du kan også tilføje en brugerdefineret HEX-værdi, omarrangere farveprøverne eller fjerne farver før eksport.

Bliver alt i min browser?

Nej. Pixel-valg og paletredigeringer kører i browseren, men automatisk udtrækning og endelig eksport uploader kilden til serveren. Nogle inputformater har også brug for en server-genereret forhåndsvisning.

Annoncer

Sprog38

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ælg dit sprog. Videovejledninger bruger i øjeblikket engelsk tale.