Utilia
Kategoriat ▾
Kieli: fi ▾

Kuvan värinvalitsin

Lataa kuva ja napsauta pikseliä saadaksesi sen värin HEX-, RGB-, HSL-, HSV- ja CMYK-muodossa. Zoomauslasi, keskiarvo ja poimittujen värien luettelo.

Näin poimit värin kuvasta

  1. Pudota kuva latausalueelle tai valitse tiedosto napsauttamalla sitä (JPG, PNG, WebP, GIF tai mikä tahansa muoto, jonka selaimesi voi näyttää).
  2. Siirrä osoitin kuvan päälle. Zoomauslasi näyttää osoittimen ympärillä olevat pikselit suurennettuina, ja Osoittimen alla antaa HEX-koodin reaaliaikaisesti.
  3. Napsauta haluamaasi pikseliä. Poimittu väri -näyte näyttää sen pikselin sijainnin kanssa, ja HEX-, RGB-, HSL-, HSV- ja CMYK-koodit ilmestyvät sen viereen kukin oman Kopioi-painikkeensa kanssa.
  4. Jatka napsauttamista kerätäksesi lisää värejä: ne lisätään kohtaan Poimitut värit, josta voit kopioida jokaisen. Tyhjennä luettelo tyhjentää sen.

Puhelimessa tai tabletissa napauta kuvaa. Näppäimistöllä kohdista kuva Tab-näppäimellä, liiku nuolinäppäimillä (pidä Shift alhaalla liikkuaksesi 10 pikseliä kerrallaan) ja poimi painamalla Enter.

Kuva ei poistu laitteeltasi: vain selaimesi purkaa ja lukee sen. Tiedostoasi ei lähetetä minnekään.

Yksi pikseli vai keskiarvo?

Näytekoko-valikko määrittää, kuinka monta pikseliä luetaan kullakin poiminnalla:

  • 1 pikseli palauttaa osoittimen alla olevan pikselin täsmällisen värin. Käytä sitä tasaisiin grafiikoihin, logoihin, kuvakaappauksiin ja kuvakkeisiin.
  • 3 × 3 keskiarvo ja 5 × 5 keskiarvo palauttavat ympäröivien 9 tai 25 pikselin keskiarvovärin. Käytä niitä valokuviin: JPEG-pakkaus ja kameran kohina tekevät vierekkäisistä pikseleistä hieman erilaisia, ja keskiarvo antaa värin, joka kuvaa paremmin näkemääsi.

Zoomauslasissa korostettu neliö näyttää tarkasti, mitkä pikselit ovat mukana. Kuvan reunojen lähellä lasketaan vain olemassa olevat pikselit.

PNG- ja WebP-tiedostojen läpinäkyvät pikselit huomioidaan myös: väri painotetaan peittävyydellä, joten täysin läpinäkyvät alueet eivät vedä tulosta kohti mustaa, ja osittain läpinäkyvä tulos saa kahdeksanmerkkisen HEX-koodin alfalla, kuten #FF000080.

Tarkkuus ja rajoitukset

  • Värit luetaan selaimesi canvasin sRGB-avaruudessa. Toisella väriprofiililla (Adobe RGB, Display P3) tallennetut kuvat muunnetaan ensin selaimessa, joten koodit vastaavat näytöllä näkyvää mutta voivat poiketa hieman valokuvaeditorin näyttämistä tiedoston raa’oista arvoista.
  • Hyvin suuret kuvat pienennetään pisimmältä sivulta 4 096 pikseliin muistinkäytön pitämiseksi kohtuullisena. Työkalu kertoo, kun näin käy. Tällaisissa kuvissa jokainen poimittu pikseli on jo pieni keskiarvo alkuperäisestä.
  • CMYK-arvot ovat yksinkertainen muunnos ilman ICC-profiilia, ja ne ovat vain suuntaa antava apu.

Usein kysytyt kysymykset

Miten löydän värin HEX-koodin kuvasta?

Avaa kuva tällä työkalulla ja napsauta väriä. HEX-koodi ilmestyy Poimittu väri -ruutuun. Napsauta sen vieressä Kopioi liittääksesi sen CSS:ään, Figmaan, Canvaan tai mihin tahansa muuhun sovellukseen.

Miksi valokuvani vierekkäisillä pikseleillä on eri koodit?

Valokuvissa on kohinaa, liukuja ja pakkausvirheitä, joten kaksi samalta näyttävää pikseliä harvoin saa saman arvon. Valitse Näytekoko-kohdasta 3 × 3 keskiarvo tai 5 × 5 keskiarvo saadaksesi vakaamman värin.

Voinko poimia värejä verkkosivun kuvakaappauksesta?

Voit. Ota kuvakaappaus, tallenna se PNG-muodossa ja pudota se tähän. PNG-kuvakaappaukset ovat häviöttömiä, joten arvolla 1 pikseli saat sivulla käytetyn täsmällisen värin, kunhan näyttö ei käyttänyt skaalausta tai värienhallintaa.

Lähetetäänkö kuvani palvelimelle?

Ei. Selaimesi avaa tiedoston ja piirtää sen canvasille omalla laitteellasi. Mitään ei lähetetä palvelimelle, ja sivun sulkeminen hylkää sen.

Voinko saada kokonaisen paletin yksittäisten värien sijaan?

Tämä työkalu lukee yksittäisiä pikseleitä. Saadaksesi kuvan pääsävyt automaattisesti käytä paletti kuvasta -työkalua, joka ryhmittelee samankaltaiset pikselit ja luettelee hallitsevat värit osuuksineen.

Aiheeseen liittyvät työkalut