Генератор фоновых CSS-паттернов
Генерация фоновых паттернов на чистом CSS. Настройка полос, точек, клеток и других узоров в визуальном редакторе.
background: repeating-linear-gradient( 0deg, #ffffff, #ffffff 20px, #3b82f6ff 20px, #3b82f6ff 40px );
Как использовать
Выберите паттерн
Выберите паттерн: полосы, точки, клетки и т.д.
Настройте
Настройте цвета, размер, угол и другие параметры ползунками
Скопируйте CSS
Скопируйте сгенерированный CSS-код
Возможности
Предпросмотр в реальном времени
Предпросмотр паттернов в реальном времени при изменении параметров
Богатый выбор паттернов
Множество шаблонов: полосы, точки, клетки, зигзаг и другие
Без изображений
Генерация только на CSS-градиентах для отличной производительности
FAQ
🔗Похожие инструменты
Конвертер цветовых кодов
Конвертация между цветовыми кодами HEX, RGB и HSL. Используйте палитру цветов и предпросмотр в реальном времени для интуитивного выбора цвета.
Палитра цветов
Выбирайте цвета с помощью цветового колеса и ползунков. Получайте и копируйте цветовые коды в форматах HEX, RGB и HSL.
Извлечение цветов из изображения
Автоматическое определение доминирующих цветов изображения и генерация цветовой палитры. Также можно нажать на любую точку изображения для выбора цвета.
Определение среднего цвета изображения
Вычисление среднего цвета всего изображения или выделенной области. Полезно для подбора цветовых схем или фоновых цветов миниатюр.
Генератор CSS-градиентов
Визуально создавайте CSS-градиенты с помощью перетаскивания. Поддержка линейных, радиальных и конических градиентов с предустановками.
Генератор CSS Box Shadow
Визуально создавайте CSS box-shadow с помощью ползунков. Поддержка нескольких теней и внутренних теней.