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

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

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

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

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

Пример

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

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

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

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

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

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

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

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

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

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

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

Пример

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

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

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