Перейти к содержимому
Бесплатный инструментDesign

Извлеките цветовую палитру из любой фотографии

Загрузите фотографию, и инструмент проанализирует данные пикселей, чтобы определить от 5 до 10 наиболее доминирующих цветов. Каждый образец отображает значения HEX, RGB и HSL, которые можно скопировать в инструмент дизайна, файл CSS или руководство по фирменному стилю. Перед экспортом отрегулируйте количество цветов и настройте отдельные образцы.

Используйте этот инструмент бесплатно

Browser tool

Color palette generator

Upload an image to extract a dominant color palette with HEX, RGB, and approximate share. Processing stays in your browser.

Как использовать

1

Загрузить фотографию

Перетащите файл JPEG, PNG или WebP в инструмент. Пейзажные, портретные и квадратные изображения работают — алгоритм производит выборку всего холста.

2

Установить размер палитры

Переместите ползунок, чтобы выбрать от 5 до 10 цветов. Палитра обновляется в реальном времени по мере вашей настройки.

3

Копирование или уточнение цветов

Щелкните любой образец, чтобы скопировать его шестнадцатеричный код. Для точной настройки щелкните значок редактирования на образце, чтобы открыть палитру цветов и изменить оттенок, насыщенность или яркость.

4

Экспорт

Загрузите палитру в виде карты образца PNG, файла переменных CSS, файла Adobe ASE или массива JSON. Используйте формат, который соответствует вашему рабочему процессу проектирования или разработки.

Функции

1

Извлечение доминирующего цвета

Алгоритм кластеризации k-средних анализирует каждый пиксель изображения и группирует их в 5–10 кластеров доминирующего цвета. В результате получается палитра, которая точно передает визуальное настроение фотографии.

2

Несколько цветовых форматов

Каждый образец показывает значения HEX, RGB и HSL. Щелкните любое значение, чтобы скопировать его в буфер обмена. Переключайтесь между форматами в зависимости от того, работаете ли вы с CSS, инструментами дизайна или спецификациями печати.

3

Регулируемый размер палитры

Используйте ползунок, чтобы создать от 5 до 10 образцов цвета. Меньшее количество цветов создает более смелую и упрощенную палитру; больше цветов передает тонкие градиенты и акцентные тона.

4

Параметры экспорта

Загрузите палитру в виде карты образца PNG, файла пользовательских свойств CSS, файла образца Adobe ASE или простого массива JSON. Каждый формат готов к импорту непосредственно в ваш рабочий процесс.

After this task

After this free tool, open Ai Enhance for the next AI editing workflow.

Continue with Ai Enhance

Технические характеристики

Диапазон палитры5–10 цветов
Цветовые форматыШестнадцатеричный, RGB, HSL
Форматы экспортаPNG, CSS, ASE, JSON
АлгоритмK-означает кластеризацию пикселей
Форматы вводаJPEG, PNG, WebP
ОбработкаКлиентская сторона (без загрузки)

Related Magic Eraser Tools

Общие вопросы

Как инструмент определяет, какие цвета являются «доминирующими»?

+

Инструмент использует кластеризацию k-средних, которая группирует все пиксели изображения по сходству цветов и вычисляет средний цвет каждого кластера. Более крупные кластеры, представляющие большее количество пикселей, имеют более высокий рейтинг, поэтому палитра отражает цвета, покрывающие большую часть визуальной области.

Могу ли я использовать извлеченные цвета для руководства по стилю моего бренда?

+

Абсолютно. Скопируйте коды HEX или RGB прямо в руководство по стилю. Экспорт ASE также позволяет импортировать палитру в Adobe Illustrator, Photoshop или InDesign как собственные образцы.

Какой тип фотографии дает лучшую палитру?

+

Фотографии с различными цветовыми областями — закаты, фотографии еды, модные фотографии — создают самые яркие и полезные палитры. Низкоконтрастные или монохромные изображения дают образцы, очень похожие друг на друга.

Цвета фотографии выглядят плоскими?

AI Enhance может Boost окрашивать яркость и корректировать баланс белого перед извлечением палитры. Более насыщенные исходные цвета позволяют получить более динамичный и удобный набор образцов.

Попробуйте бесплатно

More free tools

Explore our other limited free edits after sign-in photo and image tools.

Создавайте красивые градиенты и экспортируйте их в формате CSS или изображений.

Создавайте линейные, радиальные и конические градиенты с несколькими цветовыми точками. Скопируйте код CSS или загрузите изображение в формате PNG. Никакой регистрации не требуется.

Преобразование цветовых кодов между всеми основными форматами

Преобразуйте цвета между именованными форматами HEX, RGB, HSL, HSB, CMYK и CSS. Просмотрите предварительный просмотр в реальном времени, скопируйте любое значение и экспортируйте карту цветов. Никакой регистрации не требуется.

Преобразование HEX-кодов цветов в RGB и обратно.

Преобразуйте цветовые коды HEX в значения RGB и наоборот. Предварительный просмотр в реальном времени, копирование одним щелчком мыши и вывод фрагмента CSS. Регистрация не требуется — работает в вашем браузере.

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

Выберите любой цвет из загруженного изображения и мгновенно получите его коды HEX, RGB и HSL. Создавайте палитры из фотографий для веб-дизайна, брендинга и иллюстраций.

Создавайте настраиваемые QR-коды для любого контента

Создавайте QR-коды для URL-адресов, текста, учетных данных Wi-Fi и визитных карточек. Настройте цвета, добавьте центральный логотип и загрузите его в формате PNG или SVG. Никакой регистрации не требуется.

Рассчитать размеры в пикселях для любого соотношения сторон

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