Определить цвет на фото онлайн
Как определить цвет на фото
- Нажмите «Выбрать фото» или перетащите картинку на страницу. Скриншот можно вставить сразу через Ctrl+V.
- Наведите курсор на нужное место. Рядом появится лупа: она увеличивает точки фото и сразу пишет код цвета.
- Нажмите на точку. Рядом с фото появится карточка: образец цвета, его название и коды HEX, RGB, HSL и CMYK.
- Нажмите на строку с кодом, чтобы скопировать его. Надпись сменится на «Скопировано ✓».
Это пипетка онлайн, которая работает прямо в браузере: фото не загружается на сервер. Регистрация не нужна.
Какие коды показывает пипетка
| Код | Пример | Где пригодится |
|---|---|---|
| HEX | #1E90FF | сайты и CSS, Figma, Canva, оформление соцсетей |
| RGB | rgb(30, 144, 255) | Photoshop, GIMP, программы для рисования и видео |
| HSL | hsl(210, 100%, 56%) | подобрать оттенок светлее или темнее: меняется только последнее число |
| CMYK | cmyk(88%, 44%, 0%, 0%) | печать: листовки, визитки, футболки |
CMYK здесь считается по простой формуле, без профиля конкретной типографии. Для печати это ориентир. Точный цвет подберёт типография по своему каталогу.
Название цвета по фото
Страница знает около 180 русских названий: от «бордового» и «терракотового» до «цвета морской волны» и «мокрого асфальта». Если цвет совпадает с эталоном, вы увидите просто название. Если нет, перед ним появится знак «≈» и подпись «оттенок этого цвета» или «ближайшее название» с кодом эталона. Так честнее: у реальных цветов почти всегда есть разброс, и один и тот же «бежевый» у всех немного разный.
Цвет одной точки или среднее
Под фото есть выбор: «Цвет одной точки», «Среднее 3×3 точки» или «Среднее 5×5 точек». На фотографиях соседние точки часто различаются из-за шума и бликов. Среднее 5×5 даёт цвет, который глаз видит на этом участке. Для логотипов, иконок и скриншотов лучше одна точка: так вы получите ровно тот цвет пикселя, что в файле. Прозрачные места картинки считаются белым фоном.
Если деталь мелкая, сначала обрежьте фото вокруг неё. На экране она станет крупнее, и попасть по ней будет проще.
Палитра из фото и история
- «Основные цвета фото». Сразу после загрузки страница находит до 8 главных цветов снимка и пишет долю каждого в процентах. Нажмите на цвет, чтобы увидеть его коды. Кнопка «Скопировать все коды» копирует HEX всей палитры через запятую.
- «Вы выбирали». Последние 16 цветов хранятся в этом браузере и остаются после перезагрузки страницы. Кнопка «Очистить» стирает список.
Определить цвет по коду или названию
Фото не обязательно. В строке «Или цвет по коду:» введите HEX, три числа RGB, hsl(…), cmyk(…) или название, например «бирюзовый», и нажмите «Определить». Так удобно перевести HEX в RGB или CMYK и узнать, как называется цвет из макета. Квадратик рядом открывает обычную палитру, где цвет можно выбрать на глаз.
В Chrome и Edge на компьютере есть кнопка «Пипетка с экрана». Она берёт цвет с любой точки экрана: с сайта, из программы или с кадра видео. Если кнопки нет, ваш браузер эту функцию не поддерживает. Тогда сделайте скриншот и вставьте его через Ctrl+V.
Пипетка на телефоне
Определить цвет по фото с телефона можно так же, на Android и iPhone. Фото HEIC с iPhone открываются как обычные. Коснитесь фото и, не отпуская, ведите пальцем: лупа показывается над пальцем и не закрывает нужное место. Цвет фиксируется, когда вы отпускаете палец. Чтобы узнать цвет из другого приложения, сделайте скриншот и выберите его из галереи.
Почему цвет на фото отличается от настоящего
Пипетка точно показывает цвет точек в файле. Но этот цвет зависит от освещения, настроек камеры и обработки снимка. Поэтому код краски, цвета волос, стен или кузова по фото получится примерным. Возьмите его как образец для продавца или колориста, а окончательно сверяйте с каталогом при дневном свете. Экраны тоже показывают цвета по-разному. Если оттенки на мониторе сливаются, его можно проверить в тесте монитора.
Частые вопросы
Что значат буквы и цифры в HEX-коде?
HEX записывает цвет шестью знаками после решётки. В коде #1E90FF первая пара (1E) отвечает за красный, вторая (90) за зелёный, третья (FF) за синий. Каждая пара идёт от 00 до FF, то есть от «совсем нет» до «максимум».
Можно ли по фото узнать цвет волос или свой цветотип?
Код оттенка волос, кожи или глаз страница покажет, но цветотип она не определяет. Снимайте при дневном свете без фильтров и берите «Среднее 5×5 точек» в нескольких местах: так случайный блик не собьёт результат.
Почему другая программа показывает у той же точки чуть другой код?
Программы по-разному учитывают цветовой профиль снимка. Ещё на краях деталей точки смешиваются при сжатии JPG и при уменьшении картинки. Для точного кода берите середину ровного участка, а не границу.
Как сделать найденный цвет светлее или темнее?
Скопируйте код HSL, поменяйте в нём последнее число и введите результат в строку «Или цвет по коду:». Больше число, светлее цвет. Страница сразу покажет новый HEX и название.
Какие картинки можно открыть?
JPG, PNG, WEBP, HEIC, AVIF, GIF, BMP, TIFF, SVG и ICO. Если файл не открылся, сделайте его скриншот и вставьте через Ctrl+V.
Фото куда-то загружается?
Нет, фото остаётся на вашем устройстве. Список «Вы выбирали» тоже хранится только в этом браузере.
Обновлено