Пипетка онлайн
Загрузите изображение
Перетащите файл сюда, выберите его на устройстве или вставьте скриншот через Ctrl + V.
Выберите пиксель
Изображение · -
Скопируйте цвет
- X
- 0
- Y
- 0
- Alpha
- 100%
Нажмите на изображение, чтобы сохранить первый цвет.
Пипетка цвета онлайн
Онлайн-пипетка помогает определить цвет пикселя на фотографии, скриншоте или макете и сразу получить готовый код для сайта, презентации или графического редактора.
Загрузите файл, перетащите его в рабочую область или вставьте изображение из буфера обмена. При движении курсора пипетка показывает увеличенный участок с пиксельной сеткой, а нажатие фиксирует цвет и добавляет его в историю. Вся обработка происходит локально: картинка не передаётся на сервер.
Как определить цвет пикселя онлайн
- Добавьте изображение. Выберите PNG, JPEG, WebP или GIF, перетащите файл либо вставьте скриншот сочетанием Ctrl+V или Cmd+V.
- Наведите пипетку. Лупа увеличит соседние пиксели и отметит центральную точку. Для точной навигации можно увеличить картинку или использовать стрелки.
- Нажмите и скопируйте. Выбранный цвет появится в форматах HEX, RGB, HSL и CMYK. Нажмите на нужное значение, чтобы сохранить его в буфер обмена.
Также можно определить цвет прямо на экране: нажмите кнопку «Пипетка экрана» и выберите нужную точку вне загруженного изображения. Работает только в современных браузерах.
Какие значения показывает пипетка
- HEX - компактный код вида
#0A7D6B, который чаще всего используют в CSS и дизайн-макетах. - RGB - интенсивность красного, зелёного и синего каналов от 0 до 255; прозрачные пиксели выводятся как RGBA.
- HSL - цветовой тон, насыщенность и светлота. Этот формат удобен, когда оттенок нужно сделать светлее, темнее или спокойнее.
- CMYK - ориентировочное представление цвета через голубой, пурпурный, жёлтый и чёрный каналы для подготовки печатных материалов.
Когда может пригодиться пипетка онлайн
Инструмент пригодится, чтобы взять оттенок из логотипа, повторить цвет элемента интерфейса, проверить пиксель на скриншоте или перенести палитру фотографии в новый макет. История сохраняет последние выбранные значения в пределах текущей вкладки, поэтому несколько образцов можно сравнить без повторных кликов.
После выбора основного оттенка откройте цветовой круг, чтобы подобрать гармоничное сочетание, или соберите фон в генераторе CSS-градиентов.
Почему соседние пиксели могут отличаться
Края текста, иконок и фигур обычно сглаживаются, поэтому рядом с основным цветом появляются промежуточные оттенки. В JPEG к ним добавляются следы сжатия. Пиксельная лупа не усредняет область: она показывает центральную точку и помогает осознанно выбрать нужный образец.
Частые вопросы
Как определить цвет пикселя на изображении?
Загрузите картинку или вставьте скриншот из буфера обмена, наведите курсор на нужное место и нажмите на пиксель. Пипетка зафиксирует координаты и покажет цвет в HEX, RGB, HSL и CMYK.
Можно ли вставить скриншот без сохранения файла?
Да. Сделайте снимок экрана и нажмите Ctrl+V на Windows или Cmd+V на macOS. В браузерах с доступом к буферу обмена также работает кнопка «Вставить».
Отправляется ли изображение на сервер?
Нет. Файл декодируется и анализируется локально средствами браузера. Изображение не загружается на сервер и не сохраняется после закрытия страницы.
Какие форматы изображений поддерживает пипетка?
Инструмент рассчитан на PNG, JPEG, WebP и GIF размером до 25 МБ. Фактическое декодирование формата зависит от возможностей вашего браузера.
Насколько точно определяется цвет?
Пипетка считывает значения одного пикселя без усреднения. Лупа с сеткой помогает попасть точно в нужную точку, а стрелки клавиатуры перемещают выбор на один пиксель.
Почему цвет может отличаться от ожидаемого?
На границах объектов встречаются сглаженные пиксели, а JPEG добавляет артефакты сжатия. На отображение также влияют цветовой профиль изображения и настройки экрана, поэтому для проверки лучше сравнить несколько соседних пикселей.
Работает ли пипетка цвета на телефоне?
Да. Загрузите фотографию и коснитесь нужной точки. Для более точного выбора увеличьте изображение кнопками масштаба и ориентируйтесь по лупе.