Verktøy95

LAG NOE FANTASTISK

Fargevelger for bilder.

Hent HEX-, RGB- og HSL-farger fra et bilde. Trekk ut og rediger en palett, sjekk tekstkontrast, kopier deretter farger eller eksporter PNG, SVG, CSS eller JSON.

Annonse
Ditt bilde-arbeidsområde
Midlertidig serverbehandling
eller dra og slipp her
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Velg bildet ditt for å komme i gang.BILDE
Annonse
Blogg Hvordan velge bildefarger og lage en palett Les guiden

Velg bildefarger og bygg en palett du kan bruke

Inspiser en piksel, kopier dens HEX, RGB eller HSL-verdi, og trekk ut en startpalett fra et bilde. Behold fargene du liker, rediger resten, sjekk et tekst-og-bakgrunn-par, og eksporter PNG, SVG, CSS eller JSON.

Et bilde leverer individuelle fargeprøver og en palett som kan finjusteres og eksporteres.
RASK VIDEOVEILEDNING 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

Funksjoner og kontroller

Velg en piksel med forstørret visning

Klikk eller trykk på bildet for å inspisere en farge, og kopier deretter koden.

Presis posisjonering og begrensninger for forhåndsvisning

Forstørrelsesglasset hjelper deg med å sikte på små detaljer. Fokuser bildet og bruk piltastene for å flytte én piksel, Shift pluss en pil for å flytte ti, og Enter for å velge. HEX, RGB og HSL har individuelle kopiknapper. Kilder som kan dekodes av nettleseren, samples i nettleseren sRGB. Når en normalisert forhåndsvisning brukes i stedet, identifiserer etiketten fargene og koordinatene som omtrentlige.

Trekk ut en nyttig startpalett

Velg 3 til 12 farger for å trekke ut, og prøv Dominant eller Vibrant.

Hvordan farger og prosenter estimeres

Dominant foretrekker bildets hovedfarger. Vibrant gir fargerike aksenter mer innflytelse. Ekstraksjon sampler et avgrenset bilde, grupperer lignende farger og returnerer opptil det forespurte antallet; et flatt bilde kan inneholde færre. Helt gjennomsiktige piksler ekskluderes, og delvis opasitet reduserer en piksels vekt. Prosenter beskriver omtrentlige samplede grupper, ikke et nøyaktig antall av hver opprinnelige piksel. Automatisk ekstraksjon laster opp bildet til serveren.

Behold, erstatt og omorganiser fargene dine

Lås nyttige fargeprøver, rediger deres HEX-verdier eller legg til en valgt eller egendefinert farge.

Finjustering av en palett før eksport

Velg en fargeprøve for å redigere fargen, flytte den til venstre eller høyre, eller fjerne den. Lås beholder en valgt farge når du bruker Oppdater palett eller endrer ekstraksjonsinnstillingene. Legg til i palett bruker den samplede RGB-fargen; Legg til en egendefinert farge lar deg skrive inn en HEX-verdi. En palett kan inneholde 1 til 12 farger for eksport. Valgte, redigerte og beholdte låste farger mottar ikke oppfunnede bildeprosenter.

Forstå gjennomsiktige piksler

Velg Kildefarge eller Kompositt over en bakgrunn under Sampling.

Kildeopasitet og eksporterte farger

Kildefarge rapporterer den valgte pikselen og dens opasitet i den kopierte koden. Kompositt over en bakgrunn viser utseendet etter blanding med Samplingsbakgrunn. Palettfarger og eksporter er ugjennomsiktige RGB-verdier, så å legge til en gjennomsiktig kildefarge bevarer ikke alfakanalen. Samplingsmodus endrer den inspiserte fargen; den farger ikke kildebildet på nytt eller endrer automatisk ekstraksjon.

Sjekk et tekst- og bakgrunnspar

Bruk Sjekk fargekontrast for å sammenligne to farger.

Hva kontrastresultatet dekker

Velg Tekst og Bakgrunn med fargekontrollene, skriv inn HEX-verdier eller bruk den valgte fargen. Forhåndsvisningen viser et kontrastforhold og separate resultater for Normal AA, Normal AAA, Stor AA og Stor AAA for tekst. Dette sjekker kun det valgte fargeparet. Det reviderer ikke en hel side, tar ikke høyde for hvert bakgrunnsbilde eller sertifiserer at et komplett design er tilgjengelig.

Eksporter farger for neste trinn

Lagre et palettbilde, vektor-fargeprøver, CSS-variabler eller strukturert fargedata.

PNG, SVG, CSS og JSON

PNG produserer et merket palettkort. SVG beholder fargeprøvene og etikettene som vektorinnhold. CSS eksporterer nummererte variabler som --color-1. JSON inneholder HEX, RGB og HSL-verdier. Velg Lagre som og deretter Start for å opprette én fil kalt palett med den valgte filtypen. Å kopiere en farge eller hele HEX-paletten kan gå raskere når du bare trenger verdiene.

Filer og behandling

Inndata
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC og HEIF
Utdata
Én PNG, SVG, CSS eller JSON-palett

25 MB maksimalt per fil. Én inndatafil per kjøring.

Ett kildebilde på opptil 60 megapiksler. Ekstraksjon prøver maksimalt 512 piksler per kant, ignorerer helt gjennomsiktige piksler og kan returnere færre farger enn forespurt. Eksport støtter 1 til 12 ugjennomsiktige palettfarger. Animerte eller flerbildekilder bruker sin første stillbilde-ramme.

Bildet lastes opp automatisk for å trekke ut paletten og lastes opp igjen for endelig eksport. Pikselvalg og manuelle palettredigeringer kjøres i nettleseren. Et format nettleseren ikke kan dekode kan også trenge en serverforhåndsvisning. Dette verktøyet bruker konvensjonell fargebehandling, ikke AI.

Filer behandles på serveren. Forhåndsvisning kan også laste opp en fil når nettleserdekoding ikke er tilgjengelig eller en dokumentforhåndsvisning er nødvendig. Servernedlastinger er tilgjengelige for økten din i opptil to timer.

For et bilderesultat, bruk Fortsett under nedlastingsresultatene for å velge et kompatibelt neste steg. Du kan velge hvilke bilder som skal tas med videre; det neste verktøyet starter med sine egne innstillinger.

Oppdatering av en redigerings- eller nedlastingsside returnerer deg til verktøysiden. Last ned resultatet før du starter en ny arbeidsflyt. Se vår Personvernerklæring for filhåndtering.

FAQ

Greit å vite.

Noen få svar før du kommer i gang.

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

Ja. Velg en piksel og bruk kopiknappen ved siden av verdien du trenger. Velgeren viser opasitet når det er relevant; ugjennomsiktige paletteksport inneholder RGB-farger.

Hva er forskjellen mellom Dominant og Vibrant?

Dominant fremhever vanlige bildefarger. Vibrant gir mer innflytelse til fargerike aksenter. Begge er samplede tilnærminger, og ingen lover å finne en bestemt merkefarge automatisk.

Hvorfor returnerer en forespørsel om seks farger færre farger?

En kilde kan ha færre distinkte synlige farger. Ekstraktoren returnerer de tilgjengelige gruppene i stedet for å finne på dupliserte fargeprøver for å fylle det forespurte antallet.

Kan jeg beholde en farge mens jeg oppdaterer paletten?

Ja. Velg fargeprøven og bruk Lås farge. Du kan også legge til en egendefinert HEX-verdi, omorganisere fargeprøvene eller fjerne farger før eksport.

Blir alt værende i nettleseren min?

Nei. Pikselvalg og palettredigering kjøres i nettleseren, men automatisk ekstraksjon og endelig eksport laster opp kilden til serveren. Noen inndataformater trenger også en servergenerert forhåndsvisning.

Annonse

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

Velg språk. Videoveiledninger bruker for øyeblikket engelsk tale.