Како препознати одређену боју у апликацији или веб локацији
Мисцелланеа / / October 04, 2023
Било да се ради о дизајну веба и апликација, преношењу емоција, брендирању или побољшању корисничког искуства, боје свакако играју виталну улогу. Међутим, лакше је рећи него урадити проналажење праве боје или комбинације боја. Срећом, на располагању су нам неки алати за идентификацију одређених боја у апликацији или веб локацији, тако да можемо одабрати и сачувати боје које су нам привукле пажњу.
Замислите да скролујете кроз веб локацију и пронађете савршену боју, тачну нијансу која вам је потребна за ваш следећи пројекат. Па, дозволите нам да вам помогнемо да пронађете тачну боју позадине или било ког другог елемента на веб локацији или у апликацији.
Један од најлакших начина за добијање кода боја са веб локације је коришћење наменских веб алата и веб локација за бирање боја. Без обзира који претраживач користите, да ли а На бази хрома, са дубока веб компатибилност, или Аппле-ов подразумевани Сафари, овај метод је применљив.
Штавише, без обзира да ли користите Мац, Виндовс лаптоп, иПхоне, иПад или Андроид уређај, ови веб алати за идентификацију боја биће згодан додатак вашем арсеналу. Тестирали смо неколико опција, а ево оне која нам највише одговара.
Корак 1: Отворите претраживач и идите на ИмагеЦолорПицкер.цом
ИмагеЦолорПицкер
Корак 2: Кликните/тапните Користите своју слику да наведете УРЛ веб локације/слике или отпремите слику.
Корак 3: Сада можете или,
- Копирајте адресу веб локације
- Копирајте слику или њен УРЛ
- Направите снимак екрана странице
Корак 4: Када се слика обради, можете да се крећете по курсору да бисте изабрали боју.
Корак 5: У складу са тим, видећете ХЕКС или РГБ код, копирати/налепити их и користити их по потреби.
Ако вам се не свиђа ИмагеЦолорПицкер.цом или желите више опција, можете испробати следеће веб локације.
РедКетцхуп Бирач боја
ХТМЛ кодови боја
Пине Тоолс
Међутим, за разлику од ИмагеЦолорПицкер-а, ове веб странице не подржавају УРЛ-ове веб локација или слика. Они се ослањају на вас да отпремате слике. Дакле, мораћете да направите снимке екрана, отпремите их, а затим пронађете боју.
2. Изаберите боју са веб локације помоћу софтвера за уређивање фотографија
Ако користите алатку за уређивање фотографија, не морате да тражите даље. Било да се ради о напредном софтверу за уређивање фотографија као што је Пхотосхоп или онлајн алаткама као што је Цанва, већина софтвера за уређивање фотографија опремљена је практичним алатом за бирање боја/капаљку за очи, укључујући Мац-ов брзи изглед, и иПхоне уређивач снимака екрана.
Међутим, не може вам све помоћи да добијете код боје са веб локације или апликације. Они ће вам омогућити да одаберете и користите боју унутар њиховог прозора. Ако вам је то супер, само напред и користите алатку за уређивање фотографија по вашем избору да идентификујете одређене боје, ми узимамо Цанва као пример.
Корак 1: Направите снимак екрана веб локације или апликације.
Корак 2: Отворите Цанва у прегледачу (или апликацији на мобилном уређају).
Корак 3: Изаберите платно и отпремите слику.
Корак 4: Затим отворите било који алат који се односи на боје, текст, цртеж, елементе итд.
Корак 5: Изаберите оквир за боју, а затим кликните на икону „+ Додај нову боју“.
Корак 6: Померите се до боје и кликните/тапните да бисте изабрали жељену боју.
3. Користите бирач боја у Фирефок-у да бисте пронашли боју са било које веб локације
Поред софтвера за уређивање фотографија, Фирефок претраживач такође има уграђену алатку за капаљку. Иако је мало скривено, хајде да откријемо хак.
Корак 1: Покрените Фирефок и отворите веб локацију са које желите да изаберете боју.
Корак 2: Додирните икону са три линије у горњем десном углу
Корак 3: Изаберите Море Тоолс, а затим Еиедроппер.
Корак 4: Сада, једноставно померите курсор на боју коју желите да идентификујете, Фирефок ће одмах пронаћи хексадецимални код боје и представити вам га.
Корак 5: Посебно, капаљка ће наставити да проверава и испоручује кодове боја, све док не изађете. Да бисте затворили алатку, једноставно кликните било где на екрану.
Баш као и Фирефок, чак и Цхроме има неке алатке за програмере који вам могу помоћи да идентификујете одређене боје на веб локацији. Међутим, постоји квака; Хајде да сазнамо.
Алат за бирање боја у Гоогле Цхроме-у је прилично ограничен. Овај трик може рећи само боје елемената кодираних на веб локацији, односно боје поменуте у кодовима. Дакле, не можете добити никакве информације у вези са бојама о увезеним елементима као што су логотипи, слике итд.
Корак 1: Покрените Цхроме и отворите веб локацију са које желите да изаберете боју.
Корак 2: Затим кликните на икону са три тачке у горњем десном углу.
Корак 3: Изаберите Још алата, а затим Алати за програмере.
Белешка: Ваш екран ће бити визуелно подељен на две странице. Видећете веб локацију са леве стране, а код сајта са десне стране.
Корак 4: Да бисте изабрали боју са веб локације, откуцајте Цтрл + Схифт + Ц и померите курсор на боју коју желите да изаберете.
Корак 5: Сада можете да видите код боје позадине, текста или елемента.
5. Користите проширења претраживача да бисте пронашли хексадецимални код боје на веб локацијама
Екстензије претраживача не само да може повећати вашу продуктивност, већ и учинити идентификацију боја још практичнијом. Срећом, већина уобичајених претраживача, укључујући подршку за Цхроме и Фирефок, имају таква проширења у свом арсеналу.
Цхроме проширење за идентификацију боје
Хексадецимални бирач боја
Еие Дроппер
Цолор Дроппер
Проширење за Фирефок за идентификацију боје
ЦолорЗилла
Цолорпицк Еиедроппер
Када додате жељено проширење у свој претраживач, остало је дечија игра. Отворите веб локацију → изаберите екстензију на траци менија → поставите курсор на боју → преузмите код боје.
Изаберите своју боју
Без обзира да ли сте дизајнер, програмер или неко ко је радознао у вези са бојом на коју сте наишли, препознавање одређених боја у апликацији или веб локацији је корисна вештина. Стога смо покрили више метода и алата који ће вам помоћи да пронађете тај неухватљиви код боје или назив боје.
Надамо се да вам можемо бити од помоћи. Ако вам треба још таквих хакова или предлога или су вам потребни одговори на нека загонетна питања везана за технологију, одељак за коментаре је увек отворен.