Замена цвета на фото онлайн
Войдите или зарегистрируйтесь, чтобы сохранять инструменты в избранное
Замените любой цвет на фотографии в один клик. JPG, PNG, WebP — быстро и бесплатно.
Нажмите или перетащите изображение
JPG, PNG, WebP · до 10 МБ
Файлы не загружаются на сервер — обработка в браузере
Сравнение: до и после
Загрузите изображение, выберите исходный и новый цвет, настройте допуск и нажмите «Заменить цвет».
Пипетка — нажмите иконку пипетки и кликните на нужный пиксель на изображении, чтобы взять цвет точно.
Допуск — чем выше значение, тем больше оттенков заменяется. Значение 1–10% — точная замена, 30–60% — широкий диапазон близких цветов.
Используйте слайдер «до и после» для визуального сравнения результата замены.
Скачайте результат в формате PNG, JPEG или WebP — для каждого показан размер файла.
Вся обработка происходит на стороне браузера через Canvas API — файл не покидает ваше устройство.
Изменить цвет на фото онлайн — замена цвета бесплатно
Изменить цвет на фото онлайн: замена одного цвета на другой в любом изображении — бесплатно и без установки программ. Загрузите картинку, выберите исходный и целевой цвет, настройте допуск — результат за секунды.
Как работает замена цвета
Инструмент анализирует каждый пиксель изображения и сравнивает его цвет с исходным (целевым) цветом. Если расстояние между цветами в RGB-пространстве не превышает заданный допуск, пиксель заменяется новым цветом с плавным переходом.
Вся обработка выполняется в браузере через Canvas API — изображение не отправляется на сервер. Это гарантирует конфиденциальность и мгновенный результат.
Инструмент пипетка
Кнопка-пипетка рядом с полем «Исходный цвет» активирует режим захвата цвета. В этом режиме:
- Появляется увеличительная лупа, показывающая пиксели под курсором
- В нижней части лупы отображается HEX-код пикселя под центральным маркером
- При клике по изображению цвет автоматически записывается в поле «Исходный цвет»
Лупа масштабирует изображение 11×11 пикселей с размером ячейки 13×13 px — достаточно для точного выбора даже похожих оттенков.
Настройка допуска
Допуск определяет, насколько «похожие» пиксели будут заменены. Технически — это максимальное евклидово расстояние в RGB-пространстве между целевым и заменяемым цветом.
| Допуск | Результат | Когда использовать |
|---|---|---|
| 1–5% | Только точное совпадение цвета | Изображения с плоской заливкой (иконки, логотипы) |
| 10–20% | Близкие оттенки того же цвета | Градиенты, лёгкие тени |
| 25–40% | Широкий диапазон похожих цветов | Фотографии с освещением, антиалиасинг |
| 50–70% | Большинство цветов заданного тона | Однородный фон с шумом |
| 80–100% | Агрессивная замена | Редко — возможны нежелательные замены |
Алгоритм замены
Для каждого пикселя изображения вычисляется евклидово расстояние в RGB:
dist = sqrt((R-Rцель)² + (G-Gцель)² + (B-Bцель)²)
Если dist ≤ tolerance × 2.55, пиксель заменяется с коэффициентом плавного перехода:
ratio = 1 - dist / maxDist новый_канал = старый_канал + (целевой_канал - старый_канал) × ratio
Это означает, что пиксели точно совпадающие с исходным цветом заменяются полностью (ratio=1), а «граничные» пиксели — частично, обеспечивая плавные края без резких переходов.
Сценарии использования
- Рестайлинг логотипа — замена фирменного цвета бренда для A/B-теста или адаптации под тёмную тему
- Замена фона — удаление однородного фона (хромакей-эффект) при низком допуске
- Цветовая коррекция UI — изменение цвета кнопок и элементов на макетах без редактора
- Персонализация продукта — демонстрация товара в разных цветовых вариантах
- Исправление артефактов — замена нежелательных цветовых пятен на фотографиях
Частые вопросы
Сохраняется ли прозрачность (альфа-канал)? Да. Прозрачные пиксели не затрагиваются — заменяются только RGB-компоненты пикселей с opacity > 0.
Можно ли заменить несколько цветов за раз? Нет, инструмент работает с одной парой цветов за операцию. Для множественных замен применяйте операцию последовательно, сохраняя результат каждый раз.
В каком формате скачивается результат? Всегда в PNG — это сохраняет прозрачность и не добавляет артефактов сжатия JPEG.
Смотрите также: Сжатие изображений · Изменение размера · Подбор цвета · Контрастность цветов
Полезные статьи
Реставрация старых фото нейросетью
Как нейросеть GFPGAN восстанавливает старые и повреждённые фотографии: технология, возможности, пошаговая инструкция и советы.
Колоризация чёрно-белых фото нейросетью
Как нейросеть раскрашивает чёрно-белые фотографии: технология DDColor, сравнение методов, практические советы и пошаговая инструкция.