Извлечение цветовой палитры из изображения

Загрузите изображение, чтобы извлечь из него доминирующие цвета.

Пример:

Как это работает

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

Сколько цветов можно извлечь?

Поле «Количество цветов» принимает значение от 1 до 20: чем оно выше, тем больше тонких нюансов исходного изображения передаёт палитра, а низкое значение (3–6) даёт лаконичную палитру, подходящую для простого фирменного стиля.

Можно ли использовать извлечённые цвета напрямую в CSS?

Да, каждый цвет представлен в шестнадцатеричном формате (например, #3a7bd5) и может использоваться напрямую в CSS-свойстве, файле дизайн-токенов или инструменте вроде Figma без дополнительной конвертации.

Конфиденциальность: анализ изображения выполняется полностью в вашем браузере благодаря WebAssembly — ваше изображение никогда не отправляется на сервер.