Цвет с изображения
Взять любой цвет с картинки или сразу всю палитру.
Добавьте картинку и ведите по ней. Лупа увеличивает то, что под курсором, чтобы вы видели точный пиксель до нажатия, а клик берёт этот цвет и копирует его. Ниже — те несколько цветов, из которых картинка в основном и состоит.
Как пользоваться
- Добавьте фото, скриншот или логотип.
- Ведите по картинке, чтобы смотреть, и нажмите, чтобы взять нужный цвет.
- Скопируйте отдельный код или всё собранное сразу как CSS.
Почему этот инструмент
Полная конфиденциальность
Всё работает внутри браузера. Ваши файлы и текст никогда не отправляются на сервер.
Бесплатно и без ограничений
Без регистрации, без водяных знаков и без лимита на количество использований.
Мгновенный результат
Не нужно ничего загружать и ждать очереди — результат появляется так быстро, как позволяет ваше устройство.
Работает на любом устройстве
Любой современный браузер на телефоне, планшете или компьютере. Ничего устанавливать не нужно.
Частые вопросы
- Зачем лупа?
- Потому что фото на экране показывается меньше, чем оно есть, и один экранный пиксель накрывает несколько настоящих. Нажать «на красное» без увеличения — значит угадать, какой пиксель вам достался, а на фотографии соседние пиксели почти никогда не одного цвета. Лупа показывает настоящие пиксели вокруг курсора, обводя тот, на котором вы стоите, и догадка превращается в выбор.
- Что за цвета показаны ниже?
- Те, из которых картинка в основном состоит. Они находятся группировкой всех пикселей по схожести с последующим взятием настоящего пикселя из середины каждой группы — а не подсчётом повторяющихся hex-кодов, который на фотографии выдаёт шум, потому что одинаковых пикселей там почти нет. Группы сравниваются в пространстве, где расстояние соответствует тому, что видит глаз, поэтому в итоге получаются те цвета, которые вы назвали бы и сами.
- Работает ли со скриншотом или логотипом?
- Даже лучше, чем с фотографией. У плоской графики есть большие области одного точного цвета, поэтому куда нажали — то и получили, а извлечённая палитра возвращает ровно те несколько цветов, которые использовал дизайнер.
- Можно ли взять несколько цветов?
- Да. Каждое нажатие добавляет цвет в ряд внизу, новые впереди, повторы игнорируются. Когда наберёте нужное, кнопка «Копировать как CSS» отдаст их пользовательскими свойствами, готовыми к вставке в стили.
- А фото HEIC с айфона?
- Работают. Картинка сначала раскодируется в браузере, поэтому формат, который браузер обычно не показывает, всё равно обрабатывается.
- Загружается ли картинка куда-нибудь?
- Нет. Она читается и рисуется внутри браузера, на вашем устройстве. На сервер ничего не отправляется — поэтому инструмент работает и без сети, если страница уже открыта.