Экстрактор цвета изображения анализирует любой файл изображения (перетащите, вставьте или щелкните для загрузки) и возвращает до 16 доминирующих цветов с процентными весами. Использует выборку пиксели в браузере и квантизацию ковша — нет загрузки, нет обхода сервера. Щелкните любой образец, чтобы скопировать его hex, или скопируйте все для полной палитры.
Дизайнеры и разработчики постоянно нуждаются в извлечении цветов из изображений — извлечении цветов бренда из логотипа, создании палитры из фотографии, соответствии пользовательского интерфейса справочным работам. Экстрактор цвета изображения обрабатывает это в браузере без загрузки. Перетащите, вставьте или щелкните, чтобы загрузить изображение (PNG, JPG, SVG, WebP, GIF). Инструмент отрисовывает уменьшенную версию в холст, берет образец каждого 4-го пикселя, организует их в сокращенное цветовое пространство (5-битное на канал, ~32K ковших), усредняет фактический RGB каждого ковша, затем выбирает топ-N самые густые ковши при слиянии близких дубликатов (в пределах 24 Manhattan расстояния в RGB). Результат — чистая, репрезентативная палитра, отражающая фактический визуальный состав — не только самые точные пиксельные цвета. Слайдер счетчика (3–16) позволяет подобрать размер палитры на основе того, что вам нужно. Каждый образец показывает значение hex и процент пиксели; щелкните, чтобы скопировать отдельно, или скопируйте все, чтобы получить их все сразу.
Загружает любой распространенный формат изображения и создает палитру доминирующих цветов менее чем за секунду, даже для больших изображений.
Каждый извлеченный цвет показывает его процент от площади изображения — узнайте, какие доминируют и какие акценты с одного взгляда.
Слайдер для выбора 3–16 цветов. Небольшие палитры для работы с брендом; большие для фотографических ссылок.
Щелкните любой образец, чтобы скопировать его hex. Или скопируйте все, чтобы получить полную палитру в виде списка, разделенного новыми строками для массового использования.
Нет загрузки, нет вызова сервера, изображение не покидает вашу машину. Безопасно для частных макетов, нереализованных активов или конфиденциальных произведений искусства.
PNG, JPG, SVG, WebP, GIF, ICO — все поддерживается через стандартное декодирование холста. Прозрачные пиксели автоматически пропускаются.
Перетащите изображение логотипа, извлеките точные используемые цвета и скопируйте их в переменные CSS набора бренда или системы проектирования.
Подайте фотографию пейзажа в инструмент, чтобы получить 5-цветную палитру, которая захватывает его настроение — полезно для направления искусства или создания темы.
Захватите снимок экрана справочного пользовательского интерфейса, извлеките палитру и используйте эти цвета в своем собственном макете, чтобы соответствовать визуальному ощущению.
Когда клиент отправляет одно изображение как направление брендирования, извлеките 8-10 цветов, чтобы предложить начальную палитру, которая соответствует ссылке.
Получите два наиболее доминирующих цвета из изображения, чтобы построить фоновый градиент, который дополняет активы переднего плана.
Щелкните значок цветов изображения в панели DevSuite Pro. Откроется панель с зоной перетаскивания и параметрами.
Перетащите файл, вставьте из буфера обмена (Ctrl+V) или щелкните, чтобы открыть средство выбора файлов. Инструмент загружает и берет образцы пиксели автоматически.
Используйте слайдер, чтобы выбрать, сколько цветов извлечь (3–16). Палитра повторно извлекается мгновенно при перетаскивании.
Каждый образец показывает его код hex и процент от площади изображения. Ищите доминирующие цвета — они будут иметь наибольшие процентные отношения.
Щелкните любой образец, чтобы скопировать его hex, или используйте копирование всех, чтобы получить всю палитру в виде списка для использования в вашем инструменте проектирования или CSS.
Установите DevSuite Pro бесплатно и разблокируйте более 64 инструментов разработчика для вашего браузера.
