Определить цвет на сайте — палитра и HEX-коды

Расширение поможет определить цвет на сайте — получите палитру и HEX-коды в один клик.

Буквально за секунду вы увидите палитру и HEX-коды нужной страницы: откройте сайт, нажмите на иконку — и все основные оттенки уже сгруппированы и очищены от дублей. Большинство подобных инструментов просто выгружают стену hex-кодов и оставляют разбираться самому. Здесь оттенки сначала сортируются по роли на странице, поэтому в момент, когда вы получаете код цвета на сайте, с ним сразу можно работать. Расширение считывает страницу так, как её показывает браузер — не скриншот, не старый кэш, а живую версию перед вами. Это и есть разница между тем, чтобы гадать о палитре бренда, и тем, чтобы точно её знать. 💡 создано для тех, кто раньше собирал палитру с сайта по одному образцу за раз, а потом сдавался и просил разработчика выписать hex-коды руками. Что происходит на каждой странице: 1️⃣ всё группируется на фоны, текст, обводки и акценты 2️⃣ почти неотличимые оттенки объединяются в один образец со счётчиком повторов 3️⃣ внутри каждой группы оттенки сортируются по частоте использования ➤ палитра готова в момент открытия окна — искать и нажимать кнопку «извлечь» не нужно ➤ копирование в один клик — нажали на образец, hex уже в буфере обмена ➤ нейтральные тона (серые, почти чёрные) свёрнуты по умолчанию, чтобы не мешали ➤ работает одинаково на любой странице — проверить главную, карточку товара и корзину можно по одному клику на каждую 📌 удобно и для передачи в разработку: вместо того чтобы вручную выписывать код каждого оттенка, просто отправьте готовую палитру. Встроенная пипетка колор-пикер — ещё один способ точно определить цвет на сайте: включите его, нажимайте на нужные места страницы и собирайте HEX-коды по одному. Вместе с автоматическим анализом всей страницы он даёт два режима — выбрать конкретный оттенок вручную или сразу получить полную палитру сайта. Как ни назови этот процесс — определить цвет на сайте, узнать цвет на сайте или найти код цвета на сайте — результат один: настоящие hex-коды из того, что страница показывает сейчас, а не предположения на глаз. Одним нужно быстро взять цвет с сайта для мудборда, другим — скопировать цвет с сайта для брендбука, а дизайн-командам часто просто нужно определить цвет на сайте перед редизайном. Как узнать цвет на сайте с помощью этого расширения: 1. откройте нужную страницу 2. нажмите на иконку расширения на панели инструментов 3. палитра уже сгруппирована и готова к копированию 📍 полезно превратить в привычку, а не разовое действие: сегодня определите цвет на сайте у конкурента на главной, через неделю — на странице с ценами, и вы начнёте замечать, как их цветовая схема держится вместе. Если вы уже собираете палитру с сайта каким-то другим способом — это может полностью заменить привычный процесс, а не стать ещё одним лишним шагом. Даже приблизительный код цвета на сайте лучше, чем начинать с чистого листа — один и тот же клик подходит и чтобы взять цвет с сайта для дизайна, и чтобы получить оттенки из кода для полного аудита. Кому это пригодится: - UI/UX-дизайнерам, которым нужно быстро узнать цвет на сайте без похода в инструменты разработчика - фронтенд-разработчикам — проверить, что реально отрисовывается, а не то, что написано в дизайн-макете - маркетологам и бренд-командам — сравнить цветовые схемы конкурентов - всем, кто хоть раз пытался скопировать цвет с сайта на глаз со скриншота 📎 никаких лишних окон и переключений между приложениями — то же самое всплывающее окно, просто умеет больше. ❓ Работает на любом сайте? Да — если страница загрузилась, расширение может определить цвет на сайте независимо от того, как он был собран. ❓ Сколько оттенков обычно показывается? После объединения дублей обычно получается от 10 до 30 отдельных оттенков, даже если исходная страница технически отрисовывает сотни почти одинаковых оттенков. ❓ Можно использовать перед редизайном? Да, это один из частых сценариев: возьмите цвет с сайта, который собираетесь переделывать, вместо того чтобы вспоминать по памяти, какой была старая палитра. Если вы когда-нибудь открывали инструменты разработчика только чтобы узнать код цвета на сайте, или подбирали hex со скриншота по одному — это расширение заменяет всю эту рутину одним кликом. Установите его, откройте любую страницу — и увидите её палитру за секунды.