Како користити Гоогле Цхроме бирач боја?

Гоогле Цхроме долази у склопу Цхроме ДевТоолс-а, који је колекција алата за веб програмере. Међу свим доступним алатима, бирач боја доступан у Цхроме-у је згодан.

Али, како му приступити? Како то користиш? Које функције се нуде заједно са алатом?

У овом чланку ћемо истражити овај алат и његове карактеристике.

Како покренути Цхроме бирач боја?

Можете приступити хромираном алату за бирање боја користећи пречицу на тастатури или ГУИ (графички кориснички интерфејс).

Притисните Цтрл + Схифт + И када користите тастатуру да бисте добили ДевТоолс, а затим идите на бирач боја. Ако користите Мац, потребно је да притиснете, Цомманд + Оптион + И.

Користећи миш, потребно је да кликнете десним тастером миша, а затим кликнете на „Инспецт“ да бисте се кретали кроз ДевТоолс.

Такође можете да подесите Цхроме ДевТоолс да се аутоматски отвара са сваком новом картицом. Дакле, можете брзо приступити бирачу боја за сваку картицу у вашем претраживачу.

Да бисте то постигли, морате да покренете нову инстанцу Цхроме-а користећи командну линију док проследите следећу заставицу:

--auto-open-devtools-for-tabs

Овако то изгледа када покренете Цхроме са аутоматским отварањем ДевТоолс-а преко терминала на Линуку:

google-chrome-stable --auto-open-devtools-for-tabs

Како користити бирач боја у Цхроме-у?

Једном када покренете ДевТоолс, мораћете да се крећете на свом путу да приступите алатима потребним за идентификацију боје на веб страници или дизајна на којем желите да радите.

  10 наменских АМД серверских хостинга за ваше пословне апликације

Подразумевано, требало би да видите активан одељак „Стил“ на дну ДевТоолс-а, као што је приказано на снимку екрана.

Ако сте изабрали нешто друго, обавезно кликните на „Стил“ да бисте приступили ЦСС коду веб странице.

Овде морате да скролујете надоле кроз доступан ЦСС код и потражите оквир у боји означен као позадина или боја испод одељка тела. Ово је бирач боја који сте тражили.

Само кликните на оквир за боју; требало би да вам пружи више опција, као што је приказано на слици испод.

То је то! Воила, имате бирач боја у вашем претраживачу спреман да вам помогне.

Овде би требало да пронађете хексадецимални код или РГБ вредност боје и добијете могућност да изаберете друге ЦСС елементе да бисте истражили и прегледали дизајн на веб страници.

Функције у бирачу боја у Цхроме-у

Уграђени бирач боја у Цхроме-у даје вам разне информације поред хексадецималног кода за идентификацију боје.

Ево шта можете очекивати од њега. Неке кључне карактеристике укључују:

Палете боја: Уместо да се крећете кроз многе нијансе боја, добијате неке унапред дефинисане палете боја да бисте брзо применили неке селекције.

Формат боје: Добијате могућност преласка са хексадецималног кода на РГБА вредности и ХСЛА вредности боја.

Капа за очи: Када приступите бирачу боја, можете да прегледате веб страницу и изаберете било који елемент да бисте добили хексадецимални код те боје. Можете кликнути на бирач боја да бисте га омогућили/онемогућили.

Добијате више опција за подешавање боја и добијање тачне боје по свом избору. Ево их:

  • Копирај у међуспремник: Можете копирати код боје препознате брзо у међуспремник.
  • Градијент боје: Можете да подесите нијансу боје и да се крећете кроз могућности комбинације боја по вашем укусу.
  • Контрола непрозирности: Можете подесити ниво транспарентности тако да изгледа чврсто или минимално.
  • Бирач боје позадине: За одабир одговарајуће боје позадине за савршен контраст.
  • Однос контраста: Подесите контраст или га исправите да би текст/елемент био видљив.
  Како присилити ваш Аппле сат да се синхронизује са вашим иПхоне-ом

Напомена: Алат за бирање боја није ограничен на Гоогле Цхроме, већ се може користити на било ком веб претраживачу заснованом на Цхроме-у као што је Браве.

Како користити Цхроме бирач боја са Гоогле слајдовима?

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

Ако вам није пријатно да користите ДевТоолс са Гоогле слајдовима, можете испробати и нека хромирана проширења за посао.

Цхроме екстензије као алтернатива бирачу боја

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

Међутим, постоје две популарне екстензије које ћете можда занимати да испробате:

#1. ЦолорЗилла

ЦолорЗилла проширење нуди све основне функције које добијате са хром-овим уграђеним бирачем боја. Као бонус, такође добијате могућност да проверите историју последње изабране боје.

Дакле, ово би требало да буде корисно за сваки случај употребе, а не само за Гоогле слајдове.

#2. ЦолорПицк Еиедроппер

Ако се суочите са проблемима са алатом за капаљку помоћу ДевТоолс-а, можете покушати ЦолорПицк Еиедроппер да добијете капаљку без приступа веб алатима.

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

  Поправите да камера не ради у тимовима

Завршне речи 🎨

Цхроме ДевТоолс Бирач боја је корисна алатка. Није вам потребан професионални алат који ће вам помоћи да идентификујете боје и придружени код или вредности. Цхроме-ов уграђени алат олакшава рад без потребе за екстензијом треће стране.

Почевши од графичких дизајнера до веб програмера који праве шаблон за веб локацију, свима би требало да буде од помоћи.

Наравно, можете изабрати да користите и проширења трећих страна која су такође доступна. Али, осим ако вам није потребно, предлажемо да истражите све функције помоћу ДевТоолс-а.