Бесплатный инструмент

Определить цвет по фото

Загрузи фото или картинку, и мы соберём из неё палитру: коды HEX, RGB и CMYK и понятные названия цветов, например «терракотовый» или «тиффани». Нажми на любую точку, чтобы узнать цвет пикселя.

Палитра из фотоЦвет пикселяHEX, RGB, CMYKНазвания цветовФото не покидает устройство
Фото

Фото обрабатывается прямо в браузере и никуда не загружается.

Цвет точки
Нажми на фоточтобы узнать цвет пикселя
Цветов в палитре
Формат кода
Палитра фото

Нажми на цвет, чтобы скопировать его код.

Как определить цвет по фото

  • Нажми «Своё фото» и выбери снимок, скриншот или картинку из галереи.
  • Инструмент сам найдёт главные цвета и покажет их по убыванию: сверху цвет, которого на фото больше всего.
  • Нажми на любую точку фото, чтобы узнать точный цвет пикселя и его название.
  • Переключи формат: HEX для сайтов и Figma, RGB для экрана, CMYK для печати.

Названия цветов

Для каждого цвета мы подбираем ближайшее из 120 русских названий: от «слоновой кости» и «пудрового» до «петроля» и «баклажанового». Сравнение идёт в цветовом пространстве Lab, которое ближе всего к тому, как цвет видит человек.

Название всегда приблизительное: у одного и того же «бирюзового» в разных палитрах десятки оттенков. Для работы опирайся на код цвета.

Как собрать палитру для бренда из фото

  • Возьми фото, которое передаёт настроение бренда: интерьер, продукт, природу.
  • Оставь 4–5 цветов: один основной, один-два дополнительных, светлый и тёмный для фона и текста.
  • Распредели их по правилу 60–30–10: 60 % фон, 30 % основной цвет, 10 % акцент.
  • Проверь сочетание на цветовом круге и контраст текста на фоне.

HEX, RGB и CMYK: в чём разница

HEX и RGB описывают один и тот же цвет экрана: красный, зелёный и синий свет. HEX просто записывает их шестнадцатеричным кодом, например #E52284. CMYK — это четыре краски для печати: голубая, пурпурная, жёлтая и чёрная.

Перевод в CMYK здесь упрощённый. Для печати уточняй цвет в профиле типографии, особенно для ярких розовых и зелёных.

Вопросы об определении цвета

Это бесплатно? Фото куда-то загружается?

Бесплатно и без регистрации. Фото обрабатывается в твоём браузере и не загружается ни на наш, ни на чужой сервер.

Как определить цвет пикселя на картинке?

Загрузи картинку и нажми на нужную точку. Справа появится код HEX, RGB и CMYK этой точки и название цвета.

Почему цвет на фото отличается от цвета предмета?

Камера и освещение меняют цвет: тёплая лампа добавляет жёлтого, тень делает цвет темнее. Для точного цвета бренда лучше брать код из логотипа или брендбука, а не из фотографии.

Как узнать название цвета по коду?

Найди цвет на фото или в палитре, рядом с кодом будет ближайшее название. Если нужен цвет из макета, сделай скриншот и загрузи его.

Можно ли использовать палитру в Figma и Canva?

Да. Нажми «Скопировать все коды» и вставь HEX-коды в свою палитру или стили документа.