Подберите CSS-фильтры с живым предпросмотром.
filter: blur(0px) brightness(100%) contrast(100%) grayscale(0%) saturate(100%) sepia(0%);Свойство filter применяет к элементам визуальные эффекты: размытие, яркость, контраст, оттенки серого, сепию, поворот цвета. Инструмент собирает значение filter с живым превью — удобно для обработки картинок прямо в CSS, без редактора.
Затемнение фоновой картинки под текст, чёрно-белые изображения при наведении, эффект «матового стекла» в связке с backdrop-filter. Несколько фильтров можно комбинировать через пробел. Готовый CSS копируется в проект.
Да, перечислите их через пробел, например filter: grayscale(1) blur(2px). Они применяются последовательно.
filter применяется к самому элементу, backdrop-filter — к тому, что под ним (для эффекта матового стекла).
Нет, это визуальный эффект в браузере. Исходный файл не изменяется.
Линейные градиенты с предпросмотром.
CSS-тени с живым предпросмотром.
Скругление углов с предпросмотром.
Контраст цветов по стандарту WCAG.
Оттенки и тона из базового цвета.
Иконки сайта всех размеров из картинки.