工具列表
优先浏览当前工具站可直接使用的主入口；如需查找旧链接兼容页，也可以按状态切换查看。
如果结果太少，可以先清掉关键词或分类，再回到主入口继续找。
你当前正在看“设计配色”，这类工具通常用于颜色与视觉设计辅助工具。如果你只是想先找一个能直接开始的入口，建议优先从下面这些高频工具打开。
- 可用设计配色统一工作台
颜色工作台
在同一工作区完成颜色转换、手动取色、图片取色和主色提取。
进入统一工作台并继续后续步骤进入工作台 - 可用设计配色统一工作台
PWA / App 图标与 Manifest 生成器
在同一工作区生成 favicon、PWA 图标、App 图标、maskable icon 与 manifest。
进入统一工作台并继续后续步骤进入工作台 - 可用设计配色
渐变生成器
配置渐变色并导出 CSS 片段。
查看详情并继续处理进入工具 - 可用设计配色
SVG 预览
实时预览 SVG 源码并检查基础结构信息。
查看详情并继续处理进入工具 - 可用设计配色
SVG 转 Data URI
把 SVG 源码转换成可直接内联使用的 Data URI。
查看详情并继续处理进入工具 - 可用设计配色
SVG 压缩
对 SVG 做稳定、可解释的最小压缩。
查看详情并继续处理进入工具
当前展示 14 个 设计配色 相关工具，适合先从上方推荐入口开始，再继续浏览完整结果。
上方已经优先给出这一类更常被直接打开的入口；如果你的需求更细，可以继续浏览下面的完整结果列表。
- 可用设计配色统一工作台
颜色工作台
在同一工作区完成颜色转换、手动取色、图片取色和主色提取。
进入统一工作台并继续后续步骤进入工作台 - 可用设计配色统一工作台
PWA / App 图标与 Manifest 生成器
在同一工作区生成 favicon、PWA 图标、App 图标、maskable icon 与 manifest。
进入统一工作台并继续后续步骤进入工作台 - 可用设计配色
玻璃拟态 CSS 生成
调节玻璃拟态卡片参数并导出 CSS 片段。
查看详情并继续处理进入工具 - 可用设计配色
调色板生成
从基础色生成一组从浅到深的调色板色阶。
查看详情并继续处理进入工具 - 可用设计配色
对比度检查
检查前景色与背景色的对比度并判断 WCAG 等级。
查看详情并继续处理进入工具 - 可用设计配色
渐变生成器
配置渐变色并导出 CSS 片段。
查看详情并继续处理进入工具 - 可用设计配色
阴影生成
调整阴影参数并导出可直接使用的 box-shadow CSS。
查看详情并继续处理进入工具 - 可用设计配色
圆角生成
分别调整四个角的圆角半径并导出 CSS。
查看详情并继续处理进入工具 - 可用设计配色
CSS 主题 Token 预览
粘贴 CSS 变量后实时预览主题 token 效果。
查看详情并继续处理进入工具 - 可用设计配色
SVG 压缩
对 SVG 做稳定、可解释的最小压缩。
查看详情并继续处理进入工具 - 可用设计配色
SVG 优化
在最小压缩基础上做轻量、低风险的 SVG 优化。
查看详情并继续处理进入工具 - 可用设计配色
SVG 预览
实时预览 SVG 源码并检查基础结构信息。
查看详情并继续处理进入工具 - 可用设计配色
SVG 转 Data URI
把 SVG 源码转换成可直接内联使用的 Data URI。
查看详情并继续处理进入工具 - 可用设计配色
Tailwind 工具类预览
实时预览 Tailwind utility class 的组合效果。
查看详情并继续处理进入工具