Получайте координаты пикселей и цвета с любого изображения онлайн

Получайте координаты пикселей и коды цвета в любой точке изображения.

Перетащите изображение сюда или нажмите для выбора

Изображение

Наведите на изображение для предпросмотра; щёлкните, чтобы записать точку.

Информация о координатах

X 0

Y 0

Исходная ширина 0

Исходная высота 0

Шестнадцатеричный: #000000

РГБ: rgb(0, 0, 0)

ХСЛ: hsl(0, 0%, 0%)

Координаты (0, 0)

#	X	Y	Цвет	Действие

Щёлкните по изображению, чтобы записать координаты

Другие инструменты, которые могут вам понравиться

Загрузите изображение и наведите или щёлкните, чтобы считать точные координаты пикселей и цвета. Подходит для карт изображений, выравнивания UI, позиционирования слайсов и передачи макетов—всё локально.

intro.image_coords.p2_blog intro.image_coords.p2_link

Как пользоваться выбором координат

Загрузите изображение (перетащите или нажмите)
Двигайте курсор для предпросмотра X/Y и цветов в реальном времени
Щёлкните, чтобы отметить точку и сохранить координаты и цвета
Копируйте X, Y, RGB, HEX, HSL или пары координат одним кликом
Скопируйте все записи или очистите список по завершении

Частые вопросы

Координаты по размеру на экране или по исходным пикселям? Используются реальные размеры в пикселях.
Цвета немного отличаются от макета? Возможны сжатие или цветовые профили.
Можно копировать записи? Да—по одной или все сразу.

Примечания:

Форматы: JPG, PNG, WebP, GIF
Координаты считаются по исходной пиксельной сетке
Метки кликов отображаются на изображении для наглядности
На сервере ничего не сохраняется; обновление страницы очищает данные.