Пипетка цветов онлайн — определить цвет по фото
или перетащите изображение сюда, или вставьте из буфера обмена (Ctrl+V)
Макс. размер файла: 50 МБ. Поддерживаются: JPG, PNG, WEBP, GIF, BMP, AVIF, SVG, ICO.
Частые вопросы
Для чего нужна пипетка цвета?
Основных сценариев четыре. Веб-дизайн и вёрстка – взять точный код фирменного цвета с макета или референса вместо подбора на глаз. Совпадение цвета бренда – проверить, соответствует ли цвет на сайте цвету из брендбука или логотипа. Работа с фотографиями – определить доминирующий оттенок для подбора фона или сопутствующих элементов. Проверка контраста – сравнить коды текста и фона перед проверкой доступности сайта.
Остаются ли загруженные изображения на сервере?
Загруженный файл и вставленный скриншот не покидают устройство – обработка идёт в браузере. Изображение по ссылке проходит через сервер только транзитом, чтобы браузер мог его загрузить, и не сохраняется.
Почему цвет на экране и в реальности иногда отличается?
Разные мониторы по-разному калибруют цветопередачу, а часть изображений сохранена со сжатием, которое слегка искажает оттенки. Пипетка читает цвет именно из файла, поэтому показывает то же значение, что «видит» браузер, а не абсолютно объективный цвет объекта на фото.
Можно ли определить цвет на скриншоте экрана?
Да, скриншот вставляется тем же способом, что и обычное изображение – из буфера обмена. Это удобно, чтобы взять цвет с любого элемента интерфейса без сохранения файла на диск.
Что делать, если нужен цвет не одного пикселя, а области?
Инструмент считывает цвет ровно того пикселя, по которому кликнули. Для усреднённого цвета области стоит выбрать несколько точек внутри неё и сравнить полученные значения – они обычно близки, если область однородна по цвету.
Работает ли пипетка с изображениями по прямой ссылке из интернета?
Да, третий способ загрузки – вставить URL картинки. Изображение подгружается для чтения цвета и не сохраняется на сервере после обработки.
Загрузите файл, вставьте скриншот или укажите ссылку на изображение – инструмент считывает точный цвет любого пикселя и выдаёт его в HEX, RGB и HSL с кнопкой копирования. Файл не сжимается заново: цвет берётся из оригинала, пиксель в пиксель, прямо в браузере.
Как определить цвет по фото
- Загрузите изображение. Доступны три способа: загрузить файл с устройства, вставить скриншот из буфера обмена или указать прямую ссылку на картинку.
- Приблизьте нужный участок. Лупа увеличивает изображение до отдельных пикселей – это важно там, где нужен цвет мелкой детали, а не усреднённый оттенок области.
- Кликните и скопируйте код. Клик по пикселю выдаёт цвет сразу в трёх форматах – HEX, RGB и HSL – с кнопкой копирования у каждого. Последние десять выбранных цветов остаются в строке истории, поэтому предыдущий подбор не теряется при переходе к следующему.
HEX, RGB и HSL: какой формат для чего
Все три формата описывают один и тот же цвет, но применяются в разных контекстах.
| Формат | Пример | Где используется |
|---|---|---|
| HEX | #3A7BD5 | CSS, вёрстка сайтов, графические редакторы |
| RGB | rgb(58, 123, 213) | CSS, программирование, работа со слоями прозрачности |
| HSL | hsl(214, 64%, 53%) | Подбор оттенков одного тона: проще менять яркость и насыщенность отдельно |
Что дальше с полученным цветом
Если нужно не только определить цвет, но и подобрать к нему сочетание или перевести в другой формат – CMYK, RAL, Pantone – используйте конвертер цветов. Полученный HEX-код можно сразу вставить в верстку страницы, а для проверки готового текста на странице пригодится анализ плотности ключевых слов или очистка текста перед публикацией.