Определить цвет по фото пипеткой онлайн
Загрузите фото или картинку, наведите пипетку на нужный участок и нажмите на пиксель. Инструмент покажет название цвета, HEX, RGB, RGBA, HSL, координаты точки и палитру заметных цветов.
Фото или картинка для пипетки
Выберите файл, кликните по нужной точке и скопируйте название цвета или код в удобном формате.
Здесь появятся название, HEX, RGB, RGBA, HSL и координаты выбранного пикселя.
Палитра появится после загрузки картинки.
- Цвет пикселяНажмите на любую точку картинки и получите значения для CSS, макета или редактора.
- ПалитраПосле загрузки инструмент покажет заметные цвета изображения отдельными образцами.
- КопированиеНазвание, HEX, RGB, RGBA, HSL и координаты можно скопировать одной кнопкой.
Пипетка работает с изображениями, которые браузер может открыть в предпросмотре: JPG, PNG, WEBP и AVIF. Цвет выбирается по пикселю на копии изображения в canvas, а рядом сразу доступны значения для копирования.
Какие значения показывает пипетка
После выбора пикселя можно скопировать название цвета и точные значения для CSS, Figma, редактора изображений, документации или палитры бренда.
Название цвета
Инструмент подбирает ближайшее человекочитаемое название оттенка, чтобы проще описать цвет в задаче, правках или документации.
HEX и RGB
HEX удобен для CSS и макетов, RGB показывает три цветовых канала в числах от 0 до 255.
RGBA и HSL
RGBA сохраняет прозрачность PNG, а HSL помогает быстрее менять оттенок, насыщенность и светлоту.
Палитра картинки
Инструмент дополнительно собирает заметные цвета изображения, чтобы можно было быстро выбрать близкий оттенок.
Как узнать цвет по фото
Загрузите изображение, выберите пиксель и скопируйте название цвета или нужное цветовое значение.
- 1
Загрузите картинку
Выберите JPG, PNG, WEBP или AVIF. После загрузки появится предпросмотр изображения и блок палитры.
- 2
Наведите пипетку
Двигайте курсор по изображению, чтобы видеть цвет под точкой. Для выбора нажмите на нужный пиксель.
- 3
Скопируйте значение
Скопируйте название цвета, HEX, RGB, RGBA, HSL или координаты выбранной точки кнопкой рядом со значением.
- 4
Используйте палитру
Если нужен не один пиксель, выберите один из заметных цветов изображения в блоке палитры.
Что учитывать
Пиксель может отличаться от соседних
На фотографиях рядом часто есть шум, блики и полутона. Проверьте несколько близких точек, если нужен устойчивый оттенок.
Копируйте нужный формат
Для описания оттенка подойдет название цвета, для CSS чаще нужны HEX, RGB или HSL. Если важна прозрачность, используйте RGBA.
Формат изображения
Пипетка работает по предпросмотру файла. Если браузер не может открыть изображение, сохраните его в JPG, PNG, WEBP или AVIF.
Для каких задач нужна пипетка онлайн
Инструмент помогает быстро взять цвет из фото, скриншота, логотипа, баннера или интерфейса на картинке.
Собрать палитру
Выберите основные оттенки изображения и перенесите их в дизайн, презентацию, карточку товара или оформление страницы.
Узнать цвет элемента
Кликните по кнопке, иконке, фону или тексту на скриншоте, чтобы получить точный код и название цвета.
Передать цвет без ошибки
Скопируйте название или точное значение вместо ручного переписывания, чтобы не потерять символы HEX или числа RGB.
Частые вопросы о пипетке цвета
Короткие ответы о выборе цвета по картинке, названии оттенка, кодах HEX/RGB/HSL, прозрачности и палитре.
Что такое пипетка онлайн?
Это инструмент для выбора цвета прямо на загруженной картинке. Наведите курсор на участок изображения, нажмите на пиксель и получите название цвета, HEX, RGB, RGBA, HSL и координаты.
Как определить цвет по картинке онлайн?
Загрузите изображение, наведите курсор на нужный участок и нажмите на пиксель. Инструмент покажет название цвета, HEX, RGB, RGBA, HSL и координаты точки.
Как узнать код цвета по фото?
Загрузите фото, выберите нужный пиксель и скопируйте HEX, RGB, RGBA или HSL. Кнопка копирования находится рядом с каждым значением.
Можно узнать название цвета по картинке?
Да. После выбора пикселя инструмент подбирает ближайшее название цвета и показывает его вместе с кодами HEX, RGB, RGBA и HSL.
Можно узнать палитру картинки?
Да. После загрузки инструмент собирает заметные цвета изображения и показывает их отдельными образцами. Любой цвет из палитры можно выбрать и скопировать.
Почему рядом могут быть разные цвета?
На фото и скриншотах соседние пиксели часто отличаются из-за теней, бликов, сглаживания и сжатия. Если нужен устойчивый оттенок, проверьте несколько близких точек или выберите цвет из палитры изображения.
Пипетка показывает прозрачность?
Да, если в пикселе есть прозрачность, она отражается в RGBA. HEX, RGB и HSL показывают сам оттенок без отдельного альфа-канала.
Какие изображения можно загрузить?
Подходят JPG, PNG, WEBP и AVIF, если браузер может открыть файл в предпросмотре.
Можно скопировать код цвета?
Да. Рядом с названием цвета, HEX, RGB, RGBA, HSL и координатами есть кнопка копирования.