Color Picker from Image

Atverkite paveikslėlį, spustelėkite — HEX jūsų. Pipetė su zoom, RGB/HSL, paletė, istorija. Color picker from image, neprisijungus.

🎨 Įmeskite ekrano kopiją, logotipą ar nuotrauką tiesiai į kortelę ir išsitraukite iš jos tikslią spalvą — tikri jūsų failo pikseliai, be įkėlimo į jokį serverį, be prisijungimo, be leidimų įspėjimo diegiant. Tai visas šio įrankio color picker from image darbas: atidarykite paveikslėlį, užveskite pelę, spustelėkite — HEX jau iškarpinėje. Jokio sunkaus dizaino paketo dėl vienos vertės, jokio kliento maketo kėlimo į atsitiktinę svetainę tikintis sąžiningo atsakymo. 🚀 Greita pradžia 1. Spustelėkite piktogramą įrankių juostoje — parinkiklis atsidaro atskiroje kortelėje, kur yra vietos dirbti. 2. Įtempkite paveikslėlį, paspauskite Ctrl+V arba pasirinkite failą — atsidaro visi įprasti paveikslėlių formatai, įskaitant permatomumą. 3. Užveskite, spustelėkite — reikšmė jau nukopijuota ir patvirtinta ekrane. Tuščias ekranas viską paaiškina vieną kartą; toliau dirba raumenų atmintis. 🔍 Didinanti pipetė, kuria galima pasitikėti Lupa didina jūsų failo pikselius natūralia raiška, todėl paimtas atspalvis yra būtent tas, kuris iš tikrųjų yra rastriniame paveikslėlyje — būtent tam HEX spalvų parinkiklis iš paveikslėlio ir skirtas. ➤ Pikselių tinklelis aplink žymeklį, tikslios koordinatės visada matomos ➤ Rodyklių klavišai stumia taikiklį lygiai 1 px, Ctrl+rodyklės šokteli 10, Enter paima spalvą ➤ Suglotninti kraštai nebeapgaudinėja: RGB spalvų parinkiklis iš paveikslėlio turi skaityti šaltinį, o ne išplaukusį jo atvaizdą ➤ Permatomos sritys parodomos sąžiningai, o ne apsimeta juodomis 🎯 Kalba visais jūsų formatais ▸ HEX skirtas CSS ir Figma — HTML spalva iš paveikslėlio vienu spustelėjimu ▸ RGB ir HSL greta, kiekviena reikšmė kopijuojama atskirai — šešioliktainis parinkiklis toje pačioje panelėje ▸ Automatinis kopijavimas parenkant su matomu patvirtinimu — žodžiai „nukopijuota į iškarpinę“ čia tikrai reiškia tai, ką sako ▸ Panelė rodo skaičius iki kito parinkimo; niekas nedingsta po dviejų sekundžių 🖼 Paletė ir istorija, kuri prisimena Dominuojančių tonų paletė sudaroma iš viso paveikslėlio vos jį atidarius — pravartu, kai klientas klausia, iš kokių atspalvių sudarytas logotipas, o kiekvienas pavyzdys yra tikras tonas, paimtas iš kūrinio, niekada ne suvidurkintas atspalvis, kurio jame apskritai nėra. Kiekvienas parinkimas taip pat patenka į penkiasdešimties vietų istoriją, kuri išlieka ir iš naujo paleidus naršyklę. 1️⃣ Rinkite spalvas iš paveikslėlių visą dieną — paskutinės penkiasdešimt lieka vietoje 2️⃣ Atidarykite iškylantįjį langą rytoj — vakarykščiai pavyzdžiai tebėra, vienas spustelėjimas nukopijuoti 3️⃣ Išvalykite sąrašą vienu mygtuku, kai projektas baigtas 📸 Puslapis, kurį žiūrite, kaip paveikslėlis Reikia tono iš gyvos svetainės? Paimkite šį puslapį kaip paveikslėlį („Grab this page as an image“): vienas mygtukas iškylančiajame lange nufotografuoja matomą kortelę ir atidaro nuotrauką tame pačiame parinkiklyje — ta pati lupa, ta pati istorija. Arba dešiniu pelės mygtuku spustelėkite bet kurį paveikslėlį puslapyje ir pasirinkite „Paimti spalvą iš šio paveikslėlio“ („Pick color from this image“): gausite tikrus pikselius, kai serveris leidžia, atvaizduotą nuotrauką, kai neleidžia, ir aiškų patarimą paprastais žodžiais, kai užblokuota net tai. Niekada tylios nesėkmės. Yra ir tylus triukas, kurį verta išmokti: dešiniu mygtuku spustelėkite paveikslėlį bet kur, pasirinkite „Kopijuoti paveikslėlį“ („Copy image“), tada Ctrl+V į parinkiklį. Chrome perduoda dekoduotą rastrą visa raiška — spalvų parinkiklis iš paveikslėlio be jokių papildomų leidimų. 🔒 Privatumas pagal architektūrą ▪ jokių host leidimų ir jokio įspėjimo lango diegiant — plėtinys negali skaityti, ką naršote, o paimtos spalvos lieka tik vietinėje saugykloje ▪ nulis tinklo užklausų: jokios analitikos, jokių CDN šriftų, niekas neskambina namo — atsidarykite DevTools ir įsitikinkite patys ▪ atviras kodas: visa kodo bazė vieša, kiekviena eilutė perskaitoma ▪ veikia neprisijungus, lėktuve, už įmonės tarpinio serverio Ekrano kopijose dažnai būna valdymo skydeliai, sąskaitos, nepaskelbti dizainai. Svetainės, siūlančios spalvų parinkiklį iš paveikslėlio internete, prašo juos įkelti; šis plėtinys nieko įkelti negali, nes joks jo kodas nekalba su serveriu. Galioja ir atvirkščiai: internetinis parinkiklis saugo jūsų failą tiek, kiek nori jo savininkas — čia jis niekada nepalieka kortelės. ⚖️ Sąžininga apimtis — kas tai nėra Tai ne puslapį tyrinėjanti pipetė: ji neskaito CSS kintamųjų ir nespaudinės svetainės DOM. Tai ne spalvų ratas, ne žaisliukas gradientams, viduje nėra Pantone knygų. Amatas čia siauras ir atliktas kaip pridera: paimti spalvą iš paveikslėlių, ekrano kopijų ir nuotraukų pikselio tikslumu, greitai. 💬 Vienos sekundės įprotis Nukopijuoti, įklijuoti, spustelėti — visas color pick from image ratas trunka porą sekundžių, ir būtent tokia esmė: mažas įrankis, kuris tiksliai atlieka vieną darbą ir nesipainioja po kojomis. 🧭 Kas jį laiko prisegtą ◦ Dizaineriai, derinantys atspalvį iš referencinės nuotraukos ar skenuotos prekės ženklo knygos ◦ Front-end programuotojai, norintys atspalvio HEX už dviejų klavišų paspaudimų ◦ Palaikymo inžinieriai, dokumentuojantys sąsajos būsenas tiesiai iš ekrano kopijų ◦ Rinkodaros specialistai, prieš kampaniją išsitraukiantys prekės ženklo tonus iš partnerio logotipo ◦ Iliustruotojai ir studentai, žymintys atspalvius nuotaikų lentai Paveikslėlyje atsakymas jau yra. Šis įrankis jį išima — tiksliai, lokaliai, per sekundes.