Экстрактор цветовой палитры изображения
Загрузите любое изображение и мгновенно извлеките красивую цветовую палитру. Наш экстрактор цветовой палитры изображения использует кластеризацию K-средних для определения доминирующих, ярких, приглушенных и акцентных цветов, автоматически классифицируя каждый из шести цветовых профилей (яркий, приглушенный, темный яркий, темный приглушенный, светло-яркий, светло-приглушенный). Каждый извлеченный цвет включает в себя значения HEX, RGB и HSL, ближайший цвет с именем CSS, процент доминирования, показывающий, какую часть изображения он представляет, и предложение по использованию дизайна. Экспортируйте отдельные цвета или загрузите полную палитру в формате JSON. Вся обработка на 100% локальна — ваши изображения никогда не покидают браузер. Бесплатно, регистрация не требуется.
Drop an image here, or click to browse
Supports JPG, PNG, WebP, GIF - processed entirely in your browser
О средстве извлечения цветовой палитры изображения
- Инструмент использует кластеризацию K-Means — алгоритм машинного обучения без присмотра — для группировки пикселей одинакового цвета в кластеры. Каждый центроид кластера становится цветом в вашей палитре. Алгоритм выполняет до 12 итераций для получения наиболее репрезентативных цветов, обеспечивая согласованные результаты на разных изображениях.
- Когда вы загружаете изображение, оно рисуется на закадровом холсте с максимальным размером 400 пикселей для повышения производительности. Пиксели отбираются с настраиваемой частотой (каждый 4-й пиксель), чтобы получить репрезентативный набор данных. Почти белые, почти черные и прозрачные пиксели отфильтровываются, чтобы сосредоточиться на значимых цветах.
- Каждый извлеченный цвет классифицируется по одному из шести профилей в зависимости от его насыщенности и яркости HSL: Яркий (высоко насыщенный, средний светлый), Приглушенный (низко насыщенный, средний светлый), Темно-яркий (высоко насыщенный, темный), Темно-приглушенный (низко насыщенный, темный), Светло-яркий (высоко насыщенный, светлый) и Светло-приглушенный (низко насыщенный, светлый). Это соответствует тому же подходу, что и библиотека поддержки Android Palette.
- Вся обработка изображений происходит полностью в вашем браузере с использованием Canvas API и Web Workers. Ваши изображения никогда не загружаются на сервер, не сохраняются и не передаются. Как только вы закроете страницу, все извлеченные данные исчезнут — ничего не сохранится и не зарегистрируется.
Часто задаваемые вопросы
Инструмент использует кластеризацию K-Means для анализа пикселей вашего изображения и группировки их по сходству цветов. Средний цвет каждой группы становится частью извлеченной палитры. Алгоритм определяет наиболее репрезентативные цвета, а не только самые распространенные, и классифицирует каждый из них по профилю, например «Яркий», «Приглушенный» или «Темный».
Все стандартные форматы веб-изображений: JPEG, PNG, WebP, GIF, BMP и SVG. Изображения обрабатываются с помощью Canvas API браузера.
Цвета классифицируются по насыщенности и светлоте: Яркие (высокая насыщенность, средняя яркость), Приглушенные (низкая насыщенность), Темно-яркие (высокая насыщенность, темные) и т. д. Это помогает создавать сбалансированные цветовые системы.
Нет. Вся обработка выполняется в вашем браузере с использованием Canvas API. Ваши изображения никогда не покидают ваше устройство.
До 8 цветов, что обеспечивает разнообразие различных цветовых профилей. Алгоритм идентифицирует 16 кластеров-кандидатов, а затем выбирает наиболее репрезентативные и разнообразные цвета.
Да. Скопируйте отдельные цвета в формате HEX, RGB или HSL или загрузите полную палитру в виде файла JSON со всеми подробностями, включая названия цветов и предложения по использованию.