Добавление цветового тона к изображению

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

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

  1. 1

    Загрузите изображение

    JPG, PNG, WebP.

  2. 2

    Выберите цвет тонирования

    HEX или палитра, фирменный цвет, тёплый оранжевый, холодный синий.

  3. 3

    Задайте режим наложения и непрозрачность

    Обычный, для ровного тона, умножение, для углублённых теней, перекрытие, для динамичного контраста.

  4. 4

    По желанию: дуотон

    Выберите второй цвет для светов, и инструмент сопоставит диапазон тонов этим двум цветам.

  5. 5

    Экспорт

    Сохраните в формате JPG или PNG.

Осознанное тонирование

Режимы наложения

Режим Результат на цветовом слое
Обычный Ровное наложение цвета с заданной непрозрачностью
Умножение Затемняет; чисто-белый тон не даёт эффекта
Экран Осветляет; чисто-чёрный тон не даёт эффекта
Перекрытие Сочетает умножение в тенях и экран в светах
Цветность Сохраняет яркость, заменяет цветовой тон и насыщенность
Цветовой тон Сохраняет яркость и насыщенность, заменяет только цветовой тон

Техника дуотон

Сопоставьте тёмный край тонового диапазона одному цвету, а светлый, другому:

  • Стиль Spotify: глубокие фиолетовые тени + светло-зелёные света.
  • Тёплый закат: глубокие оранжевые тени + бледно-жёлтые света.
  • Мрачный: тёмно-синие тени + бледно-персиковые света.

Дуотон хорошо работает на портретах, потому что светотень кожи естественно ложится на двухцветную карту.

Частые сценарии тонирования

  • Единство бренда: наложите слабый фирменный цвет на каждое главное изображение блога.
  • Тёплый или холодный: подстройте настроение фотографии под тон статьи.
  • Кодирование по категориям: используйте свой оттенок для каждого раздела сайта.
  • Фон для читаемости: затемните фотографию за белым текстом, чтобы текст читался.

Ориентиры по непрозрачности

  • 10–20 %: лёгкая смена настроения, фотография всё ещё воспринимается как есть.
  • 30–50 %: заметный тон, начинает визуально объединяться с брендом.
  • 60–80 %: сильная цветовая заливка, фотография вторична по отношению к цвету.
  • 90–100 %: по сути сплошной цвет с лёгким намёком на фото, часто слишком агрессивно.

Часто задаваемые вопросы

Тонирование накладывает равномерный цвет с выбранной непрозрачностью. Фильтры (например, сепия или оттенки серого) применяют матричное преобразование, которое меняется от пикселя к пикселю. Тонирование проще и даёт прямой контроль над цветом и интенсивностью.

Режим «Цветность» сохраняет яркость фотографии и применяет только цветовой тон и насыщенность оттенка, фотография остаётся видимой, но принимает фирменный цвет. Умножение при непрозрачности 30–50 % тоже подходит для более насыщенного и чуть более тёмного результата.

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

Да, PNG с альфа-каналом сохраняется. Тон применяется только к видимым пикселям, а прозрачные пиксели остаются прозрачными.

Сопутствующие инструменты

Сжать GIF

Уменьшайте анимированные GIF прямо в браузере: снижайте размеры, оставляйте меньше кадров и настраивайте качество кодирования. Проверьте петлю перед скачиванием.

Обрезать GIF

Обрежьте статический или анимированный GIF по точным координатам и скачайте заново закодированный файл GIF.

Конструктор тир-листов

Создайте приватный тир-лист из текста и локальных изображений. Настройте уровни, распределите элементы мышью или клавиатурой и экспортируйте в JSON, PNG или SVG.

Текст в рукописный почерк

Введите или вставьте текст, выберите один из пяти рукописных шрифтов, чистый лист, линейку или клетку и цвет чернил, затем скачайте страницу в PNG. Всё рисуется прямо в браузере.

Генератор миллиметровой бумаги

Создавайте бумагу в клетку для печати онлайн: выберите сетку или точки, задайте шаг в мм, укажите A4 или Letter и свой цвет линий, затем распечатайте или скачайте чёткий SVG.

Генератор надписей граффити

Создавайте надписи в стилях тег, баббл, блок, трафарет, неон и вайлд. Настраивайте цвета и экспортируйте PNG или SVG прямо в браузере.

Инструмент доступен на других языках