Загрузите фото / перетащите сюда / вставьте из буфера (Ctrl+V). Наведите курсор — увидите цвет. Клик по фото — зафиксировать.
1. Нажмите «Выберите фото» и загрузите изображение
2. Наведите “пипетку” на фото и выберите точку
3. Сразу увидите HEX / RGB / HSL выбранного цвета
4. Нажмите «Копировать» и вставляйте цвет в дизайн
Он помогает определить цвет на любом изображении: вы загружаете фото, наводите пипетку на нужную точку и сразу получаете значения в популярных форматах.
Вы получаете основные форматы для дизайна и разработки: HEX, RGB, HSL, а также дополнительные представления (если включены в панели).
Нет. Модуль работает полностью в браузере — откройте страницу, загрузите фото и выбирайте цвет.
Подходят фотографии, скриншоты, иллюстрации и макеты. Обычно работают форматы JPG/PNG/WebP (в зависимости от браузера).
Можно всеми способами: нажмите «Выберите фото», перетащите файл мышью или вставьте изображение через Ctrl+V (скриншот/картинка из буфера).
Да. До загрузки показывается превью, по нему выбор отключён. Это сделано специально: цвет определяется только по вашему изображению.
Используйте лупу: она увеличивает область вокруг курсора и помогает попадать в нужный пиксель, особенно на мелких деталях.
Да. Клик/тап по фото фиксирует точку. Повторный клик снимает фиксацию — можно выбрать другой пиксель.
Нажмите на иконку копирования рядом с нужным форматом — значение сразу попадёт в буфер обмена.
Да. Особенно удобно брать цвета со скриншотов: кнопки, иконки, фоны, границы, тени и акценты — всё определяется точечно.
Да. Последовательно выбирайте несколько точек (фон, акценты, дополнительные оттенки), копируйте значения и используйте как палитру проекта.
Да. Интерфейс адаптивный: можно загружать фото и выбирать цвет тапом. На мобильных блок фото отображается первым для удобства.
Из-за освещения на фото, компрессии, градиентов и полупрозрачности. Для точности выбирайте пиксель в однородной области и используйте лупу.
Да. Просто наведите пипетку на нужную точку градиента/тени — модуль выдаст цвет именно этого пикселя.
По умолчанию работа идёт в браузере. Если у вас включены дополнительные функции экспорта/аналитики — это зависит от настроек страницы.
Обычно достаточно любых обычных фото/скриншотов. Если файл очень большой, загрузка и обработка могут занять чуть больше времени.
Попробуйте кликнуть по области фото и повторить Ctrl+V. На некоторых устройствах проще использовать кнопку загрузки файла.
Да. HEX вставляйте как #RRGGBB, RGB как rgb(r,g,b), HSL как hsl(h,s%,l%) — всё готово к копированию.
Можно быстро снять фирменные оттенки с логотипа/материалов и использовать их в интерфейсе, презентациях, баннерах и соцсетях.
Увеличьте точность с помощью лупы и выбирайте цвет в максимально чистой зоне. Если элемент размыт — попробуйте другой пиксель рядом.