Odredite boju piksela na slici na mreži. Određivanje boje na ekranu monitora Program koji reaguje na promene boje piksela

Raditi sa CSS i izgled stranice, često morate raditi sa bojama i vrlo često postoji potreba za određivanjem koda boje/nijanse za datu oblast slike. Za to postoji poseban program tzv ColorMania. Može se preuzeti sa ove stranice http://www.blacksunsoftware.com/colormania.html. Nakon lansiranja to izgleda ovako.

Ovaj program vam omogućava da saznate kod boje u bilo kojoj tački na ekranu: držanjem tipke u obliku kapaljke lijevom tipkom i, bez puštanja, pomjerite je preko ekrana do mjesta na kojem želite odrediti boju .

Možete odabrati vrstu prikaza u boji, na primjer: heksadecimalno, kao RGB ili u drugom obliku. Da biste promijenili vrstu prikaza, kliknite na padajuću listu i sa liste odaberite tip prikaza koji vam je potreban.

Nakon što odaberete boju, možete kliknuti na dugme "kopija", kopirajte kod boje u međuspremnik ili ga odaberite mišem i koristite prečicu na tastaturi "ctrl + C".

Pomoću dugmeta moguće je odabrati nasumične boje "slučajno".

Također možete pozvati standardni dijalog za odabir boja klikom na dugme "dijalog", što će vam omogućiti da odaberete boju među primarnim bojama.

U standardnom dijaloškom okviru moguće je otvoriti prošireni dijaloški okvir za izbor boja klikom na dugme "Definiraj boju" a zatim na spektru, gdje je pokazivač križić, odaberite željenu boju i pritisnite "UREDU".

Tada će se prikazati boja koju ste odabrali i njen kod.

Također je moguće odabrati boju po imenu klikom na padajuću listu sa "HTML boja".

I posljednja stvar koja se može spomenuti je da za preciznije određivanje boje možete koristiti opciju za povećanje površine ekrana koja se nalazi ispod kapaljke. Kliknite na padajuću listu i promijenite vrijednost "zum", tj. odaberite uvećanje s kojim je praktičnije raditi.

Stoga smo pogledali ne kompliciran, ali vrlo zgodan program za određivanje koda boje u heksadecimalnom i drugim sistemima kodiranja.

HTMLColors2000 je poseban program za detekciju boja koji će vam pomoći da prepoznate bilo koju nijansu boje koju vidite na ekranu vašeg monitora. Nakon što ovaj program odredi boju, on predstavlja podatke o boji u dva formata: RGB (crveno zeleno plavo) i HTML (šestocifreni kod).

Ovaj program će biti jednostavno nezamjenjiv za web dizajnere, ili za ljude koji vole crtati u kompjuterskim programima. Zašto je nezamjenjiv? Zato što je odabir prave nijanse vrlo težak, ponekad čak i nemoguć. Postoje, naravno, i drugi programi koji mogu odrediti boju, ali nakon što sam isprobao nekoliko programa, izabrao sam ovaj.

Evo mojih argumenata u korist ovog programa:

1) Teži vrlo malo (samo 32 kb).

2) Nije potrebna instalacija.

3) Troši malo sistemskih resursa.

4) I što je najvažnije, vrlo jednostavan za korištenje! Za mene lično, najvažnija stvar u vezi sa programom je njegova pouzdanost, brzina i jednostavnost.

Rad sa ovim programom je zaista vrlo jednostavan:

2) Postoji pet načina za odabir boja:

• Odaberite boje pomicanjem RGB klizača.
• Ručni unos RGB vrijednosti.
• Odaberite boju sa liste „Naziv boje“.
• Odaberite između već odabranih nijansi (bočna traka, otvara se tipkom „Više“).
• Dugme „Ekran“, uz njegovu pomoć možete odrediti bilo koju boju na monitoru vašeg računara.

Peta metoda je najdivnija! Reći ću vam nešto više o njemu.

Nakon što kliknete na dugme Ekran, u gornjem levom uglu vašeg monitora će se pojaviti mali prozor u kome će se prikazati slova i brojevi, kao i mala traka u boji. Ako pomjerite kursor, primijetit ćete da će se slova i brojevi početi mijenjati, a traka boja će se mijenjati zajedno s njima.

Ova traka boja prikazuje boju koja se nalazi ispod vašeg kursora miša, a slova i brojevi nisu ništa drugo do html kod ove boje.

Suština metode je vrlo jednostavna:

1) Pritisnete dugme „Ekran“ i pomerite kursor na boju za koju želite da dobijete kod.

2) Pogledajte gornji lijevi ugao i uvjerite se da niste propustili boju koju želite.

3) Kada je kursor na željenoj poziciji, pritisnite lijevu tipku miša.

4) Sada sve što treba da uradite je da preuzmete primljeni kod. Ili kopirajte html kod ili prepišite RGB vrijednost.

Preuzmite program za određivanje boje:

P.S. Ako program ne želi da se instalira na vašem računaru (što je vrlo verovatno ako imate instaliranu Vistu ili Seven), ovaj fajl će vam pomoći.

Vjerojatno jedan od prvih uslužnih programa ove vrste, ali, ipak, ne gubi svoju popularnost među webmasterima.
Program prikazuje HTML kod odabrane boje i, obrnuto, označava boju po kodu.

Da biste odredili boju na monitoru, kliknite na dugme Ekran, usmjerite pokazivač na željenu tačku i kliknite jednom na ovo mjesto. Polje HTML koda će prikazati boju u HTML kodu. Ostaje samo da kopirate ovaj kod u međuspremnik i zalijepite ga na željenu lokaciju.
Prednosti: program je vrlo malo težak i izuzetno je jednostavan

Program za odabir boja

Prednost ovog programa je što prikazuje boje u RGB ili HSL kodu, i naravno, u HTML-u.

Da biste odredili boju potrebno je da kliknete na dugme "Odaberi boju mišem", kursor miša će poprimiti oblik kapaljke, sve što treba da uradite je da pomerite kursor na željenu lokaciju i kliknete na njega. Program je kompatibilan sa verzijama Windows XP i novijim.
Zahteva instalaciju na računar.

Samo birač boja

Mislim da mi je ona omiljena. Konkretno, ono što mi mnogo pomaže je to što se nakon snimanja boje u interfejsu pojavljuje traka sa promjenjivim tonalitetom i svjetlinom te boje. One. Mogu da pomerim miša preko trake i uhvatim još nekoliko sličnih boja, na primer, malo svetlijih, za kasniji odabir optimalne.

• Kada prvi put pokrenete, traži od vas da odaberete jezik, ruski je prisutan.
• Interfejs Just Color Picker-a uključuje lupu ekrana.
• Omogućava vam da sačuvate više boja.
• Očitava se ne klikom miša, već vrućim tipkama Alt+X (podrazumevano), što vam omogućava da preciznije odredite boju
• Nakon definisanja boje, program će automatski odrediti dodatne boje koje će biti u skladu sa odabranom i koje se mogu koristiti u dizajnu.
• Ne zahtijeva instalaciju, radi u pozadini.

Program je kompatibilan sa verzijama Windows XP i novijim.

Vrijedi napomenuti i besplatni program ColorPic 4.1. Jedini nedostatak mu je što zahtijeva instalaciju na računar, tj. ne može raditi u pozadini.

Ali ima više nego dovoljno prednosti. Program nije sasvim jednostavan, pa su opis i upute za rad s njim navedeni na ovoj stranici u posebnom članku

Web dizajner, programer ili običan korisnik računara je vjerovatno postavio ovo pitanje više puta. Često postoji potreba za odabirom boje koja se koristi na nekom objektu, na primjer web stranici ili samo tački na ekranu monitora.

Postoji nekoliko osnovnih načina za predstavljanje boja, na primjer kada je svaka boja ili nijansa označena HTML kod i paleta boja RGB kao #FF7700. Ovo je predstavljeno u obliku tri para heksadecimalnih znamenki, u kojima je svaki par odgovoran za svoju boju:
prve dvije cifre su crvene, tj. — R (crveno)
dva u sredini - zelena - G (zeleno)
zadnje dvije cifre - plava - B (plava)
Vrlo često koriste prikriveni prikaz boje u obliku tri znaka #F70, što bi bilo ekvivalentno #FF7700.

Usput, na web resursima boje su obično navedene u CSS stilovima.

Pređimo na odgovor na glavno pitanje - Kako saznati boju piksela na ekranu monitora ili slici?

Postoji mnogo načina...

Metoda 1. Saznajte boju u Photoshopu

Dakle, napravimo “screenshot” pritiskom na tipku Print Screen (PrtSc) na tastaturi, na mjestu gdje želimo da saznamo kod za našu boju. Kada pritisnete taster, sistem će sačuvati snimak u klipbordu. Možete jednostavno kopirati sliku, na primjer iz pretraživača, bez PrtSc-a. Sada ostaje samo da zalijepite sliku iz bafera u Photoshop.

Otvorite Photoshop i umetnite sliku (Datoteka - Novo, Uređivanje - Umetanje). Tražimo „Pipetu“ na traci sa alatkama (Taster I), a zatim kliknemo levim tasterom miša na oblast u kojoj želimo da „uklonimo“ boju. Sve je spremno! Sada ostaje samo da odete do palete i saznate kod boja.

Metoda 2. Pronađite boju u Paintu

Idite na Paint - umetnite sliku - koristite alat "paleta" - idite na "promijeni boje":

U našem slučaju, crvena je 252, zelena je 168, plava je 10, tj. RGB(252,168,10) ili u HEX formatu #FCA80A.

Metoda 3: Pogledajte kod elementa u pretraživaču

Opisaću metod za pretraživač Opera. Odaberite element na web mjestu pomoću miša i kliknite desnim gumbom miša na njega - "Prikaži kod elementa" (Ctrl + Shift + C). Otvorit će se panel s html i css kodom, morat ćete pronaći nešto poput "boje".

Metoda 4. Upotreba posebnih alata ili programa.

Postoji veliki broj specijalnih programa za uklanjanje boje; sviđa mi se vrlo jednostavan program pod nazivom "Pixie" težine oko 10-11 KB. Kontrole su vrlo jednostavne. Jednostavno usmjerite miša na željenu tačku na ekranu monitora i pritisnite sljedeće tipke - Ctrl + Alt + C, kao rezultat toga, kod boje će se kopirati u međuspremnik.

Radeći na računaru, crtajući u Photoshopu i dizajnirajući web stranice, često moram saznati koje boje, odnosno njihove kodove, imaju određeni objekti na ekranu monitora. Za kreiranje web stranica i njihovo popunjavanje sadržajem najčešće koristim html boje, a ponekad koristim RGB kodove dok radim u Photoshopu ili drugim uređivačima slika.

Ranije, da bih odredio boju objekta na monitoru, morao sam da napravim snimak ekrana (kopiranje u međuspremnik pomoću “Print Screen” ili “Alt” + “Print Screen”). Zatim ste morali da umetnete sliku u Photoshop, Paint ili neki drugi uređivač slika i koristite običnu kapaljku da biste saznali kod boje traženog objekta. Cijela ova procedura mi je oduzela dosta vremena, pogotovo ako je morala često da se ponavlja.

Ali sada se sve promijenilo i da bih odredio boju ne trebam ništa kopirati i stvarati dodatne slike.

Pixie je najjednostavniji detektor boja ispod pazuha!

U ovom kratkom članku želim vam predstaviti vrlo jednostavan, zgodan, kompaktan i ujedno besplatan program za određivanje boje na monitoru - Pixie, koji će biti koristan kreatorima web stranica, dizajnerima i programerima.

Pixie- program dizajniran da brzo odredi boju objekta nad kojim se miš lebdi. Prikazuje 4 vrste kodova iste boje:

1. HTML kod
2. RGB kod
3. CMYK kod
4. Šifra HSV

Na primjer, ako zadržite pokazivač miša iznad bijeli predmet, tada će program pokazati sljedeće kodove boja:

Ako zadržite pokazivač miša iznad, npr. Plava boja, tada će program pokazati sljedeće kodove:

Također koristite kombinacije tipki:

1. Ctrl+Alt+C- pixie kopira boju u međuspremnik u html formatu #XXXXXX.
2. Ctrl+Alt+X- pixie otvara prozor s paletom boja.
3. Ctrl+Alt+Z- pixie povećava malu površinu u blizini kursora (kao pod lupom) tako da korisnik može preciznije odrediti boju objekta na ekranu.

Ako želite da promenite gornje kombinacije tastera, kliknite desnim tasterom miša na prozor programa i podesite ga kako želite.

Pixie- vrlo jednostavan, koristan i čak neophodan program za sve programere, dizajnere, web programere i web dizajnere, koji nema ništa suvišno.

Ovaj program mi stalno pomaže u radu (u određivanju boja), tako da vam ga mogu sa sigurnošću preporučiti. Štaviše, ponavljam da je potpuno besplatno.

Također možete saznati o svima sigurne boje za sajt.