TOOLS · 免费在线工具
Design
网站配色 & 字体指纹
自动提取主色、渐变、字体栈，生成 Tailwind config / CSS Variables / Figma 样式，一键复制。
功能亮点
- ✓主色、辅助色、渐变、字体栈一次提取
- ✓Top 4 主色去重排序，附 hex
- ✓一键导出 Tailwind config / CSS Variables
- ✓正文对比度提示，无障碍不翻车
4 步上手
- 1粘贴网址，解析真实 HTML/CSS 取色
- 2看主色构成和渐变用法
- 3导出 Tailwind 或 CSS 变量，粘进项目
- 4用对比度提示微调文字灰阶
示例：抄 Linear 配色
输入 linear.app，得到品牌紫 #5E6AD2 + 深底 + 中性灰，导出 config 后新项目的按钮和渐变 10 分钟对齐。
常见问题
和取色器插件的区别？
插件一次取一个点，这里一次给全套体系 + 可直接用的代码。
深色站能用吗？
能。深底、中性灰、强调色的三层结构照样输出。
抄配色侵权吗？
颜色本身不受保护，别连 Logo 字体文案一起搬就行。