Пипетка цвета с изображения

Загрузите фото, скриншот или макет и кликните в любое место, чтобы получить точный цвет пикселя. Попиксельная лупа позволяет выбирать отдельные пиксели даже на изображениях с высоким разрешением. Копируйте значения в HEX, RGB, HSL или современном OKLCH — или возьмите готовый CSS-фрагмент. Всё работает прямо в браузере; ваши изображения никогда не отправляются.

Загрузите изображение, чтобы выбирать из него цвета

Обрабатывается полностью в браузере — изображение не покидает устройство.

Перетащите изображение сюда

PNG, JPG или WebP до 20 МБ

Как Это Работает

1

Загрузите изображение

Перетащите PNG, JPG, WebP или GIF — или кликните, чтобы выбрать файл. Изображение остаётся в браузере.

2

Наведите курсор и кликните, чтобы выбрать

Двигайте курсор по изображению; лупа 8× показывает отдельные пиксели. Кликните, чтобы зафиксировать цвет.

3

Скопируйте значение цвета

Получите HEX, RGB, HSL или OKLCH одним кликом. Готовый для вставки CSS-код показан под выбранным цветом.

Часто Задаваемые Вопросы

Загружается ли моё изображение куда-либо?

Нет. Весь пипетка-инструмент работает в браузере через Canvas API. Ничего не отправляется на сервер — это можно проверить во вкладке «Сеть».

Какие форматы изображений поддерживаются?

Всё, что умеет декодировать ваш браузер: PNG, JPG/JPEG, WebP, GIF, BMP и SVG. Максимальный размер файла — 20 МБ.

Что такое OKLCH и зачем он нужен?

OKLCH — перцептуально равномерное цветовое пространство, поддерживаемое всеми современными браузерами с 2023 года. Равные шаги по светлоте или цветности воспринимаются глазом как равные различия, что делает OKLCH гораздо удобнее HSL для палитр и доступных контрастных пар.

Насколько точна выборка пикселей?

Идеально точна. Инструмент читает данные пикселей в нативном разрешении изображения, а не в экранном — клик по 4K-изображению вернёт точный цвет 4K-пикселя, даже если оно отображается в половинном размере.

Можно выбирать цвета на телефоне?

Да. Касание пальцем работает так же, как мышь, и при отрыве пальца цвет фиксируется. Лупа позволяет попиксельно выбирать цвет даже на маленьких экранах.

Похожие Инструменты