Удалить цвет с картинки онлайн бесплатно
Нажмите на цвет на картинке — и он станет прозрачным: белый, чёрный или зелёный фон или один цвет в любом месте. Края остаются чистыми, ничего не загружается.
Ваш файл
Почему этот инструмент
- Без ограничения размера
- Ничего не загружается
- Без регистрации
Добавьте изображение выше, и если оно на однотонном фоне, этот цвет выберется и удалится сразу. Чтобы удалить другой цвет, нажмите на него на картинке или введите его HEX-код. Допуск решает, сколько похожих оттенков уйдёт вместе с ним, а удалять цвет можно везде или только в той области, где вы нажали. Результат скачивается в PNG в полном размере, где удалённый цвет сохранён настоящей прозрачностью.
Это точный инструмент для однотонных цветов: логотипов, иконок, подписей, клипарта, спрайтов и кадров с хромакеем. У фото человека в комнате нет одного цвета фона — там лучше удаление фона, которое находит объект по форме. Для правок помимо прозрачности — обрезки, фильтров или текста — откройте изображение в фоторедакторе.
Как удалить цвет с картинки
Добавьте изображение
Перетащите файл JPG, PNG, WebP, HEIC или AVIF в инструмент или нажмите, чтобы выбрать. Однотонный цвет фона выберется автоматически.
Выберите цвет для удаления
Нажмите на этот цвет на картинке или введите его HEX-код. Выберите «Добавить ещё цвет», чтобы удалить второй.
Настройте и скачайте
Увеличивайте или уменьшайте допуск, пока не уйдёт только нужное, сравните с оригиналом кнопкой «Сравнить» и скачайте прозрачный PNG.
Выбор цвета пипеткой или HEX-кодом
Сама картинка работает как пипетка. Когда вы ведёте по ней курсором, небольшая подпись показывает цвет под ним и его HEX-код; нажмите — и удалится именно этот цвет. На телефоне просто коснитесь нужного места. Прокрутка страницы по-прежнему работает: выбором считается только касание.
Если цвет известен, введите HEX-код в поле рядом с образцом: шесть знаков вроде 1E6FD9 применяются сразу при вводе, а сокращение из трёх знаков F80 — по нажатию Enter. То же поле позволяет точнее настроить цвет, выбранный нажатием. Это помогает, когда фирменный цвет указан в брендбуке, а картинка сохранена в JPG и отличается на оттенок-другой.
Чтобы удалить несколько цветов, выберите «Добавить ещё цвет» и нажмите на следующий. За раз можно удалить до восьми цветов — например, белый фон вместе с серой тенью или два зелёных оттенка неравномерно освещённого хромакея. Выделенный цвет — тот, который изменит следующее нажатие, а его кнопка × возвращает цвет обратно.
Что такое допуск цвета
Допуск — насколько пиксель может отличаться от выбранного цвета и всё равно удалиться. При 0% уходит только точно этот цвет. При 100% — все цвета. Между ними пиксели сравниваются по тому, насколько различаются для глаза, а не по сырым числам RGB, поэтому одна и та же настройка одинаково ведёт себя на белом, чёрном и цветном фоне. Под цветами строка показывает, какая доля изображения стала прозрачной, — так каждое изменение легко оценить.
Стандартные 12% подходят для большинства однотонных фонов, включая JPG, у которых белый не идеально ровный. Если остались пятна фона, повышайте допуск на несколько пунктов. Если начинают пропадать части объекта, например светлый блик на белом фоне, понизьте его или переключитесь на «Связанную область», чтобы ушёл только фон.
Сглаживание краёв управляет мягкой полосой сразу за пределами допуска. Пиксели в этой полосе становятся частично прозрачными, а не обрезаются, поэтому кривые и буквы остаются гладкими. Поставьте 0 для жёсткого среза, удаляющего только точные совпадения.
Убрать белый, чёрный или зелёный фон
Однотонный фон — самый частый цвет, который удаляют. При открытии изображения инструмент проверяет его край, и если большая часть края одного цвета, этот цвет выбирается, а предпросмотр сразу показывает результат. Логотип на белом, подпись на бумаге, товар на студийном фоне или спрайт-лист на пурпурном обычно готовы до того, как вы что-то тронете.
Чтобы убрать белый фон, обычно хватает стандартных настроек. Сканы и фото бумаги на телефон слегка серые и неровные, поэтому если углы остаются видны, поднимите допуск к 20%. Чёрный фон ведёт себя так же, но сжатие JPG оставляет в тёмных областях слабые цветные точки, поэтому ему часто нужно на несколько пунктов больше допуска, чем белому.
Для хромакея выберите зелёный и переключитесь на «Связанную область», чтобы зелёный галстук или растение в кадре остались. Сглаживание краёв ещё и убирает зелёный оттенок с контура, не оставляя зелёной каймы. Если фон освещён неравномерно, добавьте более тёмный зелёный вторым цветом, а не повышайте допуск, пока он не начнёт съедать оттенки кожи.
Удаление цвета не отличает объект от окружения, только один цвет от другого. Когда фон — комната, улица, небо или что-то многоцветное, используйте удаление фона, которое находит сам объект.
Удалить цвет везде или только в связанной области
«Везде» удаляет цвет во всех местах изображения. Это нужно, когда должен уйти сам цвет, например белая бумага внутри петель подписи или все красные пометки на скане.
«Связанная область» удаляет только участок, соединённый с местом нажатия, распространяясь по совпадающим пикселям до другого цвета. Тот же цвет в других местах остаётся. Используйте её, когда белый фон окружает логотип с собственными белыми буквами или когда в объекте есть цвет фона — например, белая рубашка на белой стене с чётким контуром между ними.
Замкнутые пространства — отдельные участки. В «Связанной области» внутренность букв О или А или просвет между рукой и телом не соединены с фоном и остаются. Выберите «Добавить ещё цвет» и нажмите внутри каждого, чтобы удалить и их. У цветов, выбранных автоматически или введённых HEX-кодом, нет места нажатия, поэтому в «Связанной области» они распространяются от краёв изображения.
Чистые края без белого ореола
Сглаживание делает края гладкими, смешивая крайние пиксели фигуры с цветом за ней. Вокруг красного логотипа на белом эти пиксели розовые. Если инструмент удаляет только белый и оставляет розовый, у логотипа появляется светлый контур, как только его кладут на тёмный фон. Это и есть ореол, или кайма, которую оставляет большинство простых инструментов удаления цвета.
Здесь каждый пиксель края «разбирается»: инструмент вычисляет, какая его доля — удаляемый цвет, и вычитает ровно её, оставляя частично прозрачный пиксель собственного красного цвета логотипа. Тонкие линии и мелкий текст сохраняют толщину, а контуры на хромакее теряют зелёный оттенок.
Проверьте результат кнопками фона предпросмотра под изображением: шахматка показывает прозрачное, а белый и чёрный — как результат ляжет на светлую или тёмную страницу. Для пиксель-арта, где каждый пиксель должен оставаться резким, поставьте сглаживание краёв на 0.
Прозрачный PNG, форматы и ограничения
Результат сохраняется в PNG, потому что PNG хранит альфа-канал: у каждого пикселя рядом с цветом своя прозрачность, от полностью прозрачной до полностью непрозрачной. В JPG альфа-канала нет, поэтому JPG не может быть прозрачным. Файлы JPG здесь открываются, а скачанный PNG сохраняет размер оригинала пиксель в пиксель. Если прозрачное изображение нужно в WebP для сайта, потом переведите его в WebP — WebP тоже хранит прозрачность.
Можно добавлять изображения JPG, PNG, WebP, HEIC и AVIF до 40 мегапикселей или 16 384 пикселей по стороне. Уже прозрачные области остаются прозрачными. Скачанный файл — новое изображение, поэтому EXIF-данные вроде GPS-координат и модели камеры в него не копируются. Прозрачные PNG из фото могут быть тяжёлыми: чтобы уменьшить такой файл, после скачивания сожмите его или измените размер.
Ограничения и когда нужен другой инструмент
Удаление цвета работает только по цвету, и отсюда предсказуемые ограничения. Объект того же цвета, что и фон, теряет эти части; «Связанная область» помогает, только если между ними есть контур. Тени, градиенты и свечение — не один цвет. Мягкое свечение или пламя на чёрном сохраняет тёмную внешнюю дымку, которая тяжело смотрится на светлом фоне, поэтому такие эффекты лучше накладывать режимом «Экран» в редакторе со слоями.
Чтобы убрать весь цвет и сделать картинку чёрно-белой, используйте фильтр «Чёрно-белое» или ползунок насыщенности в фоторедакторе — это другая задача, чем сделать цвет прозрачным. Чтобы скрыть часть изображения, а не сделать её прозрачной, пикселизация фото пикселизирует, размывает или закрывает её чёрным.
Изображение обрабатывает ваш браузер на вашем устройстве. Оно никуда не загружается и не хранится, нет аккаунта и водяного знака, нет дневного лимита на число изображений.
Удачные стартовые настройки
Это отправные точки, а не жёсткие правила. Начните отсюда, затем сдвигайте допуск на несколько пунктов, следя за предпросмотром и долей прозрачного.
| Изображение | Какой цвет выбрать | Допуск | Где удалять |
|---|---|---|---|
| Логотип, иконка или клипарт в PNG | Фон, выбранный автоматически | 5–12% | Везде; «Связанная область», если в логотипе есть этот цвет |
| Логотип или фото товара в JPG | Фон, выбранный автоматически | 12–20% | Связанная область |
| Отсканированная или сфотографированная подпись | Бумагу | 12–20% | Везде, чтобы ушла и бумага внутри петель |
| Кадр с хромакеем | Зелёный, плюс тёмный зелёный при неровном свете | 10–20% | Связанная область |
| Пиксель-арт или спрайт-лист | Цвет фона | 0%, сглаживание краёв 0 | Везде или связанная область |
| Фото с пёстрым фоном | Никакой: используйте ИИ-удаление фона | Не применяется | Не применяется |
Зачем удаляют цвет
Логотипы и иконки
Превратите логотип, который есть только на белом или цветном квадрате, в прозрачный PNG для шапки сайта, презентации или видео.
Подписи и печати
Сфотографируйте подпись или печать организации на бумаге, удалите цвет бумаги и вставьте прозрачный PNG в документ или договор.
Стикеры, печать и рукоделие
Очистите фон макета перед отправкой в печать на заказ или на режущий плоттер, чтобы печаталось или вырезалось только изображение.
Игровые спрайты и пиксель-арт
Удалите пурпурный или зелёный цвет-ключ из спрайт-листов с допуском и сглаживанием 0, сохранив каждый пиксель резким.
Кадры с хромакеем и превью
Вырежьте ведущего или товар из кадра на зелёном фоне для превью, постера или поста без зелёной каймы.