Замена цвета
Войдите или зарегистрируйтесь, чтобы сохранять инструменты в избранное
Замена цвета на фотографии онлайн бесплатно
Нажмите или перетащите файл
Загрузите изображение, выберите исходный и новый цвет, настройте допуск и нажмите «Заменить цвет».
Пипетка — нажмите иконку пипетки и кликните на нужный пиксель на изображении, чтобы взять цвет точно.
Допуск — чем выше значение, тем больше оттенков заменяется. Значение 1–10% — точная замена, 30–60% — широкий диапазон близких цветов.
Замена работает плавно: пиксели, похожие на исходный цвет, заменяются пропорционально степени схожести.
Результат скачивается в формате PNG с прозрачностью (если она есть в исходнике).
Вся обработка происходит на стороне браузера через 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.
Смотрите также: Сжатие изображений · Изменение размера · Подбор цвета · Контрастность цветов
Полезные статьи
Распознавание текста с картинки онлайн — ИИ OCR vs обычный режим
Как распознать текст с фото, скриншота или скана. Два режима: ИИ OCR для сложных изображений и обычный без лимитов. Сравнение, примеры, советы.
Удаление фона с фото онлайн: как это работает и где применяется
Как нейросеть удаляет фон с изображения, чем ИИ лучше ручного выделения и для каких задач пригодится прозрачный PNG.