间距系统生成
按 4px 基准生成间距刻度
IDLE
输入后自动计算,数据不会离开浏览器。
OUTPUT
结果会显示在这里。
HOW TO USE
怎么用间距系统生成
- 打开间距系统生成页面,输入框已填入示例内容。
- 把你的数据粘贴进输入框,结果会自动计算并显示在右侧。
- 点击「复制结果」直接取走,数据全程留在浏览器里。
间距系统生成是什么
按 4px 基准生成间距刻度。间距系统生成属于设计与颜色 - CSS 生成,计算全部在浏览器本地完成,不上传数据、无需登录、免费使用。
它属于「设计与颜色」下的「CSS 生成」分类。渐变、阴影、圆角、玻璃拟态等 CSS 片段。 同类工具还包含 CSS 渐变生成器、CSS 阴影生成器、玻璃拟态 CSS 等,可以在分类页一次看全。
适用场景
- 处理与「间距系统」相关的任务时可以直接用。
- 处理与「spacing」相关的任务时可以直接用。
- 处理与「设计令牌」相关的任务时可以直接用。
隐私说明
本工具在浏览器内运行,输入内容不会发送到服务器,也不会被记录。 关闭或刷新页面后,输入即被清空。