一个工具箱，
完成所有设计任务
从色彩理论到对比度合规——为设计师和开发者打造的10个工具
圆角生成器
可视化圆角编辑器，实时预览。支持每个角独立控制，复制CSS代码。
CSS · 可视化编辑阴影生成器
交互式阴影生成器，支持多层叠加、实时Canvas预览和CSS输出。
CSS · 多层阴影色盲模拟器
模拟颜色在色盲用户眼中的效果。
无障碍 · 模拟颜色转换器
在HEX、RGB、HSL、CMYK和OKLCH之间即时双向转换。
转换 · 全格式色轮
交互式色轮，探索色相、饱和度和颜色关系。点击选择并锁定颜色。
交互 · 可视化对比度检查器
验证文本和背景颜色的WCAG AA/AAA合规性，即时获取无障碍评分。
无障碍 · AA/AAACSS Grid 生成器
可视化创建CSS Grid布局，实时预览。
CSS · 可视化编辑字体配对
从精选收集中发现标题和正文的和谐字体搭配。
字体 · 300+字体渐变生成器
设计漂亮的线性和径向渐变，实时 Canvas 预览，一键复制 CSS 代码。
渐变 · CSS导出渐变色预设库
浏览并复制15个精美渐变色预设。
预设 · 一键复制图片取色
使用智能色彩量化从任何图片中提取美丽的调色板。
提取 · 智能调色板生成器
使用单色、互补、类似色和三角色模式创建和谐的配色方案。实时预览并支持CSS导出。
颜色 · 交互式UI配色系统
从单个种子颜色生成完整的设计令牌调色板。导出到Tailwind、CSS或SCSS。
设计令牌 · Tailwind14种语言
每个工具、每个标签、每个指南——完全翻译。
无障碍优先
每个调色板包含WCAG对比度评分。从一开始就包容性设计。
开发者友好导出
CSS、Tailwind、SCSS、JSON——复制你项目需要的格式。