Përcaktoni ngjyrën e një piksel në një foto në internet. Përcaktimi i ngjyrës në ekranin e monitorit Një program që i përgjigjet ndryshimeve në ngjyrën e pikselit

Duke punuar me CSS dhe paraqitjen e faqes, shpesh duhet të punoni me ngjyrat dhe shumë shpesh ka nevojë për të përcaktuar kodin e ngjyrës/hijes për një zonë të caktuar të një imazhi. Ekziston një program i veçantë për këtë i quajtur ColorMania. Mund të shkarkohet nga kjo faqe http://www.blacksunsoftware.com/colormania.html. Pas nisjes duket kështu.

Ky program ju lejon të zbuloni kodin e ngjyrës në çdo pikë të ekranit: duke mbajtur të shtypur butonin në formë pikatore me tastin e majtë dhe, pa e lëshuar, zhvendoseni nëpër ekran në vendin ku dëshironi të përcaktoni ngjyrën. .

Ju mund të zgjidhni llojin e shfaqjes me ngjyra, për shembull: në heksadecimal, si RGB ose në një formë tjetër. Për të ndryshuar llojin e ekranit, klikoni në listën rënëse dhe zgjidhni llojin e ekranit që ju nevojitet nga lista.

Pasi të keni zgjedhur një ngjyrë, mund të klikoni në butonin "Kopje", kopjoni kodin e ngjyrave në kujtesën e fragmenteve ose zgjidhni atë me miun dhe përdorni shkurtoren e tastierës "ctrl + C".

Është e mundur të zgjidhni një ngjyrë të rastësishme duke përdorur butonin "Random".


Mund të telefononi gjithashtu kutinë e dialogut të përzgjedhjes standarde të ngjyrave duke klikuar butonin "Dialog", e cila do t'ju lejojë të zgjidhni një ngjyrë nga ngjyrat kryesore.

Në kutinë e dialogut standard, është e mundur të hapni një kuti dialogu të zgjeruar të zgjedhjes së ngjyrave duke klikuar në butonin "Përcaktoni ngjyrën" dhe më pas në spektrin, ku treguesi është një kryqëzim, zgjidhni ngjyrën e dëshiruar dhe shtypni "NE RREGULL".

Më pas do të shfaqet ngjyra që keni zgjedhur dhe kodi i saj.

Është gjithashtu e mundur të zgjidhni një ngjyrë me emër duke klikuar në listën rënëse me "Ngjyra HTML".

Dhe gjëja e fundit që mund të përmendet është se për të përcaktuar më saktë ngjyrën, mund të përdorni opsionin për të zmadhuar zonën e ekranit që ndodhet nën pikatore. Klikoni në listën rënëse dhe ndryshoni vlerën "Zmadhoni", d.m.th. zgjidhni zmadhimin me të cilin është më i përshtatshëm për të punuar.

Pra, ne shikuam një program jo të komplikuar, por shumë të përshtatshëm për përcaktimin e kodit të ngjyrave në heksadecimal dhe sisteme të tjera kodimi.

HTMLColors2000 është një program i veçantë për zbulimin e ngjyrave që do t'ju ndihmojë të dalloni çdo nuancë ngjyrash që shihni në ekranin e monitorit tuaj. Pasi ky program të përcaktojë një ngjyrë, ai përfaqëson të dhënat e ngjyrave në dy formate: RGB (e kuqe e gjelbër blu) dhe HTML (një kod me gjashtë shifra).

Ky program do të jetë thjesht i domosdoshëm për dizajnerët e uebit, ose për njerëzit që duan të vizatojnë në programe kompjuterike. Pse është i pazëvendësueshëm? Sepse zgjedhja e nuancës së duhur është shumë e vështirë, ndonjëherë edhe e pamundur. Ka, sigurisht, programe të tjera që mund të përcaktojnë ngjyrën, por pasi provova disa programe, zgjodha këtë.

Këtu janë argumentet e mia në favor të këtij programi:

1) Peshon shumë pak (vetëm 32 kb).

2) Nuk kërkohet instalim.

3) Konsumon pak burime të sistemit.

4) Dhe më e rëndësishmja, shumë e lehtë për t'u përdorur! Për mua personalisht, gjëja më e rëndësishme në lidhje me programin është besueshmëria, shpejtësia dhe thjeshtësia e tij.

Puna me këtë program është vërtet shumë e thjeshtë:

2) Ekzistojnë pesë mënyra për të zgjedhur ngjyrat:

  • Zgjidhni ngjyrat duke lëvizur rrëshqitësit RGB.
  • Futja manuale e vlerave RGB.
  • Zgjidhni një ngjyrë nga lista "Emri i ngjyrës".
  • Zgjidhni nga nuancat e zgjedhura tashmë (shiriti anësor, hapet me butonin "Më shumë").
  • Butoni "Ekrani", me ndihmën e tij mund të përcaktoni çdo ngjyrë në monitorin e kompjuterit tuaj.

Metoda e pestë është më e mrekullueshme! Unë do t'ju tregoj pak më shumë për të.

Pasi të klikoni në butonin Screen, në këndin e sipërm të majtë të monitorit do të shfaqet një dritare e vogël, e cila do të shfaqë shkronja dhe numra, si dhe një shirit të vogël me ngjyra. Nëse lëvizni kursorin, do të vini re se shkronjat dhe numrat do të fillojnë të ndryshojnë dhe shiriti i ngjyrave do të ndryshojë së bashku me to.

Ky shirit ngjyrash shfaq ngjyrën që është nën kursorin e miut dhe shkronjat dhe numrat nuk janë gjë tjetër veçse kodi html i kësaj ngjyre.

Thelbi i metodës është shumë i thjeshtë:

1) Ju shtypni butonin "Ekrani" dhe lëvizni kursorin në ngjyrën për të cilën dëshironi të merrni kodin.

2) Shikoni këndin e sipërm majtas dhe sigurohuni që të mos keni humbur ngjyrën që dëshironi.

3) Kur kursori është në pozicionin e dëshiruar, shtypni butonin e majtë të miut.

4) Tani gjithçka që duhet të bëni është të merrni kodin e marrë. Ose kopjoni kodin html ose rishkruani vlerën RGB.

Shkarkoni programin e përcaktimit të ngjyrës:

P.S. Nëse programi nuk dëshiron të instalohet në kompjuterin tuaj (gjë që ka shumë mundësi nëse keni të instaluar Vista ose Seven), ky skedar do t'ju ndihmojë.

Ndoshta një nga shërbimet e para të këtij lloji, por, megjithatë, nuk e humbet popullaritetin e tij midis webmasterëve.
Programi tregon kodin HTML të ngjyrës së zgjedhur dhe, anasjelltas, tregon ngjyrën sipas kodit.

Për të përcaktuar ngjyrën në monitor, klikoni në butonin Screen, drejtojeni treguesin në pikën e dëshiruar dhe klikoni një herë në këtë vend. Fusha e Kodit HTML do të shfaqë ngjyrën në Kodin HTML. E tëra që mbetet është të kopjoni këtë kod në kujtesën e fragmenteve dhe ta ngjisni në vendndodhjen e dëshiruar.
Përparësitë: programi peshon shumë pak dhe është jashtëzakonisht i thjeshtë

Programi për zgjedhjen e ngjyrave

Avantazhi i këtij programi është se ai shfaq ngjyrat në kodin RGB ose HSL, dhe natyrisht, në HTML.

Për të përcaktuar ngjyrën, duhet të klikoni në butonin "Zgjidhni ngjyrën me miun", kursori i miut do të marrë formën e një pikatoreje, mjafton të lëvizni kursorin në vendin e dëshiruar dhe të klikoni mbi të. Programi është i pajtueshëm me versionet e Windows XP dhe më të lartë.
Kërkon instalim në kompjuter.

Vetëm zgjedhës ngjyrash

Mendoj se ajo është e preferuara ime. Konkretisht, ajo që më ndihmon shumë është se pas kapjes së një ngjyre, në ndërfaqe shfaqet një shirit me tonalitet të ndryshueshëm dhe shkëlqim të asaj ngjyre. ato. Mund ta lëviz miun mbi shirit dhe të kap disa ngjyra të tjera të ngjashme, për shembull, pak më të ndritshme, për zgjedhjen e mëvonshme të asaj optimale.

  • Kur filloni për herë të parë, ju kërkon të zgjidhni një gjuhë, rusishtja është e pranishme.
  • Ndërfaqja e Just Color Picker përfshin një zmadhues ekrani.
  • Ju lejon të ruani shumë ngjyra.
  • Merr lexime jo me një klikim të mausit, por me butonat e nxehtë Alt+X (sipas parazgjedhjes), gjë që ju lejon të përcaktoni më saktë ngjyrën
  • Pas përcaktimit të një ngjyre, programi automatikisht do të përcaktojë ngjyra shtesë që do të jenë në harmoni me atë të zgjedhur dhe që mund të përdoren në dizajn.
  • Nuk kërkon instalim, funksionon në sfond.

Programi është i pajtueshëm me versionet e Windows XP dhe më të lartë.

Gjithashtu vlen të përmendet programi falas ColorPic 4.1. E vetmja pengesë e tij është se kërkon instalim në kompjuter, d.m.th. nuk mund të ekzekutohet në sfond.

Por ajo ka më shumë se avantazhe të mjaftueshme. Programi nuk është plotësisht i thjeshtë, kështu që një përshkrim dhe udhëzime për të punuar me të jepen në këtë faqe në një artikull të veçantë

Një projektues uebi, zhvillues ose përdorues i zakonshëm kompjuteri me siguri e ka bërë këtë pyetje më shumë se një herë. Shpesh ka nevojë për të zgjedhur ngjyrën e përdorur në ndonjë objekt, për shembull një faqe interneti ose thjesht një pikë në ekranin e monitorit.

Ka disa mënyra themelore për të përfaqësuar ngjyrat, si p.sh. kur është caktuar secila ngjyrë ose nuancë HTML kodi dhe paleta e ngjyrave RGB si #FF7700. Kjo përfaqësohet në formën e tre palëve të shifrave heksadecimal, në të cilat secila palë është përgjegjëse për ngjyrën e vet:
dy shifrat e para janë të kuqe, d.m.th. - R (e kuqe)
dy në mes - jeshile - G (jeshile)
dy shifrat e fundit - blu - B (blu)
Shumë shpesh ata përdorin një paraqitje të poshtër të ngjyrës në formën e tre karaktereve #F70, që do të ishte ekuivalente me #FF7700.

Nga rruga, në burimet e internetit ngjyrat zakonisht specifikohen në stilet CSS.

Le të kalojmë në përgjigjen e pyetjes kryesore - Si të zbuloni ngjyrën e një piksel në një ekran monitori ose foto?

Ka shumë mënyra...

Metoda 1. Gjeni ngjyrën në Photoshop

Pra, le të bëjmë një “screenshot” duke shtypur tastin Print Screen (PrtSc) në tastierë, në vendin ku duam të zbulojmë kodin për ngjyrën tonë. Kur shtypni tastin, sistemi do ta ruajë fotografinë në kujtesën e fragmenteve. Ju thjesht mund të kopjoni imazhin, për shembull nga një shfletues, pa PrtSc. Tani gjithçka që mbetet është të ngjisni imazhin nga buferi në Photoshop.

Hapni Photoshop dhe futni një imazh (Skedari - I ri, Editimi - Fut). Ne kërkojmë "Pipette" në shiritin e veglave (Testi I), pastaj kliko me të majtën në zonën në të cilën duam të "heqim" ngjyrën. Gjithçka është gati! Tani mbetet vetëm të shkoni në paleta dhe të zbuloni kodin e ngjyrave.

Metoda 2. Gjeni ngjyrën në Paint

Shkoni te Paint - futni një foto - përdorni mjetin "palette" - shkoni te "ndrysho ngjyrat":

Në rastin tonë, e kuqja është 252, jeshile është 168, blu është 10, d.m.th. RGB (252,168,10) ose në formatin HEX #FCA80A.

Metoda 3: Shikoni kodin e elementit në shfletues

Unë do të përshkruaj metodën për shfletuesin Opera. Zgjidhni një element në sit me miun dhe kliko me të djathtën mbi të - "Shiko kodin e elementit" (Ctrl + Shift + C). Do të hapet një panel me kodin html dhe css, do t'ju duhet të gjeni diçka si "ngjyra".

Metoda 4. Përdorimi i mjeteve ose programeve speciale.

Ka një numër të madh programesh speciale për heqjen e ngjyrave; më pëlqen një program shumë i thjeshtë i quajtur "Pixie" me një peshë prej rreth 10-11 KB. Kontrollet janë shumë të thjeshta. Thjesht drejtojeni miun në pikën e dëshiruar në ekranin e monitorit dhe shtypni butonat e mëposhtëm - Ctrl + Alt + C, si rezultat i së cilës kodi i ngjyrës do të kopjohet në clipboard.

Duke punuar në kompjuter, duke vizatuar në Photoshop dhe duke krijuar faqe interneti, shpesh më duhet të zbuloj se cilat ngjyra, ose më mirë kodet e tyre, kanë objekte të caktuara në ekranin e monitorit. Për të krijuar faqe interneti dhe për t'i mbushur ato me përmbajtje, më së shpeshti përdor ngjyrat html, dhe ndonjëherë përdor kodet RGB gjatë punës në Photoshop ose redaktues të tjerë të imazheve.

Më parë, për të përcaktuar ngjyrën e një objekti në monitor, më duhej të bëja një pamje të ekranit (duke kopjuar në clipboard duke përdorur "Print Screen" ose "Alt" + "Print Screen"). Pastaj ju duhej të futni foton në Photoshop, Paint ose një redaktues tjetër imazhi dhe të përdorni një pikatore të zakonshme për të gjetur kodin e ngjyrave të objektit të kërkuar. E gjithë kjo procedurë më mori shumë kohë, veçanërisht nëse duhej të përsëritej shpesh.

Por tani gjithçka ka ndryshuar dhe për të përcaktuar ngjyrën nuk kam nevojë të kopjoj asgjë dhe të krijoj fotografi shtesë.

Pixie është detektori më i thjeshtë i ngjyrave të nënsqetullave!

Në këtë artikull të shkurtër, unë do të doja të paraqes në vëmendjen tuaj një program shumë të thjeshtë, të përshtatshëm, kompakt dhe gjithashtu falas për përcaktimin e ngjyrës në një monitor - Pixie, i cili do të jetë i dobishëm për krijuesit e faqeve të internetit, projektuesit dhe programuesit.

Pixie- një program i krijuar për të përcaktuar shpejt ngjyrën e objektit mbi të cilin miu qëndron pezull. Ai tregon 4 lloje kodesh me të njëjtën ngjyrë:

  1. Kodi HTML
  2. Kodi RGB
  3. Kodi CMYK
  4. Kodi HSV

Për shembull, nëse vendosni miun mbi objekt i bardhë, atëherë programi do të shfaqë kodet e mëposhtme të ngjyrave:

Nëse kaloni miun mbi, për shembull, Ngjyra blu, atëherë programi do të shfaqë kodet e mëposhtme:

Gjithashtu duke përdorur kombinimet kryesore:

  1. Ctrl+Alt+C- Pixie kopjon ngjyrën në kujtesën e fragmenteve në formatin html #XXXXXX.
  2. Ctrl+Alt+X- Pixie hap një dritare me një gamë ngjyrash.
  3. Ctrl+Alt+Z- Pixie zmadhon një zonë të vogël pranë kursorit (si nën një xham zmadhues) në mënyrë që përdoruesi të mund të përcaktojë më saktë ngjyrën e një objekti në ekran.

Nëse dëshironi të ndryshoni kombinimet e tasteve të mësipërme, atëherë klikoni me të djathtën në dritaren e programit dhe vendoseni sipas dëshirës.

Pixie- një program shumë i thjeshtë, i dobishëm dhe madje i nevojshëm për të gjithë programuesit, dizajnerët, programuesit e uebit dhe dizajnerët e uebit, i cili nuk ka asgjë të tepërt.

Ky program më ndihmon vazhdimisht në punën time (në përcaktimin e ngjyrave), kështu që mund t'ju rekomandoj me siguri. Për më tepër, e përsëris se është plotësisht falas.

Ju gjithashtu mund të mësoni për të gjithë ngjyra të sigurta për sitin.