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