Генератор дуотона

Создайте двухцветную обработку изображения

Дуотон — это классический графический приём, который сводит фото к двум доминирующим цветам. Вместо того чтобы сохранять исходный оттенок каждого пикселя, изображение преобразуется в тональные значения, а затем отображается между цветом теней и цветом светлых участков. Этот генератор дуотона выполняет такой процесс прямо на HTML-холсте в вашем браузере. Загрузите изображение, выберите два цвета, просмотрите результат и скачайте PNG, не отправляя файл на сервер.

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

Как браузер обрабатывает изображение

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

Как выбрать лучшие цвета для дуотона

Сильные палитры дуотона обычно сочетают тёмный цвет с гораздо более светлым. Если оба цвета имеют похожую яркость, итоговое изображение может выглядеть грязным, потому что тени и светлые участки сливаются. Начните с глубокого брендового цвета для теней и бледного акцента для светлых участков, а затем поменяйте цвета местами, если настроение кажется перевёрнутым. После скачивания PNG проверьте его в итоговом макете с текстом и призывами к действию. Даже красивая обработка изображения требует достаточного контраста вокруг любого содержимого переднего плана, размещённого поверх неё.