Si të identifikoni ngjyrën specifike në një aplikacion ose faqe interneti

Imagjinoni që po lëvizni nëpër imazhe dhe gjeni ngjyrën e përsosur – nuancën e saktë që ju nevojitet për projektin tuaj të ardhshëm të dizajnit. Ka disa mjete fantastike në internet për t'ju ndihmuar të identifikoni ngjyrat specifike në çdo aplikacion ose faqe interneti. Le të hedhim një vështrim në disa nga opsionet më të mira të tyre.

1. Përdorimi i veglave të zhvilluesit në shfletuesin e uebit Chrome

Një opsion që mund të provoni është mjeti Zhvilluesi i Chrome. Chrome vjen me shumë veçori të dobishme për zhvilluesit, duke i bërë detyrat shumë më të lehta për t'u kryer. Ju mund të përdorni hapat e mëposhtëm për të identifikuar ngjyrat specifike në çdo aplikacion ose faqe interneti.

• Hapni faqen e internetit në të cilën dëshironi të identifikoni një ngjyrë në shfletuesin e uebit Chrome
• Klikoni në ikonën me tre pika në krye të djathtë të Chrome. Do të shfaqet një dritare pop-up me një mori opsionesh.
• Klikoni në "Mjete Më shumë" dhe më pas zgjidhni "Vegla Zhvilluesish" nga dritarja që shfaqet.
• Përdorni Ctrl + Shift + I nëse doni të kaloni hapat e mësipërm
• Tani, dritarja ndahet në dy ekrane - faqen e internetit në të majtë dhe kodin e faqes së internetit në të djathtë
• Shkruani Ctrl + Shift + C në tastierën tuaj. Kjo ju tregon të gjitha detajet e një elementi të caktuar në faqen e internetit kur ne vendosim kursorin e miut mbi elementët.
• Ju mund të gjeni kodin e ngjyrës së elementit së bashku me informacione të tjera të dobishme.

Shembull

Le të themi se jeni të interesuar për kodet specifike të ngjyrave për disa elementë në faqen e mëposhtme të internetit:

Mund të zgjidhni mjetet e zhvilluesit duke klikuar në tre pikat në cep të ekranit tuaj. Në menynë rënëse, zgjidhni Më shumë mjete, më pas Veglat e zhvilluesit.

Ekrani do të ndahet vizualisht në dy faqe. Do të shihni faqen e internetit në të majtë dhe kodin e sajtit në të djathtë.

Shkruani komandën dhe shkurtoni "Ctrl + Shift + C" dhe rri pezull kursorin e miut mbi elementët e faqes në internet. Kjo do të tregojë ngjyrën e atij elementi, së bashku me informacione të tjera të dobishme. Më poshtë janë dy shembuj ku gjejmë ngjyrën e shiritit të navigimit dhe një panel kontrolli poshtë mjetit të kërkimit.

Këtu, ne mund të gjejmë kodin e ngjyrave në dritaren që shfaqet për shiritin e navigimit. Kodi i ngjyrës është #333333.

Ngjyra e pultit mund të gjendet së bashku me detaje të tjera të dobishme. Ngjyra: #333333, Ngjyra e sfondit: #5D4A8E. Megjithëse mund të duket pak frikësues në fillim, programi bëhet shumë më i lehtë për t'u përdorur me pak praktikë.

2. Eye Dropper Chrome Extension

Eye Dropper është një shtesë e njohur dhe e përdorur gjerësisht e Chrome për t'ju ndihmuar të gjeni ngjyra të caktuara në çdo faqe interneti ose aplikacion.

Ndiqni hapat e mëposhtëm për të identifikuar ngjyrat specifike në një faqe interneti ose aplikacion duke përdorur veglën e zgjerimit Eye Dropper.

• Hapni çdo faqe interneti ose aplikacion në shfletuesin e uebit Chrome
• Klikoni në ikonën e zgjerimit Eye Dropper
• Zgjidhni "Zgjidhni ngjyrën nga faqja e internetit" dhe vendosni kursorin e miut mbi elementë të ndryshëm në aplikacion ose në uebsajt.

Ju mund të gjeni kodin e ngjyrave të elementeve të renditur në fund djathtas të faqes së internetit.

Shembull

Në rregull, le të përdorim mjetin e zgjatjes së pikave të syrit në një shembull të jetës reale. Do të fillojmë duke hapur një faqe interneti dhe duke shtypur ikonën e zgjerimit Eye Dropper

Kur rri pezull kursorin në elementë të ndryshëm të faqes në internet, mund të shihni se kodet e ngjyrave shfaqen në një seksion në fund të djathtë të ekranit.

Kur lëviz kursorin në ikonën në formë V, mund të shoh kodin e tij të ngjyrave në dritaren e poshtme siç u përmend. Avantazhi i këtij mjeti është se mund të gjeni edhe kodin RGB së bashku me kodin hex të ngjyrave të elementit. Metoda është fleksibël për t'u përdorur për ata që duan një mënyrë të thjeshtë dhe të shpejtë për të kapur kodet për ngjyrat e tyre të preferuara.