全部工具
品牌包
配色
字体
样机
开发
形状
加载中…
Shape Cat 先用轻量品牌包生成器定方向,再用配色、字体、样机、favicon、社交卡图与图片工具逐个细调。全程在浏览器本地完成。
从调色板、字体建议和 PNG 品牌图标开始,确定视觉方向。
输入品牌名和风格,一次生成调色板、字体搭配、favicon 和样机预览,适合新产品快速定方向。
本地处理
寻找合适的颜色组合,复制颜色值用于设计。
一键生成和谐的 5 色配色方案,空格换色、锁定、复制 HEX。
从图片提取主色调色板,或用取色器吸取任意像素颜色,复制 HEX。
对比字体搭配,找到适合项目的字体。
精选 Google Fonts 标题+正文搭配,实时预览,复制代码。
把截图、代码和产品图片做成可分享的视觉素材。
把代码片段渲染成漂亮的语法高亮图片:选语言与主题,配窗口框、渐变背景与阴影,导出 2 倍高清 PNG。
上传截图,加漂亮背景、留白、圆角、阴影和窗口框,导出 2 倍高清 PNG。
输入用途、风格和品牌色,生成适合承托截图/产品图的背景,支持 SVG / PNG 导出。
AI 可选
把截图放进浏览器 / 手机框,配渐变底和阴影,一键出图。
制作网站图标和社交配图,或复制背景、阴影与动画的 CSS。
从文字、emoji 生成网站图标,选底色形状,导出 PNG。
生成 1200×630 的 OG / 社交分享卡片图,填字选主题即可。
生成任意尺寸的占位图,开发调试用,纯本地。
可视化生成 box-shadow 投影与 glassmorphism 玻璃拟态 CSS,复制即用。
可视化调线性 / 径向渐变,多色标随意加减,复制 background CSS。
拖控制点调 cubic-bezier 缓动曲线,实时看动画,复制 timing-function。
生成 SVG 形状与网页区块的分隔边缘。
生成平滑的 SVG 波浪分隔,调振幅/波数/翻转,复制 SVG 或 PNG。
生成有机不规则 blob 形状,调边数/不规则度,复制 SVG 或 PNG。
独立设置容器高度和起伏,预览320、768、1440像素布局,复制SVG或包含区块定位的HTML与CSS。