🎨 颜色设计
14 款工具
CSS 动画生成
可视化配置@keyframes/transition,实时预览
☆
Box Shadow 生成
可视化调整 box-shadow,预览并复制 CSS
☆
色盲模拟
模拟 8 种色觉缺陷显示效果
☆
调色板生成
基于颜色生成配色方案
☆
颜色选择器
HEX/RGB/HSL/HSV/CMYK 互转,色盘可视化
☆
色彩空间换算
RGB/HSL/HSV/HEX/CMYK全量互转,实时预览
☆
对比度检查
检查颜色对比度是否符合 WCAG 标准
☆
CSS clip-path生成
可视化编辑多边形/圆形/椭圆,实时预览
☆
CSS 渐变生成
生成 CSS 渐变背景代码
☆
Flexbox生成器
可视化配置flexbox属性,实时预览
☆
字体搭配
Google Fonts搜索+搭配预览,复制HTML/CSS
☆
CSS Grid 生成器
可视化grid-template,拖拽布局,复制CSS
☆
图标搜索
Lucide/Heroicons/Tabler图标搜索,一键复制
☆
Tailwind 颜色
Tailwind CSS 颜色调色板参考
☆