Tukuyin ang kulay ng isang pixel sa isang larawan online. Pagtukoy ng kulay sa isang monitor screen Isang programa na tumutugon sa mga pagbabago sa kulay ng pixel

Nagtatrabaho sa CSS at layout ng pahina, madalas kang kailangang gumamit ng mga kulay at napakadalas na kailangang matukoy ang code ng kulay/shade para sa isang partikular na lugar ng isang imahe. Mayroong isang espesyal na programa para dito na tinatawag na ColorMania. Maaari itong i-download mula sa site na ito http://www.blacksunsoftware.com/colormania.html. Pagkatapos ng paglunsad, ganito ang hitsura.

Binibigyang-daan ka ng program na ito na malaman ang color code sa anumang punto sa screen: sa pamamagitan ng pagpindot sa hugis ng eyedropper na button gamit ang kaliwang key at, nang hindi ito binibitiwan, ilipat ito sa screen patungo sa lugar kung saan mo gustong matukoy ang kulay .

Maaari mong piliin ang uri ng display ng kulay, halimbawa: sa hexadecimal, bilang RGB o sa ibang anyo. Upang baguhin ang uri ng display, mag-click sa drop-down na listahan at piliin ang uri ng display na kailangan mo mula sa listahan.

Pagkatapos mong pumili ng isang kulay, maaari mong i-click ang pindutan "Kopya", kopyahin ang color code sa clipboard o piliin ito gamit ang mouse at gamitin ang keyboard shortcut "ctrl + C".

Posibleng pumili ng random na kulay gamit ang button "Random".

Maaari mo ring tawagan ang karaniwang dialog box ng pagpili ng kulay sa pamamagitan ng pag-click sa button "Dialog", na magbibigay-daan sa iyong pumili ng kulay mula sa mga pangunahing kulay.

Sa karaniwang dialog box, posibleng magbukas ng pinahabang dialog box ng pagpili ng kulay sa pamamagitan ng pag-click sa button "Tukuyin ang kulay" at pagkatapos ay sa spectrum, kung saan ang pointer ay isang crosshair, piliin ang nais na kulay at pindutin "OK".

Pagkatapos ay ipapakita ang kulay na iyong pinili at ang code nito.

Posible ring pumili ng isang kulay ayon sa pangalan sa pamamagitan ng pag-click sa drop-down na listahan na may "Kulay ng HTML".

At ang huling bagay na maaaring banggitin ay upang mas tumpak na matukoy ang kulay, maaari mong gamitin ang opsyon upang palakihin ang lugar ng screen na matatagpuan sa ilalim ng eyedropper. Mag-click sa drop-down na listahan at baguhin ang halaga "Mag-zoom", ibig sabihin. piliin ang magnification kung saan ito ay mas maginhawa upang gumana.

Kaya tiningnan namin ang isang hindi kumplikado, ngunit napaka-maginhawang programa para sa pagtukoy ng code ng kulay sa hexadecimal at iba pang mga sistema ng pag-encode.

Ang HTMLColors2000 ay isang espesyal na color detection program na tutulong sa iyong makilala ang anumang kulay na nakikita mo sa iyong monitor screen. Pagkatapos matukoy ng program na ito ang isang kulay, kinakatawan nito ang data ng kulay sa dalawang format: RGB (pulang berdeng asul), at HTML (isang anim na digit na code).

Ang program na ito ay kailangang-kailangan para sa mga web designer, o para sa mga taong gustong gumuhit sa mga programa sa computer. Bakit hindi ito mapapalitan? Dahil ang pagpili ng tamang lilim ay napakahirap, minsan kahit imposible. Mayroong, siyempre, iba pang mga programa na maaaring matukoy ang kulay, ngunit pagkatapos subukan ang ilang mga programa, pinili ko ang isang ito.

Narito ang aking mga argumento na pabor sa programang ito:

1) Napakaliit ng timbang nito (32 kb lang).

2) Walang kinakailangang pag-install.

3) Kumokonsumo ng kaunting mapagkukunan ng system.

4) At higit sa lahat, napakadaling gamitin! Para sa akin personal, ang pinakamahalagang bagay tungkol sa programa ay ang pagiging maaasahan, bilis, at pagiging simple nito.

Ang pagtatrabaho sa program na ito ay talagang napaka-simple:

2) Mayroong limang paraan upang pumili ng mga kulay:

• Pumili ng mga kulay sa pamamagitan ng paggalaw ng mga RGB slider.
• Manu-manong paglalagay ng mga halaga ng RGB.
• Pumili ng isang kulay mula sa listahan ng "Pangalan ng Kulay".
• Pumili mula sa mga napiling shades (sidebar, bubukas gamit ang "Higit pa" na button).
• Button na "Screen", sa tulong nito matutukoy mo ang anumang kulay sa monitor ng iyong computer.

Ang ikalimang paraan ay ang pinaka-kahanga-hanga! Sasabihin ko pa sa iyo ang tungkol sa kanya.

Pagkatapos mong mag-click sa pindutan ng Screen, lilitaw ang isang maliit na window sa kaliwang sulok sa itaas ng iyong monitor, na magpapakita ng mga titik at numero, pati na rin ang isang maliit na kulay na bar. Kung ililipat mo ang cursor, mapapansin mo na magsisimulang magbago ang mga titik at numero, at magbabago ang color bar kasama ng mga ito.

Ipinapakita ng color bar na ito ang kulay na nasa ilalim ng iyong mouse cursor, at ang mga titik at numero ay hindi hihigit sa html code ng kulay na ito.

Ang kakanyahan ng pamamaraan ay napaka-simple:

1) Pindutin mo ang pindutan ng "Screen" at ilipat ang cursor sa kulay kung saan mo gustong makuha ang code.

2) Tumingin sa kaliwang sulok sa itaas at tiyaking hindi mo napalampas ang kulay na gusto mo.

3) Kapag ang cursor ay nasa nais na posisyon, pinindot mo ang kaliwang pindutan ng mouse.

4) Ngayon ang kailangan mo lang gawin ay kunin ang natanggap na code. Maaaring kopyahin ang html code o muling isulat ang halaga ng RGB.

I-download ang programa sa pagtukoy ng kulay:

P.S. Kung ayaw ma-install ng program sa iyong computer (na malamang kung mayroon kang Vista o Seven na naka-install), tutulungan ka ng file na ito.

Marahil isa sa mga unang kagamitan ng ganitong uri, ngunit, gayunpaman, hindi nito nawawala ang katanyagan nito sa mga webmaster.
Ang programa ay nagpapakita ng HTML code ng napiling kulay at, sa kabaligtaran, ay nagpapahiwatig ng kulay sa pamamagitan ng code.

Upang matukoy ang kulay sa monitor, mag-click sa pindutan ng Screen, ituro ang pointer sa nais na punto, at mag-click nang isang beses sa lugar na ito. Ipapakita ng field ng HTML Code ang kulay sa HTML Code. Ang natitira na lang ay kopyahin ang code na ito sa clipboard at i-paste ito sa nais na lokasyon.
Mga Bentahe: napakaliit ng bigat ng programa at napakasimple

Programa ng Color Picker

Ang bentahe ng program na ito ay nagpapakita ito ng mga kulay sa RGB o HSL code, at siyempre, sa HTML.

Upang matukoy ang kulay, kailangan mong mag-click sa pindutan ng "Piliin ang Kulay gamit ang Mouse", ang cursor ng mouse ay magkakaroon ng hugis ng isang eyedropper, ang kailangan mo lang gawin ay ilipat ang cursor sa nais na lokasyon at i-click ito. Ang programa ay katugma sa mga bersyon ng Windows XP at mas mataas.
Nangangailangan ng pag-install sa isang computer.

Color Picker lang

Sa tingin ko siya ang paborito ko. Sa partikular, ang nakakatulong nang husto sa akin ay na pagkatapos kumuha ng kulay, may lalabas na bar sa interface na may variable na tonality at liwanag ng kulay na iyon. Yung. Maaari kong ilipat ang mouse sa ibabaw ng strip at kumuha ng ilang higit pang katulad na mga kulay, halimbawa, bahagyang mas maliwanag, para sa pagpili sa ibang pagkakataon ng pinakamainam.

• Kapag una mong sinimulan, sinenyasan ka nitong pumili ng isang wika, naroroon ang Russian.
• Ang interface ng Just Color Picker ay may kasamang screen magnifier.
• Binibigyang-daan kang mag-save ng maraming kulay.
• Kinukuha ang mga pagbabasa hindi sa isang pag-click ng mouse, ngunit sa mga hot key na Alt+X (bilang default), na nagbibigay-daan sa iyong mas tumpak na matukoy ang kulay
• Matapos tukuyin ang isang kulay, awtomatikong matutukoy ng programa ang mga karagdagang kulay na magiging kasuwato ng napili at maaaring magamit sa disenyo.
• Hindi nangangailangan ng pag-install, tumatakbo sa background.

Ang programa ay katugma sa mga bersyon ng Windows XP at mas mataas.

Kapansin-pansin din ang libreng programa ColorPic 4.1. Ang tanging disbentaha nito ay nangangailangan ito ng pag-install sa isang computer, i.e. hindi maaaring tumakbo sa background.

Ngunit mayroon itong higit sa sapat na mga pakinabang. Ang programa ay hindi ganap na simple, kaya ang isang paglalarawan at mga tagubilin para sa pagtatrabaho dito ay ibinigay sa site na ito sa isang hiwalay na artikulo

Ang isang web designer, developer, o ordinaryong gumagamit ng computer ay malamang na nagtanong ng tanong na ito nang higit sa isang beses. Kadalasan mayroong pangangailangan na piliin ang kulay na ginamit sa ilang bagay, halimbawa isang website o isang punto lamang sa isang monitor screen.

Mayroong ilang mga pangunahing paraan upang kumatawan sa mga kulay, tulad ng kapag ang bawat kulay o lilim ay itinalaga HTML code at color palette RGB bilang #FF7700. Ito ay kinakatawan sa anyo ng tatlong pares ng hexadecimal digit, kung saan ang bawat pares ay may pananagutan para sa sarili nitong kulay:
ang unang dalawang digit ay pula, i.e. — R(pula)
dalawa sa gitna - berde - G (berde)
huling dalawang digit - asul - B (asul)
Kadalasan ay gumagamit sila ng palihim na representasyon ng kulay sa anyo ng tatlong character na #F70, na magiging katumbas ng #FF7700.

Sa pamamagitan ng paraan, sa mga mapagkukunan ng web ang mga kulay ay karaniwang tinutukoy sa mga estilo ng CSS.

Lumipat tayo sa pagsagot sa pangunahing tanong - Paano malalaman ang kulay ng isang pixel sa isang monitor screen o larawan?

Maraming paraan...

Paraan 1. Alamin ang kulay sa Photoshop

Kaya, kumuha tayo ng "screenshot" sa pamamagitan ng pagpindot sa Print Screen (PrtSc) key sa keyboard, sa lugar kung saan gusto nating malaman ang code para sa ating kulay. Kapag pinindot mo ang key, ise-save ng system ang snapshot sa clipboard. Maaari mo lamang kopyahin ang larawan, halimbawa mula sa isang browser, nang walang PrtSc. Ngayon ang lahat na natitira ay i-paste ang imahe mula sa buffer sa Photoshop.

Buksan ang Photoshop at magpasok ng isang imahe (File - Bago, Pag-edit - Ipasok). Hinahanap namin ang "Pipette" sa toolbar (Key I), pagkatapos ay mag-left-click sa lugar kung saan gusto naming "alisin" ang kulay. Handa na ang lahat! Ngayon ang lahat na natitira ay pumunta sa palette at alamin ang code ng kulay.

Paraan 2. Alamin ang kulay sa Paint

Pumunta sa Paint - magpasok ng isang larawan - gamitin ang tool na "palette" - pumunta sa "palitan ang mga kulay":

Sa aming kaso, ang pula ay 252, ang berde ay 168, ang asul ay 10, i.e. RGB(252,168,10) o nasa HEX format na #FCA80A.

Paraan 3: Tingnan ang code ng elemento sa browser

Ilalarawan ko ang pamamaraan para sa browser ng Opera. Pumili ng isang elemento sa site gamit ang mouse at i-right-click dito - "Tingnan ang code ng elemento" (Ctrl + Shift + C). Ang isang panel na may html at css code ay magbubukas, kakailanganin mong maghanap ng isang bagay tulad ng "kulay".

Paraan 4. Paggamit ng mga espesyal na kasangkapan o programa.

Mayroong isang malaking bilang ng mga espesyal na programa para sa pag-alis ng kulay; Gusto ko ang isang napaka-simpleng programa na tinatawag na "Pixie" na may bigat na mga 10-11 KB. Ang mga kontrol ay napaka-simple. Ituro lamang ang mouse sa nais na punto sa screen ng monitor at pindutin ang mga sumusunod na key - Ctrl + Alt + C, bilang resulta kung saan ang color code ay makokopya sa clipboard.

Paggawa sa isang computer, pagguhit sa Photoshop at pagdidisenyo ng mga website, madalas kong kailangang malaman kung anong mga kulay, o sa halip ang kanilang mga code, ang may ilang mga bagay sa screen ng monitor. Upang lumikha ng mga website at punan ang mga ito ng nilalaman, madalas akong gumagamit ng mga kulay ng html, at kung minsan ay gumagamit ako ng mga RGB code habang nagtatrabaho sa Photoshop o iba pang mga editor ng imahe.

Noong nakaraan, upang matukoy ang kulay ng isang bagay sa monitor, kailangan kong kumuha ng screenshot ng screen (pagkopya sa clipboard gamit ang "Print Screen" o "Alt" + "Print Screen"). Pagkatapos ay kailangan mong ipasok ang larawan sa Photoshop, Paint o isa pang editor ng imahe at gumamit ng regular na eyedropper upang malaman ang code ng kulay ng kinakailangang bagay. Ang buong pamamaraang ito ay tumagal sa akin ng maraming oras, lalo na kung kailangan itong paulit-ulit nang madalas.

Ngunit ngayon ang lahat ay nagbago at upang matukoy ang kulay na hindi ko kailangang kopyahin ang anuman at lumikha ng mga karagdagang larawan.

Ang Pixie ay ang pinakasimpleng underarm color detector!

Sa maikling artikulong ito, nais kong ipakita sa iyong pansin ang isang napaka-simple, maginhawa, compact at libreng programa para sa pagtukoy ng kulay sa isang monitor - Pixie, na magiging kapaki-pakinabang para sa mga tagalikha ng website, taga-disenyo at programmer.

Pixie- isang program na idinisenyo upang mabilis na matukoy ang kulay ng bagay na pinapasyahan ng mouse. Nagpapakita ito ng 4 na uri ng mga code ng parehong kulay:

1. HTML code
2. RGB code
3. CMYK code
4. Code HSV

Halimbawa, kung i-hover mo ang iyong mouse sa ibabaw puting bagay, pagkatapos ay ipapakita ng programa ang mga sumusunod na code ng kulay:

Kung i-hover mo ang iyong mouse sa ibabaw, halimbawa, Kulay asul, pagkatapos ay ipapakita ng programa ang mga sumusunod na code:

Gumagamit din ng mga key combination:

1. Ctrl+Alt+C- kinokopya ng pixie ang kulay sa clipboard sa html na format na #XXXXXX.
2. Ctrl+Alt+X- nagbubukas si pixie ng isang window na may color palette.
3. Ctrl+Alt+Z- pinalaki ng pixie ang isang maliit na lugar malapit sa cursor (tulad ng sa ilalim ng magnifying glass) upang mas tumpak na matukoy ng user ang kulay ng isang bagay sa screen.

Kung nais mong baguhin ang mga kumbinasyon ng key sa itaas, pagkatapos ay i-right-click sa window ng programa at itakda ito ayon sa gusto mo.

Pixie- isang napaka-simple, kapaki-pakinabang at kahit na kinakailangan na programa para sa lahat ng programmer, designer, web programmer at web designer, na walang anumang kalabisan.

Ang program na ito ay patuloy na tumutulong sa akin sa aking trabaho (sa pagtukoy ng mga kulay), kaya maaari ko itong kumpiyansa na irekomenda sa iyo. Bukod dito, inuulit ko na ito ay ganap na libre.

Maaari mo ring malaman ang tungkol sa lahat ligtas na mga kulay para sa site.