Определить цвет пикселя
Максимальная точность. Лупа с 7x увеличением для захвата цвета 1 конкретного пикселя.
Загрузите изображение
Перетащите файл, нажмите для выбора или вставьте из буфера (Ctrl+V)
JPG, PNG, WEBPОттенки
Тона и ТениДоминирующие цвета
Гармоничные цвета
Недавно выбранные
Хирургическая точность определения пикселя
Обычные клики мышкой по изображению часто приводят к ошибкам: вы можете попасть на границу двух цветов или захватить усредненное значение, созданное алгоритмами сглаживания (антиалиасинг / anti-aliasing). Мы решили эту проблему, внедрив интерактивную лупу с 7-кратным увеличением.
Как только вы начинаете вести курсор по холсту, в отдельном окне отображается увеличенная сетка пикселей. Это позволяет видеть структуру изображения «как она есть» — без программного размытия и интерполяции. Вы можете выбрать один конкретный пиксель и получить его точные координаты и цветовой код.
Координаты X и Y
Инструмент считывает положение курсора относительно верхнего левого угла изображения, что полезно для верстки и спрайтов.
Чистые данные
Мы работаем напрямую с массивом ImageData из Canvas API, игнорируя визуальные фильтры браузера.
Вопросы и ответы о пикселях
Почему цвет пикселя в лупе выглядит «ступенчатым»?
Это правильное поведение. Мы отключаем сглаживание (image-rendering: pixelated) в окне лупы, чтобы вы видели реальные границы цветов. Это необходимо для точного захвата кода, особенно на мелких элементах интерфейса или иконках.
Как определить цвет пикселя на мобильном телефоне?
Просто коснитесь экрана и ведите пальцем по картинке. Лупа автоматически появится над вашим пальцем со смещением, чтобы вы могли видеть область под курсором. Как только вы отпустите палец, цвет последнего выбранного пикселя будет зафиксирован.
Влияют ли артефакты сжатия на точность?
Да, в форматах JPG вокруг контрастных границ часто возникают «шумы». Наша лупа помогает визуально отличить чистый цвет от артефакта сжатия, позволяя выбрать именно тот пиксель, который соответствует оригинальному дизайну.