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:

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

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.

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

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

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

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

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.

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

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.

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

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.

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

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

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

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.

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

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.


Leave a Comment

🚀 Ispravite pogrešku konfiguracije Microsoft Edge Side-by-Side u nekoliko minuta – Provjereni vodič za 2026.!

🚀 Ispravite pogrešku konfiguracije Microsoft Edge Side-by-Side u nekoliko minuta – Provjereni vodič za 2026.!

Umorni ste od frustrirajuće pogreške konfiguracije Microsoft Edgea Side-by-Side? Otkrijte jednostavna, detaljna rješenja kako biste je brzo riješili i vratili glatko pregledavanje. Ažurirano s najnovijim rješenjima!

Ispravite pogrešku 124 u instalacijskom programu Microsoft Edge za nekoliko minuta: Provjereni vodič za rješavanje problema

Ispravite pogrešku 124 u instalacijskom programu Microsoft Edge za nekoliko minuta: Provjereni vodič za rješavanje problema

Zaglavili ste s pogreškom 124 u instalacijskom programu Microsoft Edge? Dobijte detaljna rješenja za brzo rješavanje pogrešaka instalacije. Provjerena rješenja za glatko postavljanje Edgea na Windowsima. Nisu potrebne tehničke vještine!

Ispravljanje pogreške 124 u instalacijskom programu Microsoft Edge na sustavu Windows 11: Ultimativni vodič korak po korak

Ispravljanje pogreške 124 u instalacijskom programu Microsoft Edge na sustavu Windows 11: Ultimativni vodič korak po korak

Umorni ste od pogreške 124 instalacijskog programa Microsoft Edgea koja blokira vašu instalaciju sustava Windows 11? Slijedite naša provjerena, jednostavna rješenja kako biste je brzo riješili i vratili nesmetano pregledavanje. Nije potrebno tehničko znanje!

🚀 Trenutačno ispravite grešku visokog opterećenja procesora u Microsoft Edge Shell Infrastructure Hostu – Provjereni vodič za 2026.

🚀 Trenutačno ispravite grešku visokog opterećenja procesora u Microsoft Edge Shell Infrastructure Hostu – Provjereni vodič za 2026.

Umorni ste od pogreške procesora hosta u Microsoft Edge Shell Infrastructure koja vam naglo povećava CPU? Slijedite ovaj ultimativni vodič s detaljnim ispravcima za visoku upotrebu ShellExperienceHost.exe. Brze pobjede za vraćanje glatkog pregledavanja!

🚀 Ultimativno rješenje za 2026.: Kako riješiti probleme s Microsoft Edge Winaero Tweakerom u nekoliko minuta!

🚀 Ultimativno rješenje za 2026.: Kako riješiti probleme s Microsoft Edge Winaero Tweakerom u nekoliko minuta!

Otkrijte ultimativni vodič o tome kako popraviti Microsoft Edge Winaero Tweaker Fix 2026. Korak-po-korak rješenja za padove, usporavanja i pogrešne prilagodbe – brzo vratite svoj preglednik!

🚀 Konačno rješenje: Zaustavite sukob programa za pozadine u Microsoft Edgeu u sekundama!

🚀 Konačno rješenje: Zaustavite sukob programa za pozadine u Microsoft Edgeu u sekundama!

Umorni ste od rušenja Microsoft Edgea s vašim prekrasnim pozadinama Wallpaper Enginea? Pronađite detaljna rješenja za brzo rješavanje sukoba s Microsoft Edge Wallpaper Engineom. Provjerene metode za nesmetan rad.

Ovladajte noću: Kako omogućiti tamni način rada za sve web-lokacije u programu Microsoft Edge

Ovladajte noću: Kako omogućiti tamni način rada za sve web-lokacije u programu Microsoft Edge

Otkrijte jednostavne korake za omogućavanje tamnog načina rada za sve web-lokacije u programu Microsoft Edge. Smanjite naprezanje očiju, produžite vijek trajanja baterije i uživajte u elegantnom iskustvu pregledavanja uz naš stručni vodič. Radi na Windowsima, Macu i još mnogo toga!

🚀 Konačno rješenje: Kako trenutno popraviti blokiranje igara u Microsoft Edge Firewallu!

🚀 Konačno rješenje: Kako trenutno popraviti blokiranje igara u Microsoft Edge Firewallu!

Frustrirate li se što vam Microsoft Edge Firewall blokira igre? Otkrijte provjerena, detaljna rješenja za brzo deblokiranje igara. Nisu potrebne tehničke vještine – vratite se igranju odmah!

Otključajte čitanje PDF-ova bez upotrebe ruku: Savladajte značajku čitanja naglas u Microsoft Edgeu korak po korak

Otključajte čitanje PDF-ova bez upotrebe ruku: Savladajte značajku čitanja naglas u Microsoft Edgeu korak po korak

Zaronite u ultimativni vodič o tome kako koristiti značajku čitanja naglas u programu Microsoft Edge za PDF-ove. Bez napora omogućite pretvaranje teksta u govor, prilagodite glasove i transformirajte svoje iskustvo čitanja jednostavnim koracima i profesionalnim savjetima za maksimalnu produktivnost.

🚀 Konačno rješenje: Kako popraviti grešku Microsoft Edge 404 Not Found u nekoliko minuta!

🚀 Konačno rješenje: Kako popraviti grešku Microsoft Edge 404 Not Found u nekoliko minuta!

Imate problema s greškom Microsoft Edge 404 Not Found? Otkrijte provjerena, detaljna rješenja kako biste je brzo riješili. Izbrišite predmemoriju, resetirajte postavke i još mnogo toga za besprijekorno pregledavanje. Ažurirano s najnovijim savjetima!