Kuvaväripipetti

Tämä kuvaväripipetti vastaa yksinkertaiseen, yleiseen kysymykseen: mikä tarkka väri tuo pikseli on? Lataa tai vedä sisään valokuva, kuvakaappaus tai suunnitteluvedos, ja työkalu piirtää sen pikselintarkalle piirtoalustalle. Liikuta kursoria, niin suurentava suurennuslasi seuraa sitä suurentaen alla olevat 11 × 11 pikseliä, jotta voit tähdätä tarkasti; kursorin alla olevat arvot näkyvät reaaliajassa. Yhdellä klikkauksella väri ilmestyy kolmeen korttiin — HEX CSS:lle, RGB koodille, HSL vaaleuden säätöön — jokaisessa oma kopiointipainikkeensa.

Tarkkuus on tällaisen pipetin koko tarkoitus. Antialiasoidussa tekstissä, liukuväreissä ja valokuvien reunoissa vierekkäiset pikselit eroavat huomattavasti, ja silmämääräinen poiminta pienennetystä esikatselusta nappaa väärän sävyn useammin kuin ei. Suurennuslasi näyttää jokaisen fyysisen pikselin suurena neliönä ja keskimmäisessä hiusristikon, joten kopioimasi arvo on juuri sen pikselin arvo, jota tarkoitit. Kahdeksan viimeisimmän valinnan historia säilytetään väripaloina — klikkaa mitä tahansa niistä kopioidaksesi väri uudelleen.

Työkalu on rakennettu selaimen canvas API:n varaan ja toimii täysin laitteellasi: kuvaa ei koskaan ladata palvelimelle, ei ole jonoa eikä tiliä, ja luottamuksellisiakin sommitelmia tai asiakirjoja on turvallista tarkastella. Se toimii minkä tahansa kuvamuodon kanssa, jonka selaimesi pystyy avaamaan, mukaan lukien PNG, JPG, WebP, GIF ja SVG.

Tyypillisiä käyttötapoja: brändivärin palauttaminen logosta, kun tyyliopas on hukassa, käyttöliittymävärien sovittaminen vertailukuvakaappaukseen, sen tarkistaminen, miltä liuku todella renderöityy, tai väripaletin ehdokkaan poimiminen valokuvasta. Jos tarvitset väriä myöhemmin toisessa muodossa — CMYK painotöihin tai normalisoituja arvoja — värimuunnostyökalu jatkaa siitä, mihin pipetti jäi.