Toolrack

Пипетка по картинке

Работает офлайнНичего не загружаетсяБесплатно, без регистрации
Перетащите изображение сюдаили кликните, или вставьте Ctrl+V — PNG, JPG, WebP

Изображение читается и анализируется в этой вкладке — оно не покидает устройство.

Кликните любой пиксель изображения — получите его цвет в HEX, RGB и HSL, с лупой под курсором — а доминирующая палитра картинки извлекается автоматически методом median cut.

Пипетка, которую забыл веб

В дизайн-инструментах пипетка есть; в браузерах почти нет, а где есть — спрятана в глубине devtools. Эта страница — недостающая пипетка с памятью: лупа показывает точную пиксельную сетку под курсором, чтобы попасть в однопиксельную рамку, а каждый выбранный цвет ложится в маленькую историю, из которой можно копировать.

Ряд палитры отвечает на второй повседневный вопрос — каковы цвета этой картинки как схема — теми же шестью образцами, которые дизайнер прикинул бы на глаз, только посчитанными.

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

Как считается доминирующая палитра?

Методом median cut — классикой квантования: все пиксели в одной коробке, коробка многократно делится по медиане самого широкого канала, каждая итоговая коробка усредняется. Детерминированно: одна картинка всегда даёт одну палитру, цвета упорядочены по доле в изображении.

Почему значения отличаются от другой программы?

Обычно из-за управления цветом: браузеры декодируют изображения в sRGB, а дизайн-приложения могут показывать встроенный профиль файла (фото с телефонов часто в Display P3). Здешние значения — это sRGB-пиксели, которые сайт и отрисует.

Можно брать цвет прямо со скриншота?

Да — скопируйте скриншот и нажмите Ctrl+V (⌘V) на этой странице; он загрузится без диалога. Так инструмент быстро отвечает на «какого цвета вон та кнопка».

Почему шесть цветов палитры, а не больше?

Шесть — граница, где палитра перестаёт быть схемой и становится описью. Median cut даст любое число, но дизайнерская практика сходится на 4–6 образцах; а если нужен каждый цвет — пипетка по клику и есть это.

Похожие инструменты