Загрузите изображение и наведите или щёлкните, чтобы считать точные координаты пикселей и цвета. Подходит для карт изображений, выравнивания UI, позиционирования слайсов и передачи макетов—всё локально.
Получайте координаты пикселей и цвета с любого изображения онлайн
Получайте координаты пикселей и коды цвета в любой точке изображения.
Перетащите изображение сюда или нажмите для выбора
Изображение
Наведите на изображение для предпросмотра; щёлкните, чтобы записать точку.
Информация о координатах
X 0
Y 0
Исходная ширина 0
Исходная высота 0
Шестнадцатеричный: #000000
РГБ: rgb(0, 0, 0)
ХСЛ: hsl(0, 0%, 0%)
Координаты (0, 0)
| # | X | Y | Цвет | Действие |
|---|
Щёлкните по изображению, чтобы записать координаты
Другие инструменты, которые могут вам понравиться
Как пользоваться выбором координат
- Загрузите изображение (перетащите или нажмите)
- Двигайте курсор для предпросмотра X/Y и цветов в реальном времени
- Щёлкните, чтобы отметить точку и сохранить координаты и цвета
- Копируйте X, Y, RGB, HEX, HSL или пары координат одним кликом
- Скопируйте все записи или очистите список по завершении
Частые вопросы
- Координаты по размеру на экране или по исходным пикселям? Используются реальные размеры в пикселях.
- Цвета немного отличаются от макета? Возможны сжатие или цветовые профили.
- Можно копировать записи? Да—по одной или все сразу.
Примечания:
- Форматы: JPG, PNG, WebP, GIF
- Координаты считаются по исходной пиксельной сетке
- Метки кликов отображаются на изображении для наглядности
- На сервере ничего не сохраняется; обновление страницы очищает данные.