Most Used Colors

От изображения к упорядоченной палитре

Перетащите изображение в область загрузки или выберите его в диалоге; в области перечислены поддерживаемые форматы: JPEG, PNG и APNG, TIFF, WebP, BMP, GIF, AVIF, HEIC и SVG. Укажите от одного до шестнадцати цветов, и приложение упорядочит квантованные цвета по частоте, показав для каждого шестнадцатеричное значение и долю среди проанализированных пикселей. Чёрный, белый и серые тона можно исключить, а прозрачность — учесть, если она важна.

Доработка и экспорт

• Шестнадцатеричное значение цвета копируется отдельной кнопкой.
• Если есть распознанное название цвета CSS, его можно использовать, либо дать образцу собственное имя.
• Лишние образцы удаляются из текущей палитры.
• Назовите палитру и скачайте её в формате JSON, Adobe Swatch Exchange (ASE), Adobe Color Swatch (ACO), в виде SVG-листа с подписями или CSS-файла с пользовательскими свойствами.

Коротко: выберите изображение, задайте число цветов и исключения, просмотрите и поправьте образцы, введите название палитры и скачайте нужный формат.

Кому он подходит

Дизайнерам, иллюстраторам, фронтенд-разработчикам, авторам контента и всем, кому нужна многоразовая палитра из фотографии, снимка экрана, иллюстрации или фирменного материала. Знания колористики или навыки обработки изображений не требуются. Пригодится, например, чтобы подготовить образцы для программ, совместимых с Adobe, или сгенерировать пользовательские свойства CSS для прототипа сайта.

Локальная обработка и ограничения

Выбранные изображения, декодированные пиксели, расчёт палитры, правки и экспортируемые файлы обрабатываются в браузере. Приложение не загружает содержимое изображений и палитр на сервер и не подгружает шрифты, скрипты или другие ресурсы со сторонних серверов. В локальном хранилище сохраняются только язык, тема, запрошенное число цветов, исключения и настройка прозрачности; изображения и палитры там постоянно не хранятся, а состояние не передаётся и через URL.

Изображения, у которых длинная сторона превышает 1000 пикселей, перед анализом уменьшаются. Цвета группируются в квантованном пространстве RGB из 256 цветов, поэтому результат репрезентативен, а не является перечнем каждого точного значения. В палитре не более шестнадцати цветов, пиксели с альфой ниже 50 процентов игнорируются. У TIFF анализируется только первая страница, у анимированных форматов — один кадр в том виде, в каком его показывает браузер; поддержка декодирования может зависеть от браузера и операционной системы. Нужен современный браузер с JavaScript и Canvas 2D, достаточный объём памяти для декодирования изображения, а для копирования — разрешение на доступ к буферу обмена. Интерфейс доступен на 21 языке в светлой, тёмной или системной теме.

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