UTILS.
100% в браузере

CSS-узор для фона

Создайте CSS-узор фона из двух цветов и скопируйте его.

Об этом инструменте

Создайте повторяющийся фоновый узор — полосы, шахматку, точки или сетку — из двух цветов и размера, используя только градиенты, затем скопируйте CSS. Превью обновляется вживую в вашем браузере.

Часто задаваемые вопросы

Как эти узоры создаются без изображений?
Они используют линейные и радиальные градиенты CSS вместе с background-size, который браузер замощает для отрисовки повторяющегося узора.
Будет ли узор масштабироваться на экранах высокой плотности?
Да — градиенты векторные, поэтому узор остаётся чётким при любом разрешении и уровне масштабирования.

Больше инструментов