免费，无需注册|直接在浏览器中运行

帮你写好 CSS的设计工具。

渐变、阴影、圆角和 favicon 的可视化生成工具，效果满意后复制 CSS 或下载文件即可。完全在你的浏览器中运行，不会上传任何内容。

设计工具

可视化构建线性或径向渐变，复制 CSS 即可使用。

可视化构建单层或多层阴影，复制 CSS 即可使用。

可视化设置每个角的圆角半径，复制 CSS 即可使用。

上传一张图片，一键生成所有你需要的 favicon 尺寸。

从任意图片中提取主要颜色。

计算 WCAG 对比度，判断是否通过 AA/AAA 标准。

HEX、RGB、HSL、CMYK 实时联动转换。

设置最小值和最大值，获取能随视口自适应缩放的流式 clamp() 数值。

拖动两个控制点塑造自定义缓动曲线，复制 cubic-bezier() 数值。

放入一张图片，拖动滑块，复制生成的 CSS filter 数值。

使用纯 CSS 渐变构建可平铺的背景图案，无需任何图片文件。

生成随机的有机 blob 形状，调整随机度和点数，复制或下载。

生成可调节密度、不透明度和颜色的颗粒纹理，下载或复制为 CSS。

可视化构建叠加阴影，获取 Tailwind 的 shadow-[...] 类名以及原始 CSS。