Spalvų pipetė

Reikia sužinoti, kokia spalva yra logotipe, nuotraukoje ar ekrano nuotraukoje? Įkelkite paveikslėlį, užveskite pelę ant norimos vietos ir spustelėkite. Spalvos kodas iškart atsiduria iškarpinėje tokiu formatu, kokį pasirinksite: HEX, RGB, HSL, HSV arba LCH. Nieko diegti nereikia, o paveikslėlis niekada nepalieka jūsų kompiuterio.

Kaip sužinoti spalvą iš nuotraukos

1. Įkelkite paveikslėlį. Nutempkite jį į langą arba spustelėkite „Naršyti failus“. Pipetė atpažįsta JPG, PNG, WebP ir GIF formatus.
2. Pasirinkite formatą. Virš paveikslėlio nurodykite, kokiu užrašu norite kopijuoti spalvą. Svetainėms dažniausiai tinka HEX, grafinėms programoms RGB. Įrankis pasirinkimą įsimena.
3. Užveskite pelę ant spalvos. Prie žymeklio atsiranda lupa su padidintais aplinkiniais pikseliais, o po ja spalvos kodas.
4. Spustelėkite. Kodas atsiduria iškarpinėje, o spalva išsaugoma skiltyje „Pasirinktos spalvos“. Belieka ją įklijuoti ten, kur reikia.

Norite pabandyti su kitu paveikslėliu? Nutempkite jį tiesiai ant esamo arba ištrinkite šiukšliadėžės ikona.

Ką moka internetinė spalvų pipetė

Lupa, kuri parodo kiekvieną pikselį

Įprasta pipetė parodo tik spalvą po žymekliu, todėl pataikyti į ploną raidės kraštą tampa loterija. Mūsų lupa padidina 11 × 11 pikselių plotą aplink žymeklį ir apveda rėmeliu vidurinį pikselį. Tiksliai matote, ką paspausite, dar prieš paspausdami.

Priartinimas iki atskirų pikselių

Mygtukais plius ir minus arba pelės ratuku laikant Ctrl paveikslėlį priartinsite iki 64 kartų. Įjungę tinklelį pamatysite pikselių ribas, todėl prie piktogramų, pikselinio meno ar smulkaus teksto paspausite tiksliai ten, kur norite.

Spalva iš originalo, ne iš sumažintos kopijos

Daugelis internetinių įrankių paveikslėlį sumažina ir spalvą skaito iš miniatiūros, kur gretimi pikseliai susilieja. Mūsų pipetė dirba su pilno dydžio paveikslėliu (iki 4096 px ilgesnėje kraštinėje), todėl gaunate tikrą pikselio spalvą.

Kopijavimas vienu paspaudimu

Nereikia žymėti teksto ar perrašinėti skaičių. Kiekvienas paspaudimas ant paveikslėlio nukopijuoja kodą pasirinktu formatu. Jei tos pačios spalvos reikia kitu užrašu, spalvos informacijoje rasite visus penkis formatus, kiekvieną su savo kopijavimo mygtuku.

Dominuojančių spalvų paletė

Vos įkėlus paveikslėlį, įrankis suranda iki aštuonių labiausiai paplitusių spalvų ir parodo jas skiltyje „Dominuojančios spalvos“. Beveik vienodus atspalvius sujungia, todėl paletėje nerasite penkių pilkos atmainų, o skaidrias PNG vietas praleidžia. Paletė tinka kaip pagrindas svetainės, prezentacijos ar įrašų socialiniuose tinkluose spalvų schemai. Jei norite greitai patikrinti, ar spalvos pakankamai kontrastingos ir be atspalvio, pasitelkite paveikslėlio konvertavimą į pilkus tonus.

Pasirinktos spalvos visada po ranka

Kiekviena spalva, ant kurios spustelėjate, išsaugoma skiltyje „Pasirinktos spalvos“ (paskutinės 24). Galite palyginti kelias paveikslėlio vietas ir bet kada prie jų grįžti. Dideliame ekrane spalvų skydelis rodomas tiesiai šalia paveikslėlio.

Kam pravartu sužinoti spalvos kodą iš nuotraukos

• Svetainės ir programėlės: Klientas atsiuntė logotipą tik JPG formatu, o jums reikia tikslios prekės ženklo spalvos CSS faile. Jei prireiks ir versijos su skaidriu fonu, pasinaudokite fono pašalinimu iš paveikslėlio.
• Grafika ir socialiniai tinklai: Norite, kad įrašo tekstas derėtų su nuotrauka. Paimkite spalvą tiesiai iš jos.
• Pristatymai ir dokumentai: Įmonės logotipo spalvas nustatysite „PowerPoint“, „Google Slides“ ar „Canva“ per HEX arba RGB.
• Dizaino patikra: Ekrano nuotraukoje patikrinsite, ar mygtukas programėlėje tikrai turi tą spalvą, kurią numato dizainas. Eksportuotų failų dydį po to patikrinsite vaizdų matmenų analizatoriuje.
• Interjeras ir mada: Turite audinio ar sienos nuotrauką ir ieškote panašaus atspalvio. Kodas bus geras atspirties taškas renkantis pagal spalvų katalogą.

Spalvų formatai, kuriuos grąžina pipetė

• HEX (#1373b6): žymėjimas, naudojamas HTML, CSS ir daugumoje grafikos programų.
• RGB (rgb(19, 115, 182)): raudonos, žalios ir mėlynos dalys, kiekviena nuo 0 iki 255. Kaip veikia adityvusis spalvų maišymas, aprašo Vikipedija.
• HSL (hsl(205, 81%, 39%)): atspalvis, sodrumas ir šviesumas. Iš jo lengvai paruošite šviesesnę ar tamsesnę atmainą.
• HSV: atspalvis, sodrumas ir ryškumas, kaip pažįstate iš spalvos parinkimo „Photoshop“ ar GIMP programose. Skirtumą tarp HSL ir HSV detaliai paaiškina Vikipedija.
• LCH: modelis, atitinkantis tai, kaip spalvas suvokia žmogaus akis. Kopijuojamas užrašu, kurį supranta šiuolaikinis CSS (žr. MDN dokumentaciją, anglų kalba).

Pipetė spalvą iš nuotraukos sužinos. Kai norėsite ją toliau derinti, versti į kitus formatus ar ieškoti prie jos tinkančių atspalvių, pereikite į spalvų parinkiklį.

Dažnai užduodami klausimai

Ar mano paveikslėlis įkeliamas į serverį?

Ne. Paveikslėlis įkeliamas ir apdorojamas tiesiai jūsų naršyklėje, niekur nesiunčiamas ir uždarius puslapį po jo nelieka jokių pėdsakų. Pipetę drąsiai naudokite ir vidiniams failams ar dar nepaskelbtiems dizainams.

Kaip sužinoti nuotraukos spalvos HEX kodą?

Įkelkite nuotrauką, virš paveikslėlio palikite pasirinktą HEX formatą ir spustelėkite vietą su ieškoma spalva. Kodas, pavyzdžiui #75dab2, iškart atsiduria iškarpinėje.

Kodėl nuotraukos spalva skiriasi nuo tikrosios?

Fotoaparatas spalvas paveikia apšvietimu, baltos spalvos balansu (anglų kalba) ir suspaudimu. Pipetė grąžina lygiai tą spalvą, kuri įrašyta faile. Fotografuojant paspauskite kelias vietas ir palyginkite jas skiltyje „Pasirinktos spalvos“. Jei pagal kodą maišote dažus sienai, laikykite jį tik orientaciniu.

Ar pipetė veikia telefone?

Taip. Jutikliniame ekrane bakstelėkite vietą paveikslėlyje ir kodas nukopijuojamas taip pat, kaip ir kompiuteryje. Lupa prie žymeklio telefone nerodoma, todėl smulkiems detalėms iš pradžių priartinkite paveikslėlį.

Kuo skiriasi HEX ir RGB?

Abu užrašai nusako tą pačią spalvą. RGB ją išreiškia trimis skaičiais nuo 0 iki 255, o HEX tuos pačius skaičius užrašo šešioliktaine sistema po ženklo #. Pavyzdžiui, rgb(255, 87, 51) yra tas pats, kas #ff5733.

Kaip iš nuotraukos gauti visą spalvų paletę?

Atverkite skiltį „Dominuojančios spalvos“. Joje rasite iki aštuonių pagrindinių paveikslėlio spalvų, o spustelėję bet kurią iš jų nukopijuosite jos kodą.