заменить цвет на изображении
Измените одну цветовую группу, не отправляя файл на сервер. Возьмите исходный пиксель из логотипа, рисунка, значка, скриншота или простого фона, задайте новый HEX-цвет, проверьте маску в реальном времени и сохраните PNG. Обработка предсказуема, приватна и бесплатна, без учётной записи и водяного знака.
Проверено в современных браузерах · 1 августа 2026
заменить цвет на изображении
Откройте растровое изображение, нажмите на точный исходный цвет, введите цвет замены и постепенно увеличивайте допуск, пока все нужные оттенки не появятся в маске. Оставьте сохранение яркости включённым для бликов и теней. Выберите прозрачность, если цвет нужно удалить. Проверьте результат и скачайте PNG — исходный файл на устройстве не изменится.
заменить цвет на изображении
Настройки показывают, какие пиксели выбраны и как они изменятся. Быстрая правка остаётся проверяемой, а не превращается в непрозрачный запрос к ИИ.
заменить цвет на изображении
Декодирование, взятие пикселя, сравнение, перекрашивание, предпросмотр и создание PNG выполняются в этой вкладке через Canvas. Изображение не передаётся Toon Tone, вход не нужен, а обновление страницы удаляет рабочий файл.
заменить цвет на изображении
Режим яркости переносит новый тон и насыщенность, но сохраняет разницу светлоты исходника. Плоская заливка меняется чисто, а складки, блики, объёмные грани и мягкие тени иллюстрации остаются заметны.
заменить цвет на изображении
Маска показывает выбранный диапазон белым, остальное — чёрным. До экспорта легко заметить пропущенное сглаживание, слишком широкий допуск или фон и другой объект, случайно совпавшие по цвету.
заменить цвет на изображении
Загрузите файл, нажмите исходный цвет, настройте диапазон и сохраните PNG. Обработка идёт только в этой вкладке.
заменить цвет на изображении
PNG, JPG, WebP, GIF, AVIF или BMP · до 12 МБ · перетащите или вставьте
заменить цвет на изображении
0 × 0Нажмите на оригинал. Стрелки сдвигают на пиксель, с Shift — на десять.
заменить цвет на изображении
заменить цвет на изображении
заменить цвет на изображении
заменить цвет на изображении
заменить цвет на изображении
Начинайте с узкого диапазона и расширяйте его ровно настолько, насколько требуется. Это снижает риск изменения другого объекта похожего оттенка.
заменить цвет на изображении
Выберите PNG, JPEG, WebP, GIF, AVIF или BMP размером до 12 МБ. Анимация обрабатывается как неподвижный кадр. Большой файл уменьшается до рабочей длинной стороны 2400 пикселей, чтобы ползунки отвечали быстро; показанные размеры соответствуют экспорту.
заменить цвет на изображении
Нажмите на средний тон внутри объекта, а не на крайний блик или тёмный контур. Для точного выбора сфокусируйте исходный холст и двигайте точку стрелками. Shift со стрелкой перемещает её на десять пикселей.
заменить цвет на изображении
Начните с малого допуска, включите маску и поднимайте значение, пока нужная цветовая группа не станет белой. Мягкость постепенно смешивает пиксели за пределами основного диапазона и уменьшает жёсткий ореол вокруг сглаженных краёв.
заменить цвет на изображении
Введите корректный HEX из трёх или шести цифр и решите, сохранять ли яркость. Для удаления фона включите прозрачность. Вернитесь к результату, осмотрите мелкие детали и скачайте изменённые пиксели в PNG.
заменить цвет на изображении
Правило расстояния между пикселями отлично для графики, но не распознаёт смысл объектов. Настройка должна соответствовать исходному материалу.
| Задача | Настройка | Результат | Риск |
|---|---|---|---|
| заменить цвет на изображенииПлоский логотип или значок | Малый допуск и мягкость | Чёткая заливка | Повтор цвета бренда |
| заменить цвет на изображенииОдежда или предмет в рисунке | Сохранить яркость | Новый тон с тенями | Цветные контуры |
| заменить цвет на изображенииПростой фон | Прозрачность и маска | Прозрачная область PNG | Похожие пиксели впереди |
| заменить цвет на изображенииОбъект на фотографии | Узкий диапазон и проверка | Частичная смена тона | Фактура и отражения |
заменить цвет на изображении
Каждый видимый пиксель содержит значения красного, зелёного, синего и альфа-канала. Редактор измеряет прямое RGB-расстояние от выбранного источника. Нулевой допуск принимает только точное совпадение; повышение увеличивает максимальную дистанцию, и в выбор входят шум сжатия, сглаживание и соседние оттенки. Счётчик показывает долю затронутого изображения, а маска даёт пространственный контекст, которого нет у одного процента.
Допуск применяется глобально и не понимает объекты. Если жёлтая футболка и жёлтая вывеска имеют близкие каналы, совпадут обе, даже если нужна одна. Сузьте диапазон, возьмите более характерный средний тон или работайте несколькими проходами в редакторе со слоями, когда цвет повторяется в независимых областях. Открытое ограничение легче проверить, чем утверждение, будто математическая формула понимает сюжет фотографии.
заменить цвет на изображении
Прямая замена направляет все полностью совпавшие пиксели к одному целевому RGB. Это подходит равномерному значку, но может сделать плоской иллюстрацию с тенями. Режим переводит источник и цель в тон, насыщенность и светлоту, применяет целевой тон с насыщенностью и сохраняет относительное отклонение светлоты каждого пикселя от выбранного источника. Локальные различия, описывающие складки, блики, фаски и мягкие тени, остаются.
Наиболее естественный результат получается, когда источник и цель имеют выраженный цвет. Очень тёмный нейтральный участок, почти белый блик или шумная поверхность фотографии требуют меньшего допуска и внимательной проверки. Отключите режим, если нужен один точный плоский HEX. Маска помогает понять, проблема ли это передачи светлоты или в выбор просто попали неправильные пиксели.
заменить цвет на изображении
Осмотрите маску и результат в обычном масштабе и крупно. Шесть коротких проверок предотвращают большинство ошибок.
заменить цвет на изображении
Редактор использует документированные пиксельные средства браузера и публикует числа, чтобы поведение можно было воспроизвести.
заменить цвет на изображении
MDN прямо определяет контейнер пикселей:
The ImageData object represents the underlying pixel data of an area of a canvas object.
заменить цвет на изображении
заменить цвет на изображении
заменить цвет на изображении
заменить цвет на изображении
Нет. Файл декодируется и обрабатывается через Canvas в текущей вкладке браузера. У инструмента нет отправки картинки, аккаунта или облачной истории. Браузер локально создаёт скачиваемый PNG. Для конфиденциального файла закройте или обновите вкладку после работы и учитывайте сторонние расширения, которым разрешено читать страницы.
заменить цвет на изображении
Можно выбрать PNG, JPEG, WebP, GIF, AVIF или BMP до 12 МБ, если браузер умеет декодировать формат. Анимированный GIF или WebP захватывается как неподвижный кадр, движение не сохраняется. SVG исключён, поскольку это векторная разметка; свойства fill и stroke лучше менять в векторном редакторе.
заменить цвет на изображении
Сравнение проверяет цветовые значения по всему изображению и не знает, какому объекту принадлежит пиксель. Две отдельные области с близким RGB могут войти в один допуск. Уменьшите значение, выберите более характерный источник или используйте редактор со слоями, если выделение нужно ограничить конкретной областью.
заменить цвет на изображении
Включите сохранение яркости и возьмите репрезентативный средний тон. Инструмент применит целевой тон и насыщенность, сохраняя относительную светлоту каждого пикселя. Нейтральные цвета, сильные отражения и сжатые фото могут потребовать меньшего допуска. Переключите опцию и сравните ту же область перед скачиванием.
заменить цвет на изображении
Да, если его цвет достаточно отличается от переднего плана. Возьмите фон, включите прозрачность, проверьте маску и смягчите края. Увеличивайте допуск лишь до покрытия вариаций фона. Если на переднем плане есть тот же цвет, глобальный диапазон их не разделит и безопаснее ручная региональная маска.
заменить цвет на изображении
Без сохранения яркости полностью совпавшие непрозрачные пиксели получают точный целевой RGB. С режимом тон и насыщенность следуют цели, но светлота меняется ради теней, поэтому отдельные HEX различаются. Частично совпавшие края смешиваются по мягкости. Предпросмотр и PNG используют одни и те же изменённые ImageData.