设计配色

CSS 背景图案 - 点阵条纹网格工具

生成点阵、条纹、棋盘格、网格等纯 CSS 背景图案，可调节颜色与尺寸并复制代码，适合页面装饰、占位纹理以及视觉设计实验。

CSS背景图案

收藏工具

当前还没有选择收藏模式。

快捷操作

你可以复制当前工具页链接，或在支持的设备上调用系统分享。

设计配色

CSS 背景图案

生成点阵、条纹、棋盘格、网格等纯 CSS 背景图案，可调节颜色与尺寸并复制代码，适合页面装饰、占位纹理以及视觉设计实验。

Select Pattern

Background Color

Foreground Detail Color

Density / Zoom 20px

Background Style Code

图案

dots / 16px

输出

radial-gradient(...)

不会。输出是 CSS background 相关代码，可直接粘贴到样式中。

当前提供点阵、条纹、棋盘格、网格等常见预设；更复杂图案需自行扩展 gradient。

工具列表