Основные выводы
- 01Возьмите образец любого пикселя из любого изображения и получите коды HEX, RGB и HSL в один клик.
- 02Увеличенная лупа с увеличением до 20x облегчает захват точных пиксели из логотипов или иконок.
- 03Создайте небольшую палитру из нескольких выборов — всё остаётся приватным в вашем браузере.
- 04Бесплатно, без регистрации и работает с JPG, PNG, WebP, AVIF, GIF, BMP и HEIC.
Почему использовать браузерную палитру цветов?
Дизайнеры, разработчики и создатели контента регулярно нуждаются в сопоставлении цвета из справочного изображения — логотип, мудборд, фото клиента или скриншот. Большинство операционных систем имеют базовые инструменты пипетки, но им не хватает увеличения, многоформатного вывода и создания палитры, которые ускоряют выбор цвета в реальном рабочем процессе.
Палитра цветов Handytool работает полностью в вашем браузере, поэтому нет установки, нет учётной записи и никакие изображения не отправляются ни на какой сервер. Вы получаете увеличенную пипетку, три одновременных формата цвета (HEX, RGB, HSL) и переиспользуемую палитру — всё бесплатно.
Как выбрать цвет из изображения
Весь процесс занимает менее минуты.
- 01
Поместите или откройте ваше изображение
Перетащите файл изображения на страницу или кликните для просмотра. Поддерживаются JPG, PNG, WebP, AVIF, GIF, BMP и HEIC — файлы HEIC с iPhone декодируются локально с помощью WebAssembly.
- 02
Позиционируйте лупу над целевым пиксели
Переместите курсор над изображением. Увеличенная лупа следует за вашим курсором, чтобы вы могли видеть отдельные пиксели даже в плотных или маленьких изображениях. Увеличение достигает 20x для деталей логотипов и работы с иконками.
- 03
Кликните для выбора цвета
Кликните на пиксель, который вы хотите. Значения HEX, RGB и HSL появляются мгновенно на панели.
- 04
Скопируйте нужный вам формат
Кликните любой значок формата, чтобы скопировать его в буфер обмена. HEX готов для CSS, RGB подходит для печатной работы, и HSL идеален, когда вам нужно разработать более светлые или тёмные варианты одного оттенка.
- 05
Создайте палитру с несколькими выборами
Продолжайте кликать по изображению, чтобы добавить образцы к мини-палитре внизу. Кликните любой образец, чтобы скопировать его HEX, или кнопку x, чтобы удалить его.
Какой формат цвета вам следует использовать?
Каждый формат служит немного другой цели.
- 01HEX (#B7FF3E) — универсальный выбор для веб CSS и инструментов дизайна, как Figma.
- 02RGB (183, 255, 62) — предпочитается в печатном дизайне, калибровке цвета и некоторых приложениях дизайна.
- 03HSL (83°, 100%, 62%) — лучше всего, когда вы хотите создавать оттенки, тени или цветовые рампы.
- 04Все три формата представляют один и тот же цвет — скопируйте, какой ваш инструмент ожидает.
Ваши изображения никогда не покидают ваше устройство
Палитра цветов — полностью клиентский инструмент. Каждое изображение, которое вы помещаете, декодируется Canvas API вашего браузера, и каждый расчёт цвета происходит в локальном JavaScript. Никакие данные не передаются ни на какой сервер, не регистрируются и не хранятся — даже временно.
Это означает, что вы можете работать безопасно с конфиденциальными макетами, работой клиента или нераскрытыми фотографиями продуктов. Закройте вкладку и всё исчезнет. Нет загрузок, о которых беспокоиться, нет политики конфиденциальности для прокрутки.
Часто задаваемые вопросы о палитре цветов
Как выбрать цвет из изображения онлайн?
Поместите ваше изображение на палитру цветов Handytool, наведите на пиксель, который вы хотите, и кликните. Значения HEX, RGB и HSL появляются мгновенно и могут быть скопированы одним кликом.
Какие форматы изображений поддерживает палитра цветов онлайн?
JPG, PNG, WebP, AVIF, GIF, BMP и HEIC/HEIF. Фотографии HEIC с iPhone декодируются локально с использованием WebAssembly, поэтому преобразование не требуется.
Какова разница между HEX, RGB и HSL?
HEX — это шестизначный код, распространённый в веб CSS. RGB выражает цвет как три числовых значения (красный, зелёный, синий) от 0 до 255. HSL использует оттенок, насыщенность и яркость — полезно для создания цветовых рамп.
Мое изображение загружается на сервер?
Нет. Весь инструмент запускается в вашем браузере. Ваше изображение остаётся на вашем устройстве от начала до конца — ничто не отправляется на сервер.
Могу ли я сохранить палитру цветов из одного изображения?
Да. Каждый клик добавляет образец к палитре в нижней части страницы. Кликните образец, чтобы скопировать его HEX, или x, чтобы удалить его. Палитра теряется при закрытии вкладки — скопируйте коды перед уходом.
Является ли палитра цветов бесплатной?
Да. Handytool полностью бесплатна без регистрации, без лимитов использования и без водяных знаков.