Како препознати одређену боју на апликацији или веб локацији

Замислите да листате кроз слике и пронађете савршену боју – тачну нијансу која вам је потребна за ваш следећи дизајнерски пројекат. На интернету постоје неки сјајни алати који ће вам помоћи да идентификујете одређене боје на било којој апликацији или веб локацији. Хајде да погледамо неке од најбољих опција за њих.

1. Коришћење алатки за програмере у Цхроме веб прегледачу

Једна опција коју можете испробати је Цхроме алатка за програмере. Цхроме долази са много корисних функција за програмере, које знатно олакшавају обављање задатака. Можете користити следеће кораке да бисте идентификовали одређене боје у било којој апликацији или веб локацији.

  • Отворите веб локацију на којој желите да идентификујете боју у Цхроме веб прегледачу
  • Кликните на икону са три тачке у горњем десном углу Цхроме-а. Појавиће се искачући прозор са гомилом опција.
  • Кликните на „Још алата“, а затим у искачућем прозору изаберите „Алати за програмере“.
  • Користите Цтрл + Схифт + И ако желите да прескочите горње кораке
  • Сада се прозор дели на два екрана – веб локација са леве стране и код веб локације са десне стране
  • Укуцајте Цтрл + Схифт + Ц на тастатури. Ово вам показује све детаље о одређеном елементу на веб локацији када курсором миша пређемо на елементе.
  • Можете пронаћи код боје елемента заједно са другим корисним информацијама.

Пример

Рецимо да сте заинтересовани за специфичне кодове боја за неке елементе на следећој веб локацији:

Како препознати одређену боју на апликацији или веб локацији

Можете одабрати алате за програмере кликом на три тачке у углу екрана. У падајућем менију изаберите Још алата, а затим Алати за програмере.

Како препознати одређену боју на апликацији или веб локацији

Како препознати одређену боју на апликацији или веб локацији

Екран ће визуелно бити подељен на две странице. Видећете веб локацију са леве стране, а код сајта са десне стране.

Како препознати одређену боју на апликацији или веб локацији

Откуцајте команду и пречицу „Цтрл + Схифт + Ц“ и пређите курсором миша преко елемената веб локације. Ово ће показати боју тог елемента, заједно са другим корисним информацијама. Испод су два примера где налазимо боју траке за навигацију и контролну таблу испод алатке за претрагу.

Овде можемо пронаћи код боје у искачућем прозору за навигациону траку. Код боје је #333333.

Како препознати одређену боју на апликацији или веб локацији

Боја контролне табле се може наћи заједно са другим корисним детаљима. Боја: #333333, Боја позадине: #5Д4А8Е. Иако би у почетку могло изгледати помало застрашујуће, програм постаје много лакши за коришћење уз мало вежбе.

2. Цхроме додатак за капаљку

Еие Дроппер је популарно и широко коришћено проширење за Цхроме које вам помаже да пронађете одређене боје на било којој веб локацији или апликацији.

Како препознати одређену боју на апликацији или веб локацији

Пратите доле наведене кораке да бисте идентификовали одређене боје на веб локацији или у апликацији помоћу алата за проширење Еие Дроппер.

  • Отворите било коју веб локацију или апликацију у Цхроме веб прегледачу
  • Кликните на икону проширења Еие Дроппер
  • Изаберите „Изаберите боју са веб странице“ и задржите показивач миша на различитим елементима у апликацији или веб локацији.

Како препознати одређену боју на апликацији или веб локацији

Можете пронаћи код боја елемената који су наведени у доњем десном углу веб странице.

Пример

У реду, хајде да користимо алат за проширење капаљке у примеру из стварног живота. Почећемо тако што ћемо отворити веб локацију и притиснути икону проширења Еие Дроппер

Како препознати одређену боју на апликацији или веб локацији

Када задржите показивач миша на различитим елементима веб локације, можете видети да се кодови боја појављују у одељку у доњем десном углу екрана.

Како препознати одређену боју на апликацији или веб локацији

Када пређем курсором на икону у облику слова В, могу да видим њен код боје у доњем прозору као што је поменуто. Предност овог алата је што можете пронаћи и РГБ код заједно са хексадецималним кодом боје елемента. Метода је флексибилна за употребу за оне који желе једноставан и брз начин да зграбе кодове за своје омиљене боје.


Leave a Comment

🚀 Решите сукоб синхронизације више профила у Microsoft Edge-у за неколико минута – проверени водич за 2026. годину

🚀 Решите сукоб синхронизације више профила у Microsoft Edge-у за неколико минута – проверени водич за 2026. годину

Уморни сте од сукоба синхронизације више профила у Microsoft Edge-у који вам квари прегледање? Откријте корак-по-корак решења за решавање грешака у синхронизацији, спајање профила и беспрекорну синхронизацију на свим уређајима. Ради на најновијим верзијама Edge-а!

🚀 Поправите грешку паузираног налога у Microsoft Edge Sync-у: Доказани кораци за решавање проблема

🚀 Поправите грешку паузираног налога у Microsoft Edge Sync-у: Доказани кораци за решавање проблема

Уморни сте од грешке „Паузирана синхронизација Microsoft Edge-а“ која омета ваше прегледање? Откријте брзе и ефикасне кораке за решавање проблема како бисте вратили беспрекорну синхронизацију на свим уређајима. Ажурирано најновијим исправкама за безбрижно искуство у Edge-у.

Поправите грешку непрепознатог диска на играма компатибилним са уназад – врхунски водич за Xbox

Поправите грешку непрепознатог диска на играма компатибилним са уназад – врхунски водич за Xbox

Решите фрустрирајућу грешку „Непрепознат диск“ за игре компатибилне са уназад на Xbox Series X|S. Пратите наша проверена, корак-по-корак решења да бисте тренутно вратили своју библиотеку класичних игара.

🚀 Тренутно решите грешку при ресетовању ПИН-а за Microsoft Edge и Windows Hello – Доказана решења за 2026. годину!

🚀 Тренутно решите грешку при ресетовању ПИН-а за Microsoft Edge и Windows Hello – Доказана решења за 2026. годину!

Имате проблема са грешком у ресетовању ПИН-а за Microsoft Edge Windows Hello? Откријте корак-по-корак решења да бисте је брзо решили. Повратите приступ свом прегледачу без муке – ажурирано за најновија ажурирања за Windows.

🚀 Поправите празан бели екран у Microsoft Edge-у при покретању: Доказана решења која делују тренутно!

🚀 Поправите празан бели екран у Microsoft Edge-у при покретању: Доказана решења која делују тренутно!

Имате проблема са празним белим екраном у Microsoft Edge-у на почетку? Откријте корак-по-корак решења за проблем са празним белим екраном у Edge-у, од брзог ресетовања до напредних поправки. Вратите се прегледању без проблема!

Не губите предност: Врхунски водич за прављење резервних копија података из Microsoft Edge-а пре ресетовања система

Не губите предност: Врхунски водич за прављење резервних копија података из Microsoft Edge-а пре ресетовања система

Корак-по-корак водич о томе како направити резервну копију података из Microsoft Edge-а, као што су обележивачи, лозинке, историја и подешавања, пре ресетовања система. Заштитите своје основне податке за прегледање једноставним и поузданим методама.

🚀 Поправите проблем са Microsoft Edge Capture картицом која не ради на 60FPS – врхунски водич за глатко стримовање од 60FPS!

🚀 Поправите проблем са Microsoft Edge Capture картицом која не ради на 60FPS – врхунски водич за глатко стримовање од 60FPS!

Заглавили сте се са грешком „Microsoft Edge Capture Card No Signal 60FPS“? Откријте проверена решења за враћање сигнала, глатко достизање 60FPS и стримовање без кашњења. Корак-по-корак водич за тренутне резултате!

🚀 Поправите грешку у конфигурацији паралелног режима у Microsoft Edge-у за неколико минута – проверени водич за 2026. годину!

🚀 Поправите грешку у конфигурацији паралелног режима у Microsoft Edge-у за неколико минута – проверени водич за 2026. годину!

Уморни сте од фрустрирајуће грешке у конфигурацији Microsoft Edge-а упоредног приказа? Откријте једноставна, корак-по-корак решења како бисте је брзо решили и вратили глатко прегледање. Ажурирано најновијим решењима!

Поправите грешку 124 у инсталатеру програма Microsoft Edge за неколико минута: Проверени водич за решавање проблема

Поправите грешку 124 у инсталатеру програма Microsoft Edge за неколико минута: Проверени водич за решавање проблема

Заглавили сте се са грешком 124 у инсталатеру Microsoft Edge-а? Добијте корак-по-корак решења за брзо решавање грешака приликом инсталације. Проверена решења за глатко подешавање Edge-а на Windows-у. Нису потребне техничке вештине!

Поправите грешку 124 у инсталатеру програма Microsoft Edge на оперативном систему Windows 11: Ултимативни водич корак по корак

Поправите грешку 124 у инсталатеру програма Microsoft Edge на оперативном систему Windows 11: Ултимативни водич корак по корак

Уморни сте од грешке 124 у инсталатеру Microsoft Edge-а која блокира вашу инсталацију Windows 11? Пратите наша проверена, једноставна решења да бисте је брзо решили и вратили глатко прегледање. Није потребно техничко знање!