Оригинал
С фильтрами
filter: none;
No filters applied
Возможности CSS Filter Generator
9 типов фильтров
Blur, Brightness, Contrast, Grayscale, Hue-rotate, Invert, Opacity, Saturate, Sepia.
Live Preview
Мгновенное сравнение оригинала и отфильтрованного изображения side-by-side.
Загрузка изображений
Тестируйте фильтры на своих изображениях для точной настройки эффектов.
Готовые пресеты
Коллекция популярных фильтров: Ч/Б, Сепия, Винтаж, Холодный, Теплый.
Описание CSS фильтров
blur()
Применяет эффект размытия по Гауссу. Значение в px определяет радиус размытия.
brightness()
Регулирует яркость. 0% = полностью черный, 100% = оригинал, 200% = удвоенная яркость.
contrast()
Изменяет контрастность. 0% = серое изображение, 100% = оригинал, выше 100% = повышенный контраст.
grayscale()
Преобразует в оттенки серого. 0% = оригинал, 100% = полностью черно-белое.
hue-rotate()
Поворачивает цветовой тон. Значение в градусах от 0 до 360. 180° = противоположные цвета.
saturate()
Изменяет насыщенность. 0% = полная ненасыщенность, 100% = оригинал, выше 100% = повышенная насыщенность.
sepia()
Применяет эффект сепии (коричневый оттенок старых фотографий). 100% = полная сепия.
invert()
Инвертирует цвета. 0% = оригинал, 100% = полная инверсия (негатив).