Delovanje orodja in natančno izbiranje pikslov
Orodje Kapalka za barve s slik omogoča nalaganje slikovne datoteke iz vaše naprave in natančno branje barvnih vrednosti posameznih pikslov. Ob nalaganju slike se v vmesniku takoj prikažejo barvne vrednosti in koordinate sredinskega piksla. Premikanje kazalca miške nad sliko sproži sprotno vzorčenje barv za vsak piksel, čez katerega se pomaknete. Za doseganje visoke natančnosti pri izbiri je na voljo povečan pogled pikslov okoli kazalca, ki deluje kot digitalno povečevalo.
Ko najdete želeni piksel, z enim klikom shranite trenutno vzorčeno barvo v zgodovino izbir. Orodje podpira tudi upravljanje s tipkovnico, kar omogoča premikanje križca po sliki s smernimi tipkami za natančen pomik po posameznih pikslih. Če med uporabo smernih tipk držite tipko Shift, se križec premakne za 10 pikslov. Shranjevanje trenutno vzorčene barve s tipkovnico izvedete s pritiskom na tipko Enter ali Space.
Zgodovina shranjenih barv lahko hrani do 12 zapisov. Če izberete barve, ki imajo enake vrednosti RGB, vendar različne stopnje prosojnosti (alfa kanal), se te v zgodovini shranijo kot ločeni vnosi. Klik na katero koli izmed prikazanih vrednosti (HEX, RGB ali HSL) kopira to vrednost neposredno v odložišče za nadaljnjo uporabo v oblikovalskih programih ali kodi.
Podprti slikovni formati in omejitve velikosti
Orodje sprejema širok nabor slikovnih formatov, ki se pogosto uporabljajo v digitalni grafiki in spletnem oblikovanju. Podprte so naslednje vrste datotek in njihovi ustrezni MIME tipi:
- PNG (
image/png) - JPG oziroma JPEG (
image/jpeg) - WebP (
image/webp) - GIF (
image/gif) - AVIF (
image/avif) - HEIC / HEIF (
image/heic,image/heif)
Če v orodje spustite datoteko, ki ni med podprtimi formati, se izpiše opozorilo: "Ta vrsta datoteke ni podprta. Poskusite s sliko PNG, JPG, WebP, GIF, AVIF ali HEIC." V primeru, da je datoteka poškodovana ali je brskalnik ne more prebrati, se prikaže sporočilo: "Te slike ni bilo mogoče odpreti. Morda je poškodovana ali v nepodprtem formatu."
Za zagotavljanje stabilnosti delovanja v brskalniku se slike, katerih najdaljša stranica presega 4096 pikslov, samodejno pomanjšajo na to mejno vrednost.
Razumevanje barvnih modelov: HEX, RGB in HSL
Orodje za vsak izbrani piksel hkrati izračuna in prikaže tri ključne barvne zapise, ki se uporabljajo v razvoju vmesnikov in grafičnem oblikovanju:
- HEX: Šestnajstiški zapis barve (npr. #ff5733), ki se najpogosteje uporablja v kodi HTML in CSS za določanje barvnih lastnosti elementov.
- RGB: Model, ki temelji na aditivnem mešanju rdeče (Red), zelene (Green) in modre (Blue) svetlobe. Vrednosti za vsako komponento se gibljejo na lestvici od 0 do 255.
- HSL: Alternativna predstavitev modela RGB, ki opisuje barvo prek treh komponent: barvnega tona (Hue) v stopinjah od 0° do 360°, nasičenosti (Saturation) v odstotkih od 0% do 100% in svetlosti (Lightness) prav tako v odstotkih od 0% do 100%. Ta model je izjemno uporaben za hitro prilagajanje svetlosti ali nasičenosti določenega tona neposredno v CSS kodi.
Vpliv stiskanja slik in prosojnosti na vzorčenje
Pri vzorčenju barv iz digitalnih slik je pomembno razumeti, da orodje vedno prebere in prikaže natančno tisto vrednost piksla, ki je shranjena v datoteki. Na to vrednost lahko vpliva več dejavnikov:
- Stiskanje in glajenje robov: Če analizirate sliko v formatu JPEG ali posnetek zaslona, so lahko dejanske barvne vrednosti pikslov spremenjene zaradi izgubnega stiskanja ali algoritmov za glajenje robov (anti-aliasing). Ti procesi ustvarijo prehodne piksle z vmesnimi barvnimi odtenki, ki se razlikujejo od prvotnih čistih barvnih tonov.
- Prosojnost (Alfa kanal): Če izberete piksel, ki je delno prosojen, se njegova barvna vrednost prebere samostojno, ne da bi se pri tem upoštevalo ozadje, ki se morda nahaja pod njim v vmesniku. V primeru zaznave delne prosojnosti orodje izpiše opozorilo: "Alfa
{n}% — ta piksel je delno prosojen.", kjer{n}predstavlja dejanski odstotek neprosojnosti piksla.
Integracija v oblikovalske in razvojne delovne procese
Natančno določanje barvnih vrednosti je ključno za ohranjanje konsistentnosti blagovne znamke in pravilno poustvarjanje grafičnih predlog v kodi. Razvijalci lahko s klikom na vrednosti HEX, RGB ali HSL hitro pridobijo točne podatke za vnos v CSS slogovne datoteke. Oblikovalci uporabljajo orodje za ekstrakcijo barvnih palet iz referenčnih slik, fotografij ali logotipov, ne da bi morali za to odpirati zahtevne grafične urejevalnike.
Če brskalnik zaradi varnostnih nastavitev ali omejitev blokira neposreden dostop do odložišča, se v vmesniku izpiše obvestilo o napaki: "Kopiranje ni uspelo — vaš brskalnik je blokiral dostop do odložišča."
Zasebnost podatkov in lokalna obdelava
Pri uporabi tega orodja so vaši podatki v celoti zaščiteni. Slika se prebere neposredno iz vaše naprave in nikoli ne zapusti vašega brskalnika. Celoten postopek dekodiranja, vzorčenja pikslov in izračuna barvnih vrednosti poteka lokalno na vaši napravi. Nobena datoteka ali podatek se ne prenaša na strežnike BroBroGo.
Gumb "Začni znova" omogoča takojšnjo ponastavitev orodja v prvotno stanje. S klikom nanj odstranite naloženo sliko, izbrišete celotno zgodovino shranjenih barv in počistite trenutno izbrane vrednosti iz pomnilnika brskalnika.
Pogosta vprašanja (FAQ)
Kako izberem barvo s slike?
Premaknite kazalec nad sliko in na plošči se bo prikazala barva pod njim, pri čemer vam povečava pomaga natančno izbrati piksel. Kliknite, da shranite to barvo med svoje izbire. Sliko lahko tudi aktivirate in premikate križec s smernimi tipkami ter pritisnete Enter.
Katere barvne formate prejmem?
Vsak piksel, ki ga zajamete, se hkrati prikaže v zapisih HEX, RGB in HSL. Kliknite katero koli vrednost, da jo kopirate in prilepite v CSS ali oblikovalsko orodje.
Zakaj se izbrana barva včasih ne ujema z mojim pričakovanjem?
Prejmete natančno vrednost piksla, shranjeno v sliki. Če gre za JPEG ali posnetek zaslona, sta stiskanje in glajenje robov (anti-aliasing) morda že nekoliko spremenila sosednje piksele, polprosojen piksel pa se prebere samostojno, brez ozadja pod njim.
Ali se moje slike prenašajo na kakšen strežnik?
Ne. Slika se prebere neposredno iz vaše naprave in nikoli ne zapusti vašega brskalnika. Nič se ne prenaša na BroBroGo, saj celotna obdelava poteka lokalno v vašem spletnem programu.