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

Откройте картинку, наведите увеличенный прицел на нужный пиксель, скопируйте его значение в HEX, RGB или HSL и сохраните полезные цвета.

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

JPG, PNG или WebP · до 50 МБ

Изображение анализируется локально в браузере

Точные цвета прямо из изображения

Выбор на уровне пикселей

Увеличенный прицел позволяет выбрать конкретный пиксель, а не приблизительно оценивать цвет всей области.

HEX, RGB, HSL и палитра

Копируйте выбранный цвет в распространённых форматах для веба и дизайна, сохраняйте несколько образцов и изучайте основные цвета изображения.

Локальный анализ цвета

Выбор пикселей и извлечение палитры выполняются на вашем устройстве без загрузки картинки на сервер ImageNow.

Как это работает

  1. Выберите или перетащите одно поддерживаемое изображение.
  2. Перемещайтесь по изображению и выберите точный пиксель с помощью увеличенного прицела.
  3. Скопируйте значение HEX, RGB или HSL и сохраните нужные цвета.
  4. Сравните образцы с извлечённой палитрой или откройте другую картинку.

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

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

HEX, RGB и HSL описывают один выбранный цвет

HEX — компактная шестнадцатеричная запись, часто используемая в CSS и передаче макетов. RGB перечисляет значения красного, зелёного и синего каналов. HSL описывает тон, насыщенность и светлоту, поэтому его удобно системно корректировать. Преобразование формата не меняет выбранный цвет.

Почему соседние пиксели могут различаться

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

Проверяйте контраст выбранных цветов

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

Часто задаваемые вопросы

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

Выберите изображение, перейдите в нужную область, найдите отдельный пиксель с помощью увеличенного прицела и нажмите на него. После этого можно скопировать значение HEX, RGB или HSL.

Можно узнать HEX-код цвета по фотографии?

Да. Непрозрачные пиксели отображаются шестизначным HEX-кодом, а пиксели с прозрачностью — восьмизначным HEX-кодом с альфа-каналом. Значения RGB и HSL также сохраняют альфа-компонент. Нажмите кнопку копирования рядом с нужным значением.

Чем различаются HEX, RGB и HSL?

Это разные способы записи одного цвета. HEX и RGB кодируют красный, зелёный и синий каналы, а HSL описывает тон, насыщенность и светлоту.

Можно сохранить несколько выбранных цветов?

Да. Сохраняйте полезные образцы во время просмотра изображения, а затем сравнивайте или копируйте их, не разыскивая повторно те же пиксели. Сохранённые цвета также можно скачать в файле CSS или TXT.

Инструмент извлекает цветовую палитру?

Да. Он показывает 8 основных цветов, рассчитанных по изображению. Выберите любой из них, чтобы увидеть значения, или используйте точный выбор пикселя, если нужен цвет в конкретном месте.

Почему выбранный цвет немного отличается от ожидаемого?

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

Можно проверить доступность контраста двух цветов?

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

Моя картинка загружается на сервер?

Нет. Изображение декодируется, анализируется и используется для выборки цвета локально в браузере без загрузки на сервер ImageNow.