Определить цвет на картинке
Выберите изображение и щёлкните или коснитесь нужного места, чтобы узнать цвет этого пикселя. Картинка остаётся на устройстве: она рисуется на холсте в этой странице и никуда не загружается.
Работает в браузере: всё, что вы вводите, никуда не отправляется.
Как пользоваться
- Нажмите Выберите изображение и откройте фото или скриншот с устройства.
- Щёлкните или коснитесь нужного места. Появится цвет с кодами HEX и RGB.
- Копировать берёт HEX-код. Ниже показываются последние восемь цветов.
Что вы видите
Страница рисует изображение на холсте, уменьшив его так, чтобы длинная сторона была не больше 1600 пикселей, и читает значения красного, зелёного и синего одного пикселя под курсором. HEX-код — это те же три числа в шестнадцатеричной записи: например, rgb(51, 102, 204) — это #3366cc (51 = 33, 102 = 66, 204 = cc).
Советы
- На фотографиях соседние пиксели различаются из-за шума и сжатия: щёлкните в нескольких точках рядом и сравните.
- Чтобы перевести результат в HSL, CMYK или OKLCH, вставьте HEX в конвертер цветов.
- Текст на цветном фоне проверяйте инструментом проверки контраста.
Частые вопросы
Изображение куда-то загружается?
Нет. Файл открывает ваш браузер, рисует его на холсте в этой странице и читает пиксели на вашем устройстве. Он не покидает вкладку.
Какие форматы подходят?
Любые, которые умеет показывать браузер: обычно JPEG, PNG, WebP, GIF, а часто ещё AVIF и SVG.
Почему цвет немного отличается от того, что в моём графическом редакторе?
Браузер может применять цветовой профиль изображения при отрисовке, а сжатие JPEG меняет пиксели у границ. Для логотипов и заливок щёлкайте в середину однотонной области.
Не проблема ли очень большие фото?
Перед показом изображение уменьшается так, чтобы длинная сторона была не больше 1600 пикселей, и цвет берётся с этой копии. Так страница остаётся быстрой и на телефоне.