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

Izbjegnite petlju oporavka Microsoft Edge BitLockera: Brza, provjerena rješenja! 🔧

Izbjegnite petlju oporavka Microsoft Edge BitLockera: Brza, provjerena rješenja! 🔧

Zaglavili ste u beskrajnoj pogrešci petlje oporavka BitLockera u programu Microsoft Edge? Dobijte detaljna rješenja kako biste brzo riješili petlju zaslona za oporavak BitLockera i bez frustracija ponovno dobili pristup računalu. Radi na najnovijim ažuriranjima sustava Windows.

Riješite visoku upotrebu CPU-a u Microsoft Edgeu na slabijim računalima: Brza rješenja koja stvarno djeluju!

Riješite visoku upotrebu CPU-a u Microsoft Edgeu na slabijim računalima: Brza rješenja koja stvarno djeluju!

Umorni ste od prevelikog opterećenja procesora u Microsoft Edgeu koje iscrpljuje vaše slabije računalo? Nabavite provjerena, detaljna rješenja za smanjenje opterećenja procesora, povećanje brzine i vraćanje performansi bez nadogradnji. Radi na najnovijim verzijama Edgea.

🚀 Ispravljanje pogrešaka zvuka aptX i LDAC u programu Microsoft Edge: Ultimativni vodič za rješavanje problema 2026.

🚀 Ispravljanje pogrešaka zvuka aptX i LDAC u programu Microsoft Edge: Ultimativni vodič za rješavanje problema 2026.

Imate problema s aptX i LDAC audio greškama u Microsoft Edgeu? Nabavite provjerena detaljna rješenja za kristalno čist Bluetooth zvuk na Windowsima. Brzo vratite visokokvalitetni zvuk!

BRZO ispravljanje pogreške Microsoft Edge Audio Out of Sync: 7 provjerenih koraka za savršenu sinkronizaciju!

BRZO ispravljanje pogreške Microsoft Edge Audio Out of Sync: 7 provjerenih koraka za savršenu sinkronizaciju!

Umorni ste od neusklađenog zvuka u Microsoft Edgeu koji vam uništava videozapise? Slijedite naš detaljni vodič kako biste brzo ispravili pogrešku neusklađenosti zvuka u Edgeu. Ažurirana rješenja za glatku reprodukciju u streamovima, na YouTubeu i još mnogo toga.

Aplikacija Stream Deck se ruši na Microsoft Edgeu? Brzo riješite problem pomoću ovih provjerenih koraka za rješavanje problema

Aplikacija Stream Deck se ruši na Microsoft Edgeu? Brzo riješite problem pomoću ovih provjerenih koraka za rješavanje problema

Suočavate se s problemom aplikacije Microsoft Edge Stream Deck koja se ne otvara? Otkrijte brze i učinkovite korake za rješavanje problema kako biste riješili probleme s rušenjem, zamrzavanjem i pokretanjem. Pokrenite svoju konfiguraciju za nekoliko minuta uz naš stručni vodič.

🚀 Otključajte prekrasan izgled: Kako promijeniti temu i pozadinu preglednika Microsoft Edge u nekoliko minuta!

🚀 Otključajte prekrasan izgled: Kako promijeniti temu i pozadinu preglednika Microsoft Edge u nekoliko minuta!

Naučite kako bez napora promijeniti temu i pozadinu preglednika Microsoft Edge. Dobijte detaljne vodiče za prilagođene teme, živopisne pozadine i profesionalne savjete za personalizaciju preglednika Edge kao nikada prije!

Ispravite grešku prekida veze u programu Microsoft Edge 0x80072efe: Trenutna rješenja koja djeluju!

Ispravite grešku prekida veze u programu Microsoft Edge 0x80072efe: Trenutna rješenja koja djeluju!

Umorni ste od Microsoft Edgea 0x80072efe Veza prekinuta blokira pregledavanje? Slijedite ove provjerene, detaljne popravke kako biste brzo riješili pogrešku i bez napora se vratili na mrežu.

🚀 BRZO ispravljanje pogrešaka pregleda PDF-ova u programu Microsoft Edge: Ultimativni vodič za rješavanje problema

🚀 BRZO ispravljanje pogrešaka pregleda PDF-ova u programu Microsoft Edge: Ultimativni vodič za rješavanje problema

Umorni ste od pogrešaka u rukovanju pregledom PDF-ova u Microsoft Edgeu koje vam uništavaju tijek rada? Otkrijte provjerena, detaljna rješenja za probleme s pregledom PDF-ova u File Exploreru. Vratite se besprijekornim pregledima već danas!

🚀 Ultimativni vodič za 2026.: Trenutačno ispravljanje koda pogreške 403 Zabranjeno u Microsoft Edgeu (provjereni koraci)

🚀 Ultimativni vodič za 2026.: Trenutačno ispravljanje koda pogreške 403 Zabranjeno u Microsoft Edgeu (provjereni koraci)

Imate problema s kodom pogreške 403 Zabranjeno u Microsoft Edgeu? Otkrijte provjerena rješenja za verziju 2026 kako biste brzo vratili pristup. Izbrišite predmemoriju, onemogućite proširenja i još mnogo toga u ovom detaljnom vodiču za besprijekorno pregledavanje.

BRZO ispravljanje pogreške rukovatelja pregledom PDF-ova u programu Microsoft Edge: Ultimativni vodič za 2026.

BRZO ispravljanje pogreške rukovatelja pregledom PDF-ova u programu Microsoft Edge: Ultimativni vodič za 2026.

Umorni ste od frustrirajuće pogreške u programu Microsoft Edge PDF Preview Handler koja blokira vaše preglede? Slijedite naša provjerena, detaljna rješenja kako biste je odmah riješili i vratili nesmetano rukovanje PDF-ovima u Windows Exploreru. Radi na najnovijim verzijama Edgea!