Как узнать цвет на фото и получить его HEX-код
Способы определить цвет на фотографии и получить его HEX-код: онлайн-генератор, пипетка в браузере, Photoshop, Figma и телефон.
Инструкции · · 2 мин чтения
Узнать цвет на фото проще всего онлайн: загрузите картинку в генератор палитры — он покажет главные цвета снимка с HEX, RGB и HSL. Если нужен цвет одной конкретной точки, используйте пипетку: она есть в Figma, Photoshop, в инструментах разработчика браузера и в системных приложениях.
Способ 1. Все главные цвета снимка
Подходит, когда нужно понять «цвета фото» целиком: для палитры бренда, оформления поста, интерьера.
- Откройте генератор и загрузите фото или вставьте ссылку.
- Получите 5–8 цветов, отсортированных по площади: первым идёт самый распространённый.
- Кликните по цвету — HEX скопируется.
Способ 2. Цвет одной точки пипеткой
| Где | Как найти пипетку |
|---|---|
| Figma | Клавиша I над любым слоем, в том числе над картинкой |
| Photoshop | Инструмент «Пипетка» (I), затем клик по палитре цветов — там HEX |
| Chrome / Edge | DevTools → любой цвет в стилях → значок пипетки (берёт цвет с экрана) |
| Windows | PowerToys → Color Picker, сочетание Win+Shift+C |
| macOS | Приложение «Цифровой колориметр» (Digital Color Meter) |
Почему пипетка и палитра дают разные цифры
- Пипетка берёт один пиксель. На фото соседние пиксели почти всегда немного отличаются из-за шума и сжатия JPEG, поэтому в двух точках «одного» цвета коды разные.
- Генератор усредняет. Он объединяет близкие оттенки в группу и выдаёт средний цвет группы. Для дизайна это обычно полезнее: вы получаете цвет, который глаз воспринимает как основной.
Подробнее о том, как это работает — в статье как алгоритм извлекает доминантные цвета.
Как не ошибиться с цветом
- Смотрите на фото в исходном размере, а не на скриншот превью: мессенджеры пережимают картинки.
- Учитывайте освещение: белая стена при вечернем свете на фото будет тёплой, бежевой.
- Если нужен цвет реального предмета (краска, ткань), сравните код с образцом при дневном свете — экран и камера искажают цвет.
Частые вопросы
Можно ли узнать цвет на фото с телефона?
Да: откройте генератор в мобильном браузере и выберите фото из галереи. На Android и iOS есть и отдельные приложения-пипетки.
Что такое HEX-код?
Это запись цвета шестью шестнадцатеричными символами, например #DE7C56: по два символа на красный, зелёный и синий канал. Подробнее — в статье что такое HEX-код цвета.
Как узнать название цвета?
Генератор показывает ближайшее название из словаря: «Коралловый», «Песочный», «Графитовый». Таблица с названиями — в статье названия цветов с HEX-кодами.