Как узнать нужный цвет на сайте средствами браузера

Опытные юзеры любят нагружать свой браузер всякими расширениями и получать доступ к массе возможностей. Малоопытные стараются использовать встроенные фичи, и сегодня мы воспользуемся одной из таких.

Сперва, откроем консоль разработчика Ctrl+Shift+I (или Cmd+Opt+I на Mac). Также можно правым кликом в любом месте сайта, вызвав контекстное меню и клацнув по Посмотреть код (не путать Просмотр кода страницы).

Нас интересует основная вкладка Elements, которая идет наряду с Console, Sources и т.д. Левая часть – исходный код страницы, справа – стили. Добавим в любой класс свой стиль (например: color: black;) и кликнем по цвету.
Получится так:

Вот мы и получили доступ к заветной пипетке. Изучив панель мы можем получить значение цвета в HEX, HSLA, RGBA; узнать контрастность цвета и получить доступ к палитрам.