Tarvitsetko täsmälleen oikean värin logosta, kuvakaappauksesta, valokuvasta tai suunnittelureferenssistä? Lataa kuva, liikuta osoitinta sen päällä ja esikatsele väriä suurennuslasin alla, klikkaa ja tallenna. Jokainen tallennettu väri näyttää HEX-, RGB- ja HSL-arvonsa yhden klikkauksen kopiointinapeilla.
Pikselit luetaan suoraan kuvasta selaimessasi, joten poiminta on välitöntä eikä tiedostoa koskaan ladata palvelimelle — kätevää brändiväreille, joita et halua lähettää satunnaiselle sivustolle.
Käyttöohje
- Lisää kuvaPudota kuva tai kuvakaappaus, josta haluat värejä.
- Vie osoitin päälle ja klikkaaSuurennuslasi suurentaa täsmälleen oikean pikselin; klikkaa tallentaaksesi värin.
- Kopioi arvoNappaa HEX, RGB tai HSL jokaisesta tallentamastasi väristä.
Joskus tarvitset kuvasta yhden värin eikä mikään muu kelpaa — logon täsmällisen sinisen, napin takana olevan harmaan kuvakaappauksessa, valokuvan sävyn jonka haluat käyttöön. Silmä ei osaa lukea hex-koodia näytöltä, ja oikealta näyttävä väri on yleensä muutaman numeron pielessä. Tällä poimijalla lataat kuvan, liikut sen päällä suurennuslasilla, joka suurentaa osoittimen alla olevat pikselit, ja klikkaat tallentaaksesi juuri haluamasi värimalliksi — HEX, RGB ja HSL näkyvät yhdessä, kullakin kopiointinappi.
Se lukee pikselit paikallisesti selaimessasi canvasilta: mitään ei ladata palvelimelle, tiliä ei ole, ja ensimmäisen latauksen jälkeen se toimii offline-tilassa. Sillä on väliä, kun kuva on julkaisematon mallinnos, asiakkaan brändimateriaali tai sisäinen kuvakaappaus. Se on pistepoimija — jokainen klikkaus lukee yhden pikselin, mikä on juuri oikein siistille logolle tai tasaiselle käyttöliittymälle, ja vaatii hieman tarkkuutta kohinaisessa valokuvassa. Jos haluat mieluummin koko kuvan hallitsevat värit automaattisesti, sitä varten on erillinen palettityökalu; tämä on tietyn pikselin osoittamiseen ja sen arvon ottamiseen.
Mihin sitä käytetään
Palauta brändin täsmällinen väri vanhasta logosta, kun spesifikaatio on kadonnut
Sovita nappi tai otsikko väriin, jonka näit hyvän sivuston kuvakaappauksessa
Poimi pää-, korostus- ja tekstivärit logosta yhdellä kertaa
Nappaa sävy valokuvasta taustaksi tai korostukseksi
Lue puoliläpinäkyvän elementin todellinen näyttöväri kuvakaappauksesta
Kopioi väri HSL-muodossa, jotta voit vaalentaa tai pehmentää sitä hover- tai varianttitilaan
Miksi IMG.DIY
Suurennuslasi
Zoomaa niin lähelle, että klikkaat täsmälleen oikeaa pikseliä.
HEX / RGB / HSL
Jokainen tallennettu väri kolmessa muodossa.
Kopiointi yhdellä klikkauksella
Kopioi mikä tahansa arvo suoraan leikepöydälle.
Yksityinen
Pikselit luetaan paikallisesti — ei latausta palvelimelle.