Пипетка цвета по фото
Загрузите любое изображение, затем кликните по нему — точный цвет этого пикселя мгновенно появится в HEX, RGB и HSL, готовый к копированию в дизайн-инструмент или CSS.
Как пользоваться
Загрузите фото, скриншот или макет дизайна, затем кликните в любом месте изображения. Пипетка считывает точный цвет пикселя под курсором и показывает его сразу в трёх форматах с кнопкой копирования у HEX-значения.
Пригодится, чтобы подобрать фирменный цвет с логотипа, вытащить палитру из фотографии для дизайна или взять точный цвет фона со скриншота для повторного использования в CSS. Недавно выбранные цвета сохраняются в небольшой истории, чтобы можно было сравнить несколько точек сразу.
Частые вопросы
Насколько точен выбранный цвет?
Считывается точное RGB-значение этого пикселя из данных изображения — точность равна точности самого файла. Сжатый JPEG может немного отличаться от исходной сцены из-за артефактов сжатия; для точного до пикселя результата используйте несжатый PNG, если возможно.
В чём разница между HEX, RGB и HSL?
Это три способа записать один и тот же цвет. HEX (#3b82f6) и RGB (rgb(59, 130, 246)) описывают интенсивность красного/зелёного/синего; HSL (тон, насыщенность, светлота) описывает тот же цвет через положение на цветовом круге — часто удобнее для настройки оттенка светлее или насыщеннее.
Моё изображение загружается на сервер?
Нет — изображение загружается и считывается прямо в браузере через Canvas API. Оно никуда не передаётся, поэтому это безопасно для неопубликованных дизайнов или личных фото.
Можно ли взять цвет со скриншота?
Да — сделайте скриншот обычным способом в вашей ОС, затем загрузите полученный файл сюда так же, как любое фото.