浏览器本地处理 · 数据不上传
设计工具
配色方案、CSS渐变、毛玻璃效果、阴影圆角、SVG图案、字体配对等50+款设计工具，所有处理在浏览器本地完成，数据不上传。
50
设计工具
100%
免费无广告
0
数据上传
配色方案
配色生成、调色板、渐变、对比度等颜色工具
配色方案生成器
生成互补/三元/类比等和谐配色方案，支持多种色彩理论模式。
配色方案
颜色选择器
可视化选色，实时显示HSL/HSV/RGB/HEX四种格式。
配色方案
调色板生成器
从图片提取或随机生成调色板，激发设计灵感。
配色方案
CSS渐变生成器
线性/径向/锥形渐变，多色点控制，一键复制CSS代码。
配色方案
颜色明暗变化生成器
生成50-950色阶明暗变化，类似Tailwind色阶系统。
配色方案
颜色淡化生成器
生成颜色淡化色阶，向白色过渡的柔和色系。
配色方案
颜色混合器
混合两种颜色，调节比例生成中间过渡色。
配色方案
颜色和谐度检查器
检查配色方案的色彩和谐度，多种和谐模式预览。
配色方案
颜色格式转换器
HEX/RGB/HSL/HSV/CMYK五种格式实时双向转换。
配色方案
颜色对比度检查器
WCAG AA/AAA标准对比度检测，确保文字可读性达标。
配色方案
色盲模拟器
模拟红绿色盲/蓝黄色盲视角，检查设计包容性。
配色方案
网格渐变生成器
生成多色网格渐变背景，现代Web设计必备。
配色方案
颜色名称查找器
查找颜色对应的标准名称，支持上千种命名色。
配色方案
从图片提取调色板
从图片中提取主色调和调色板，浏览器本地处理。
配色方案
颜色分级器
颜色分级调整，色相/饱和度/亮度多维度调色。
配色方案
网格渐变图片生成器
生成网格渐变图片，可下载PNG/SVG格式。
配色方案
CSS效果
圆角阴影、毛玻璃、新拟态、按钮等CSS生成器
圆角生成器
可视化圆角调整，生成CSS代码，支持不规则圆角。
CSS效果
阴影生成器
多层阴影生成，Material/Neumorphism风格。
CSS效果
毛玻璃效果生成器
生成毛玻璃磨砂效果CSS，backdrop-filter。
CSS效果
新拟态效果生成器
生成新拟态软UI效果，柔和立体阴影。
CSS效果
粘土态效果生成器
生成粘土态3D柔和效果，Q弹质感。
CSS效果
CSS按钮生成器
可视化生成多种风格CSS按钮。
CSS效果
CSS卡片生成器
生成精美CSS卡片样式代码。
CSS效果
CSS输入框生成器
生成风格化输入框CSS代码。
CSS效果
CSS开关生成器
生成iOS风格开关切换按钮。
CSS效果
CSS加载动画生成器
生成多种加载动画效果，纯CSS实现。
CSS效果
CSS滤镜生成器
生成blur/brightness/contrast等滤镜代码。
CSS效果