Kako prepoznati određenu boju u aplikaciji ili web-mjestu

Zamislite da pregledavate slike i pronađete savršenu boju – točnu nijansu koja vam je potrebna za vaš sljedeći dizajnerski projekt. Na internetu postoje neki sjajni alati koji će vam pomoći da prepoznate određene boje na bilo kojoj aplikaciji ili web stranici. Pogledajmo neke od najboljih opcija za njih.

1. Korištenje alata za razvojne programere na web-pregledniku Chrome

Jedna opcija koju možete isprobati je alat za razvojne programere Chrome. Chrome dolazi s puno korisnih značajki za razvojne programere, koje uvelike olakšavaju izvršavanje zadataka. Možete koristiti sljedeće korake da biste identificirali određene boje na bilo kojoj aplikaciji ili web-mjestu.

• Otvorite web-mjesto na kojem želite identificirati boju u web-pregledniku Chrome
• Kliknite na ikonu s tri točke u gornjem desnom kutu Chromea. Pojavit će se skočni prozor s hrpom opcija.
• Kliknite na "Više alata", a zatim odaberite "Alati za razvojne programere" iz rezultirajućeg skočnog prozora.
• Koristite Ctrl + Shift + I ako želite preskočiti gornje korake
• Sada se prozor dijeli na dva zaslona – web stranicu s lijeve strane i kôd web stranice s desne strane
• Upišite Ctrl + Shift + C na tipkovnici. Ovo vam pokazuje sve pojedinosti određenog elementa na web-mjestu kada zadržite pokazivač miša na elementima.
• Možete pronaći kod boje elementa zajedno s drugim korisnim informacijama.

Primjer

Recimo da vas zanimaju specifični kodovi boja za neke elemente na sljedećoj web stranici:

Možete odabrati alate za razvojne programere klikom na tri točke u kutu zaslona. Na padajućem izborniku odaberite Više alata, a zatim Alati za razvojne programere.

Zaslon će biti vizualno podijeljen na dvije stranice. Vidjet ćete web stranicu s lijeve strane, a kôd stranice s desne strane.

Upišite naredbu i prečac "Ctrl + Shift + C" i zadržite pokazivač miša iznad elemenata web stranice. To će pokazati boju tog elementa, zajedno s drugim korisnim informacijama. U nastavku su dva primjera u kojima nalazimo boju navigacijske trake i nadzorne ploče ispod alata za pretraživanje.

Ovdje možemo pronaći kod boje na skočnom prozoru za navigacijsku traku. Šifra boje je #333333.

Boju nadzorne ploče možete pronaći zajedno s drugim korisnim detaljima. Boja: #333333, Boja pozadine: #5D4A8E. Iako bi u početku moglo izgledati pomalo zastrašujuće, uz malo vježbe program postaje mnogo lakši za korištenje.

2. Kromirana kapaljka za oči

Eye Dropper je popularno i široko korišteno proširenje za Chrome koje vam pomaže pronaći određene boje na bilo kojoj web stranici ili aplikaciji.

Slijedite korake u nastavku da biste identificirali određene boje na web-mjestu ili u aplikaciji pomoću alata za proširenje Eye Dropper.

• Otvorite bilo koju web-lokaciju ili aplikaciju na Chrome web-pregledniku
• Kliknite na ikonu proširenja Eye Dropper
• Odaberite "Odaberi boju s web-stranice" i zadržite pokazivač miša na različitim elementima u aplikaciji ili web stranici.

Možete pronaći kod boja elemenata koji su navedeni u donjem desnom kutu web stranice.

Primjer

U redu, upotrijebimo alat za proširenje kapaljke u primjeru iz stvarnog života. Započet ćemo otvaranjem web-mjesta i pritiskom na ikonu proširenja kapaljke

Kada zadržite pokazivač miša na različitim elementima web-mjesta, možete vidjeti da se kodovi boja pojavljuju u odjeljku u donjem desnom kutu zaslona.

Kada zadržim pokazivač miša na ikoni u obliku slova V, mogu vidjeti njen kod boje u donjem prozoru kao što je spomenuto. Prednost ovog alata je da također možete pronaći RGB kod zajedno s heksadecimalnim kodom boje elementa. Metoda je fleksibilna za korištenje za one koji žele jednostavan i brz način da zgrabe kodove za svoje omiljene boje.