Utilia

Fargevelger fra bilde

Last inn et bilde og klikk på en piksel for å få fargen som HEX, RGB, HSL, HSV og CMYK. Forstørrelsesglass, gjennomsnitt og liste over valgte farger.

Slik velger du en farge fra et bilde

  1. Slipp et bilde i opplastingsområdet, eller klikk på det for å velge en fil (JPG, PNG, WebP, GIF eller et hvilket som helst format nettleseren din kan vise).
  2. Beveg pekeren over bildet. Forstørrelsesglasset viser pikslene rundt markøren i større størrelse, og Under markøren gir deg HEX-koden direkte.
  3. Klikk på pikselen du vil ha. Fargeprøven Valgt farge viser den med pikselposisjonen, og kodene i HEX, RGB, HSL, HSV og CMYK vises ved siden av, hver med en Kopier-knapp.
  4. Fortsett å klikke for å samle flere farger: de legges til i Valgte farger, der du kan kopiere hver enkelt. Tøm listen tømmer den.

På mobil eller nettbrett trykker du bare på bildet. Med tastatur setter du bildet i fokus med Tab, flytter med piltastene (hold Shift for å flytte 10 piksler om gangen) og trykker Enter for å velge.

Bildet forlater aldri enheten din: det dekodes og leses bare av nettleseren din. Ingenting du skriver inn, sendes til en server.

Én piksel eller gjennomsnitt?

Menyen Prøvestørrelse styrer hvor mange piksler som leses for hvert valg:

  • 1 piksel gir den nøyaktige fargen til pikselen under markøren. Bruk den til flat grafikk, logoer, skjermbilder og ikoner.
  • 3 × 3 gjennomsnitt og 5 × 5 gjennomsnitt gir middelfargen til de 9 eller 25 omkringliggende pikslene. Bruk dem til foto: JPEG-komprimering og kamerastøy gjør at nabopiksler skiller seg litt fra hverandre, og et gjennomsnitt gir en farge som bedre representerer det du ser.

Firkanten som er tegnet i forstørrelsesglasset, viser nøyaktig hvilke piksler som er med. Nær kantene av bildet telles bare pikslene som finnes.

Gjennomsiktige piksler i PNG- eller WebP-filer håndteres også: fargen vektes etter dekkevne, så helt gjennomsiktige områder ikke drar resultatet mot svart, og et delvis gjennomsiktig resultat får en åttesifret HEX-kode med alfa, som #FF000080.

Nøyaktighet og begrensninger

  • Fargene leses i sRGB-rommet til nettleserens canvas. Bilder som er lagret med en annen fargeprofil (Adobe RGB, Display P3), konverteres først av nettleseren, så kodene stemmer med det du ser på skjermen, men kan avvike litt fra de rå filverdiene et bilderedigeringsprogram viser.
  • Svært store bilder skaleres ned til 4 096 piksler på den lengste siden for at minnebruken skal holde seg rimelig. Verktøyet sier fra når det skjer. På slike bilder er hver valgte piksel allerede et lite gjennomsnitt av originalen.
  • CMYK-verdiene er en enkel omregning uten ICC-profil og er bare nyttige som et grovt anslag.

Ofte stilte spørsmål

Hvordan finner jeg HEX-koden til en farge i et bilde?

Åpne bildet med dette verktøyet og klikk på fargen. HEX-koden vises i boksen Valgt farge. Klikk på Kopier ved siden av den for å lime den inn i CSS, Figma, Canva eller et annet program.

Hvorfor har nabopikslene i bildet mitt ulike koder?

Foto inneholder støy, overganger og komprimeringsfeil, så to piksler som ser like ut, har sjelden samme verdi. Velg 3 × 3 gjennomsnitt eller 5 × 5 gjennomsnitt under Prøvestørrelse for å få en jevnere farge.

Kan jeg velge farger fra et skjermbilde av et nettsted?

Ja. Ta et skjermbilde, lagre det som PNG og slipp det her. PNG-skjermbilder er tapsfrie, så med 1 piksel får du den nøyaktige fargen som brukes på siden, så lenge skjermen ikke har brukt skalering eller fargehåndtering.

Blir bildet mitt lastet opp?

Nei. Filen åpnes av nettleseren din og tegnes på et canvas på enheten din. Ingenting sendes til en server, og når du lukker siden, forkastes den.

Kan jeg få en hel palett i stedet for enkeltfarger?

Dette verktøyet leser enkeltpiksler. For å få de viktigste fargene i et bilde automatisk bruker du et verktøy som lager palett fra bilde, som grupperer like piksler og lister de dominerende fargene med andelene deres.