Mikä on kuvan värinvalitsin?

Kuvan värinvalitsin eli pipetti lukee kuvan pikselin värin. Suunnittelijat käyttävät sitä logon brändivärin määrittämiseen, väripaletin poimimiseen valokuvasta tai verkkosivuston tai sovelluksen kuvakaappauksessa näkyvän tarkan sävyn tarkistamiseen. Koska väri luetaan pikselitiedoista, arvo on tarkka eikä silmämääräinen arvio.

Työkalun kuvaus

Tällä työkalulla voit avata kuvan tai liittää kuvakaappauksen leikepöydältä ja valita siitä värin napsauttamalla mitä tahansa kohtaa. Suurennuslasi seuraa osoitinta ja näyttää sen ympärillä olevat pikselit, joten voit osua haluamaasi pikseliin. Jokainen napsautus lisää numeroidun pisteen, ja kunkin pisteen väri näytetään valitsemassasi tulostusmuodossa valmiina kopioitavaksi.

Ominaisuudet

  • Värien poimiminen PNG-, JPEG-, WebP-, GIF-, BMP- ja AVIF-kuvista tai kuvan liittäminen näppäinyhdistelmällä Ctrl+V
  • Suurennuslasi, joka näyttää osoittimen alla olevan värin
  • Zoomaus jopa 3200 prosenttiin saakka terävillä pikseleillä pienten yksityiskohtien ja kuvakkeiden tarkastelua varten
  • Pistenäyte tai 3 × 3–101 × 101 pikselin alueen keskiarvo, kuten kuvankäsittelyohjelmien pipetissä
  • Kunkin värin kopioiminen HEX-, RGB-, HSL-, HWB-, CMYK-, LAB- ja muissa muodoissa
  • Kuvassa numeroidut merkit jokaista poimittua pistettä varten
  • Puoliksi läpinäkyvien pikseleiden peittävyyden näyttäminen
  • Viimeisen pisteen siirtäminen pikseli kerrallaan nuolinäppäimillä

Näin se toimii

Kuva puretaan selaimessa ja piirretään canvakselle, minkä jälkeen väri luetaan canvaksen pikseleistä. Värit muunnetaan sRGB:ksi, verkon väriavaruudeksi, joten arvot vastaavat sitä, miltä kuva näyttää sivulla, ja niitä voidaan käyttää sellaisenaan CSS:ssä. Keskiarvonäytteessä alueen pikselien värit lasketaan yhteen peittävyyden mukaan painotettuina, jotta läpinäkyvät pikselit eivät tummenna tulosta. Kuvaa ei koskaan ladata palvelimelle.

Vinkkejä

  • Valokuvissa ja JPEG-kuvissa on kohinaa, joten vierekkäisten pikselien värit poikkeavat usein hieman toisistaan. Käytä 3 × 3- tai 5 × 5-keskiarvoa saadaksesi näkemäsi värin yhden kohinaisesti poikkeavan pikselin sijaan.
  • Käytä tasaisten grafiikoiden, kuten logojen, kuvakkeiden ja kuvakaappausten, kohdalla pistenäytettä saadaksesi tarkan värin.
  • Näytteen koon muuttaminen päivittää kaikkien jo poimimiesi pisteiden värit.
  • GIF-tiedostoissa värit poimitaan ensimmäisestä ruudusta.