为设计师准备的颜色、渐变、阴影等工具。 · 34 款工具
生成和谐的配色方案。
设计 CSS 渐变并复制代码。
可视化设计 CSS box-shadow。
HEX、RGB、HSL 等格式互转。
按 WCAG 标准检查对比度。
减小 SVG 文件体积。
用 border-radius 设计圆角和有机形状，并复制 CSS。
使用 backdrop-filter 的毛玻璃效果，复制即用。
适用于按钮和卡片的新拟态柔和阴影。
CSS 或 SVG 图案背景（圆点、条纹、六边形…）。
用于设计的随机渐变 SVG 有机形状。
用于分隔网页区块的波浪，SVG 格式即拿即用。
设计渐变、描边或 3D 按钮，并复制含悬停效果的 CSS。
设计动画曲线并实时预览。
现成的 @keyframes 动画：弹跳、心跳、抖动、淡入淡出等。
用 CSS 形状裁剪元素：三角形、星形、六边形等。
可视化构建 CSS 网格并复制代码。
试用所有 flexbox 属性，即时查看效果。
根据比例计算协调的标题和正文字号。
根据基准字号在像素、rem、em、pt 和 vw 之间换算。
查看红色盲、绿色盲或蓝色盲人士眼中你的设计效果。
一键获取屏幕上任意位置的颜色。
用首字母和渐变色制作 PNG 或 SVG 头像。
为 Gmail、Outlook 和 Apple Mail 设计专业的邮件签名。
用你的品牌名和标语制作文字 Logo，导出 PNG 或 SVG。
随机配色（马卡龙、鲜艳、大地色…），可锁定颜色。
查询 HEX 或 RGB 颜色的名称及其对应值。
为 Tailwind 或 CSS 变量生成品牌色的 50–950 色阶。
用一张图片生成 iOS、Android 和网页所需的所有图标尺寸。
设计名片并下载可直接打印的 A4 版面。
PDF 格式的课程证书、奖状和文凭。
简易 PDF 发票和报价单，含项目、增值税和总计。
使用精美模板制作简历并下载为 PDF。
将图片转换为带白边的 WhatsApp 贴纸（512 × 512 WEBP）。
