Пипетка онлайн — определить цвет по фото и пикселю
VLADISLAV KASATKIN

ИНСТРУМЕНТ ДЛЯ ДИЗАЙНА

Пипетка онлайн: определить цвет по изображению

Загрузите изображение, выберите пиксель и получите HEX, RGB или HSL. Узнайте код цвета по фото для сайта, дизайна или макета — палитра строится прямо в браузере.

Основные возможности палитры

Генерация цветов

Создавайте уникальные палитры в один клик.

Экспорт кодов

Копируйте HEX, RGB и HSL коды мгновенно.

Цветовые схемы

Аналоговые, монохромные и комплементарные.

Сохранение

Запоминайте понравившиеся цвета.

Перетащите изображение сюда

Как использовать:

  1. Загрузите изображение любым способом
  2. Кликните на него для выбора цвета
  3. Скопируйте значения из панели справа
  4. Просмотрите историю или сгенерируйте новую палитру

Выбранный цвет

HEX

#------

Web-safe HEX

#------

RGB

rgb(--, --, --)

HSL

hsl(--, --%, --%)

CMYK

cmyk(--%, --%, --%, --%)

История

Нет цветов

FAQ

Вопросы по подбору цветов

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

Загрузите изображение или перетащите файл в область инструмента, затем выберите нужную точку. Пипетка покажет код выбранного цвета в доступных форматах.

Как узнать HEX-код пикселя?

Откройте фото, наведите указатель на нужную область и выберите пиксель. Полученный HEX-код можно скопировать и использовать в CSS или графическом редакторе.

Можно ли создать палитру из фотографии?

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

Какие форматы изображений поддерживаются?

Проверьте подсказку области загрузки перед работой с файлом. Изображение обрабатывается в браузере, поэтому допустимый размер также зависит от памяти устройства.

Можно ли выбрать цвет с любого места изображения?

Да, после загрузки наведите указатель на нужную область и выберите точку. Результат появится рядом с изображением вместе с кодом цвета.

Обрабатывается ли изображение в браузере?

Да, текущая пипетка обрабатывает загруженное изображение на стороне клиента и не отправляет его на внешний API.

ДЛЯ ПРОДУКТИВНОЙ РАБОТЫ

Другие инструменты, которые вам могут пригодиться:

Работайте с текстом, форматированием или нейросетями.