Палитра цветов из изображения
Извлеките сбалансированную редактируемую палитру из любого изображения, а затем копируйте, сравнивайте, делитесь и экспортируйте цвета.
Изображения и цвета остаются в браузере и никогда не загружаются на сервер.
Перетащите изображения сюда
или нажмите ниже, чтобы выбрать файлы
До 10 изображений · локальная обработка · без загрузки
Палитра извлекается локально на вашем устройстве. Изображения и цвета остаются в браузере и никогда не загружаются на сервер.
Полный рабочий процесс с палитрой изображений
Специализированные стили извлечения
Выбирайте сбалансированные, яркие, приглушенные, светлые, темные или доминирующие результаты и фиксируйте важные цвета во время повторного извлечения.
Настоящий редактор палитр
Добавляйте, удаляйте, меняйте порядок, переименовывайте, фиксируйте и назначайте семантические роли отдельным цветам.
Встроенная проверка контраста
Сравнивайте пары цветов палитры с пороговыми значениями WCAG 2.x перед применением цветов к тексту и фону.
Локальная обработка и конфиденциальность
Декодирование, анализ палитры, редактирование и экспорт выполняются в вашем браузере.
Как создать цветовую палитру из изображения
- 1
Добавьте одно или несколько изображений
Выберите файлы, перетащите или вставьте изображения, загрузите прямую ссылку HTTPS на изображение или воспользуйтесь встроенным примером.
- 2
Уточните извлеченные цвета
Измените стиль палитры и количество цветов, выделите область, выберите точные точки, отредактируйте образцы и зафиксируйте цвета, которые нужно сохранить.
- 3
Скопируйте или экспортируйте
Скопируйте отдельные значения или скачайте палитру в формате для разработчиков, дизайнеров, изображений, PDF или пакетной обработки.
Зачем извлекать цвета из фотографии?
Фотография, логотип, скриншот, произведение искусства, изображение продукта или мудборд могут стать основой для многоразовой цветовой системы сайта, бренда, презентации, интерьера, мероприятия или иллюстрации. Автоматические цвета определяются на основе перцептивных кластеров исходных данных; вручную выбранные и введенные цвета четко маркируются.
Выберите подходящий размер и стиль палитры
Начните с восьми цветов, затем используйте от 2 до 24 для автоматического извлечения. Сбалансированный стиль сочетает доминирующие и акцентные цвета; стили Яркий, Приглушенный, Светлый, Темный и Доминирующий изменяют способ оценки реальных кластеров исходных данных. Мелкие акценты могут быть пропущены, поэтому анализируйте меньшую область или выбирайте и фиксируйте цвет перед повторным извлечением.
Доминирующие цвета, акцентные цвета и проценты
Проценты описывают включенные пиксели в рамках текущей области и политики прозрачности и округляются так, чтобы их сумма составляла 100%. Ручное значение не претендует на значимость, если оно не связано с кластером исходных данных. Зафиксируйте полезные цвета, чтобы сохранить их при замене остальных.
Форматы цветов и экспорт палитр
Скопируйте HEX, RGB, HSL или OKLCH и экспортируйте в CSS, SCSS, Tailwind, токены DTCG, JSON, CSV, TXT, GPL, ASE, SVG, PNG, коллаж, PDF или пакетный ZIP. Публичные значения цветов используют sRGB. Значения CMYK являются приблизительными и не соответствуют точным печатным или Pantone образцам.
Приватная локальная обработка изображений
Декодирование файлов, извлечение, редактирование, обмен и экспорт выполняются в вашем браузере без загрузки исходных данных на FastImageTools. В режиме прямой ссылки запрос отправляется браузером по указанному адресу, поэтому доступ зависит от настроек CORS этого источника.
Цветовая палитра из фото, логотипа, скриншота или произведения искусства
Используйте настройки прозрачности для логотипов и безопасных SVG-файлов или нарисуйте область анализа, если фон доминирует. Анимированные GIF используют первый кадр, а многостраничные TIFF — первую страницу. Встроенные профили преобразуются при поддержке; в противном случае инструмент предполагает использование sRGB.
Поддерживаемые форматы изображений
JPG
Фотографии и снимки с камер
PNG
Изображения без потерь с прозрачностью
WebP
Современные веб-изображения
AVIF
Высокоэффективные веб-изображения
HEIC / HEIF
Фотографии с мобильных устройств и камер
GIF
Анализируется первый кадр
TIFF
Анализируется первая страница
SVG
Безопасные самодостаточные векторные изображения
Часто задаваемые вопросы о цветовой палитре из изображения
Как создать цветовую палитру из изображения?+−
Могу ли я скопировать значения HEX, RGB, HSL и OKLCH?+−
Включены ли проценты доминирующих цветов?+−
Загружается ли мое изображение?+−
Как инструмент выбирает цвета?+−
Сколько цветов можно извлечь?+−
Какие форматы изображений поддерживаются?+−
Как обрабатываются прозрачные пиксели?+−
Могу ли я сохранить некоторые цвета и извлечь остальные?+−
Могу ли я создать одну палитру из нескольких изображений?+−
Можно ли экспортировать палитру в CSS, Tailwind, ASE, PNG или PDF?+−
Являются ли значения CMYK или Pantone точными?+−
Работает ли это на мобильных устройствах?+−
Продолжите работу с изображениями и цветами
Выберите точный пиксель, изучите исходный файл, отредактируйте изображение или конвертируйте его, сохраняя локальный рабочий процесс.
Пипетка для изображений
Выберите и изучите точный цвет исходного пикселя.
Анализатор форматов изображений
Изучите цветовой профиль, глубину цвета, метаданные и совместимость.
Редактор фотографий
Отредактируйте исходное изображение и продолжите визуальный рабочий процесс.
Конвертировать в PNG
Сохраните прозрачность в широко совместимом формате.