Генератор фільтрів CSS

Як використовувати Генератор фільтрів CSS

Генератор фільтрів CSS. Налаштуйте фільтри й порівняйте перегляд зі згенерованим CSS.

1. Змініть кольори, текст чи числа вище.
2. Порівнюйте перегляд під час зміни налаштувань.
3. Скопіюйте результат чи завантажте на пристрій.

Генератор фільтрів CSS · Приклад

{
  "brightness": 100,
  "contrast": 100,
  "saturate": 100,
  "hue": 0,
  "grayscale": 0,
  "sepia": 0,
  "invert": 0,
  "blur": 0
}

filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg) grayscale(0%) sepia(0%) invert(0%) blur(0px);

Примітки щодо використання

Файли й дані обробляються в цьому браузері. Без надсилання на сервер і облікового запису.