Určite farbu pixelu na obrázku online. Určenie farby na obrazovke monitora Program, ktorý reaguje na zmeny farby pixelov

Pracujúci s CSS a rozloženie stránky, často musíte pracovať s farbami a veľmi často je potrebné určiť kód farby/odtieň pre danú oblasť obrázka. Na to existuje špeciálny program tzv ColorMania. Dá sa stiahnuť z tejto stránky http://www.blacksunsoftware.com/colormania.html. Po spustení to vyzerá takto.

Tento program vám umožňuje zistiť kód farby na ľubovoľnom mieste na obrazovke: podržaním tlačidla v tvare kvapkadla s ľavým tlačidlom a bez jeho uvoľnenia ho presuňte po obrazovke na miesto, kde chcete určiť farbu. .

Môžete si vybrať typ farebného zobrazenia, napríklad: v šestnástkovej sústave, ako RGB alebo v inej forme. Ak chcete zmeniť typ zobrazenia, kliknite na rozbaľovací zoznam a zo zoznamu vyberte požadovaný typ zobrazenia.

Po výbere farby môžete kliknúť na tlačidlo "Kopírovať", skopírujte kód farby do schránky alebo ho vyberte myšou a použite klávesovú skratku "ctrl + C".

Pomocou tlačidla je možné vybrať náhodnú farbu "náhodný".

Kliknutím na tlačidlo môžete vyvolať aj štandardné dialógové okno výberu farby "dialóg", ktorý vám umožní vybrať farbu zo základných farieb.

V štandardnom dialógovom okne je možné kliknutím na tlačidlo otvoriť rozšírené dialógové okno výberu farby "Definovať farbu" a potom na spektre, kde je ukazovateľ nitkový kríž, vyberte požadovanú farbu a stlačte "OK".

Potom sa zobrazí vami zvolená farba a jej kód.

Farbu je možné vybrať aj podľa názvu kliknutím na rozbaľovací zoznam s "HTML farba".

A posledná vec, ktorú možno spomenúť, je, že pre presnejšie určenie farby môžete využiť možnosť zväčšiť plochu obrazovky umiestnenú pod kvapkadlom. Kliknite na rozbaľovací zoznam a zmeňte hodnotu "lupa", t.j. vyberte si zväčšenie, s ktorým je pohodlnejšie pracovať.

Pozreli sme sa teda na nie zložitý, no veľmi pohodlný program na určenie farebného kódu v hexadecimálnych a iných systémoch kódovania.

HTMLColors2000 je špeciálny program na detekciu farieb, ktorý vám pomôže rozpoznať akýkoľvek farebný odtieň, ktorý vidíte na obrazovke monitora. Potom, čo tento program určí farbu, predstavuje farebné údaje v dvoch formátoch: RGB (červená, zelená, modrá) a HTML (šesťmiestny kód).

Tento program bude jednoducho nepostrádateľný pre web dizajnérov alebo pre ľudí, ktorí radi kreslia v počítačových programoch. Prečo je nenahraditeľná? Pretože vybrať ten správny odtieň je veľmi ťažké, niekedy až nemožné. Existujú samozrejme aj iné programy, ktoré dokážu určiť farbu, ale po vyskúšaní viacerých programov som si vybral tento.

Tu sú moje argumenty v prospech tohto programu:

1) Váži veľmi málo (iba 32 kb).

2) Nevyžaduje sa žiadna inštalácia.

3) Spotrebuje málo systémových zdrojov.

4) A čo je najdôležitejšie, veľmi jednoduché použitie! Pre mňa osobne je na programe najdôležitejšia jeho spoľahlivosť, rýchlosť a jednoduchosť.

Práca s týmto programom je naozaj veľmi jednoduchá:

2) Existuje päť spôsobov, ako vybrať farby:

• Farby vyberte posunutím jazdcov RGB.
• Manuálne zadávanie hodnôt RGB.
• Vyberte farbu zo zoznamu „Názov farby“.
• Vyberte si z už vybraných odtieňov (bočný panel, otvorí sa tlačidlom „Viac“).
• Tlačidlo „Obrazovka“, s jeho pomocou môžete určiť akúkoľvek farbu na monitore počítača.

Piata metóda je najúžasnejšia! Poviem vám o ňom trochu viac.

Po kliknutí na tlačidlo Obrazovka sa v ľavom hornom rohu vášho monitora zobrazí malé okno, v ktorom sa zobrazia písmená a čísla, ako aj malý farebný pruh. Ak pohnete kurzorom, všimnete si, že písmená a čísla sa začnú meniť a spolu s nimi sa bude meniť aj farebný pruh.

Tento farebný pruh zobrazuje farbu, ktorá sa nachádza pod kurzorom myši, a písmená a čísla nie sú ničím iným ako html kódom tejto farby.

Podstata metódy je veľmi jednoduchá:

1) Stlačíte tlačidlo „Obrazovka“ a presuniete kurzor na farbu, pre ktorú chcete získať kód.

2) Pozrite sa do ľavého horného rohu a uistite sa, že ste neprehliadli požadovanú farbu.

3) Keď je kurzor na požadovanej pozícii, stlačíte ľavé tlačidlo myši.

4) Teraz už len stačí vyzdvihnúť prijatý kód. Buď skopírujte html kód alebo prepíšte hodnotu RGB.

Stiahnite si program na určenie farby:

P.S. Ak sa vám program nechce nainštalovať do počítača (čo je veľmi pravdepodobné, ak máte nainštalovanú Vistu alebo Seven), pomôže vám tento súbor.

Pravdepodobne jeden z prvých nástrojov tohto druhu, ale napriek tomu nestráca svoju popularitu medzi webmastermi.
Program zobrazí HTML kód vybranej farby a naopak farbu po kóde označuje.

Ak chcete určiť farbu na monitore, kliknite na tlačidlo Obrazovka, nasmerujte ukazovateľ na požadovaný bod a kliknite raz na toto miesto. Pole Kód HTML zobrazí farbu v kóde HTML. Zostáva iba skopírovať tento kód do schránky a vložiť ho na požadované miesto.
Výhody: program váži veľmi málo a je mimoriadne jednoduchý

Program Color Picker

Výhodou tohto programu je, že zobrazuje farby v RGB alebo HSL kóde a samozrejme v HTML.

Ak chcete určiť farbu, musíte kliknúť na tlačidlo "Vybrať farbu pomocou myši", kurzor myši bude mať tvar kvapkadla, stačí presunúť kurzor na požadované miesto a kliknúť naň. Program je kompatibilný s verziami Windows XP a vyššími.
Vyžaduje inštaláciu na počítači.

Len výber farieb

Myslím, že je moja obľúbená. Konkrétne mi veľmi pomáha, že po nasnímaní farby sa v rozhraní objaví pruh s premenlivou tonalitou a jasom danej farby. Tie. Môžem prejsť myšou po pásiku a chytiť niekoľko ďalších podobných farieb, napríklad trochu svetlejšie, pre neskorší výber optimálnej.

• Pri prvom spustení vás vyzve na výber jazyka, je prítomná ruština.
• Rozhranie programu Just Color Picker obsahuje lupu.
• Umožňuje uložiť viacero farieb.
• Odčítava nie kliknutím myši, ale pomocou klávesových skratiek Alt+X (v predvolenom nastavení), čo vám umožňuje presnejšie určiť farbu
• Po definovaní farby program automaticky určí ďalšie farby, ktoré budú s vybranou v súlade a ktoré je možné použiť v návrhu.
• Nevyžaduje inštaláciu, beží na pozadí.

Program je kompatibilný s verziami Windows XP a vyššími.

Za zmienku stojí aj bezplatný program ColorPic 4.1. Jeho jedinou nevýhodou je, že vyžaduje inštaláciu na počítači, t.j. nemôže bežať na pozadí.

Výhod má ale viac než dosť. Program nie je úplne jednoduchý, preto popis a návod na prácu s ním uvádzame na tejto stránke v samostatnom článku

Webdizajnér, vývojár alebo bežný počítačový používateľ si túto otázku pravdepodobne položil viackrát. Často je potrebné vybrať farbu použitú na nejakom objekte, napríklad na webovej stránke alebo len na bode na obrazovke monitora.

Existuje niekoľko základných spôsobov reprezentácie farieb, napríklad keď je označená každá farba alebo odtieň HTML kód a farebná paleta RGB ako #FF7700. Toto je znázornené vo forme troch párov hexadecimálnych číslic, v ktorých každý pár je zodpovedný za svoju vlastnú farbu:
prvé dve číslice sú červené, t.j. — R(červená)
dva v strede - zelené - G (zelená)
posledné dve číslice - modrá - B (modrá)
Pomerne často používajú záludné znázornenie farby vo forme troch znakov #F70, čo by bolo ekvivalentné #FF7700.

Mimochodom, na webových zdrojoch sú farby zvyčajne špecifikované v štýloch CSS.

Prejdime k odpovedi na hlavnú otázku - Ako zistiť farbu pixelu na obrazovke monitora alebo na obrázku?

Existuje mnoho spôsobov...

Metóda 1. Zistite farbu vo Photoshope

Takže urobme „snímku obrazovky“ stlačením klávesu Print Screen (PrtSc) na klávesnici v mieste, kde chceme zistiť kód našej farby. Keď stlačíte kláves, systém uloží snímku do schránky. Môžete jednoducho skopírovať obrázok, napríklad z prehliadača, bez PrtSc. Teraz už zostáva len vložiť obrázok z vyrovnávacej pamäte do Photoshopu.

Otvorte Photoshop a vložte obrázok (Súbor - Nový, Úpravy - Vložiť). Hľadáme „Pipette“ na paneli nástrojov (kláves I), potom klikneme ľavým tlačidlom myši na oblasť, v ktorej chceme „odstrániť“ farbu. Všetko je pripravené! Teraz zostáva len prejsť na paletu a zistiť kód farby.

Metóda 2. Zistite farbu v programe Maľovanie

Prejdite na Maľovanie - vložte obrázok - použite nástroj "paleta" - prejdite na "zmeniť farby":

V našom prípade je červená 252, zelená 168, modrá 10, t.j. RGB(252,168,10) alebo v HEX formáte #FCA80A.

Metóda 3: Zobrazte kód prvku v prehliadači

Popíšem spôsob pre prehliadač Opera. Vyberte prvok na stránke pomocou myši a kliknite naň pravým tlačidlom myši - „Zobraziť kód prvku“ (Ctrl + Shift + C). Otvorí sa panel s kódom html a css, budete musieť nájsť niečo ako „farba“.

Metóda 4. Použitie špeciálnych nástrojov alebo programov.

Existuje veľké množstvo špeciálnych programov na odstraňovanie farieb, páči sa mi veľmi jednoduchý program s názvom "Pixie" s hmotnosťou asi 10-11 KB. Ovládanie je veľmi jednoduché. Jednoducho namierte myš na požadované miesto na obrazovke monitora a stlačte nasledujúce klávesy - Ctrl + Alt + C, v dôsledku čoho sa farebný kód skopíruje do schránky.

Pri práci na počítači, kreslení vo Photoshope a navrhovaní webových stránok musím často zisťovať, aké farby, alebo skôr ich kódy, majú určité objekty na obrazovke monitora. Na tvorbu webstránok a ich napĺňanie obsahom najčastejšie používam html farby a niekedy pri práci vo Photoshope alebo iných obrázkových editoroch používam RGB kódy.

Predtým som na určenie farby objektu na monitore musel urobiť snímku obrazovky (skopírovaním do schránky pomocou „Print Screen“ alebo „Alt“ + „Print Screen“). Potom ste museli vložiť obrázok do Photoshopu, Paint alebo iného editora obrázkov a pomocou bežného kvapkadla zistiť farebný kód požadovaného objektu. Celá táto procedúra mi zabrala veľa času, najmä ak sa musela často opakovať.

Teraz sa však všetko zmenilo a na určenie farby nemusím nič kopírovať a vytvárať ďalšie obrázky.

Pixie je najjednoduchší detektor farieb v podpazuší!

V tomto krátkom článku by som vám chcel predstaviť veľmi jednoduchý, pohodlný, kompaktný a tiež bezplatný program na určovanie farieb na monitore - Pixie, ktorý bude užitočný pre tvorcov webových stránok, dizajnérov a programátorov.

Pixie- program určený na rýchle určenie farby objektu, nad ktorým sa pohybuje myš. Zobrazuje 4 typy kódov rovnakej farby:

1. HTML kód
2. RGB kód
3. CMYK kód
4. Kód HSV

Napríklad, ak podržíte kurzor myši biely predmet, potom program zobrazí nasledujúce farebné kódy:

Ak prejdete myšou napr. Modrá farba, potom program zobrazí nasledujúce kódy:

Tiež pomocou kombinácií klávesov:

1. Ctrl+Alt+C- pixie skopíruje farbu do schránky vo formáte html #XXXXXX.
2. Ctrl+Alt+X- pixie otvorí okno s paletou farieb.
3. Ctrl+Alt+Z- pixie zväčší malú oblasť v blízkosti kurzora (ako pod lupou), takže používateľ môže presnejšie určiť farbu objektu na obrazovke.

Ak chcete zmeniť vyššie uvedené kombinácie klávesov, kliknite pravým tlačidlom myši na okno programu a nastavte ho podľa potreby.

Pixie- veľmi jednoduchý, užitočný a dokonca potrebný program pre všetkých programátorov, dizajnérov, webových programátorov a webových dizajnérov, ktorý nemá nič nadbytočné.

Tento program mi neustále pomáha pri mojej práci (pri určovaní farieb), takže vám ho môžem s dôverou odporučiť. Navyše opakujem, že je to úplne zadarmo.

Môžete sa tiež dozvedieť o všetkých bezpečné farby pre stránku .