1. 首页
2. 颜色工具
3. 🎨 配色方案生成器

🎨 配色方案生成器

选个主色，自动生成 5 种和谐配色（互补 / 邻近 / 三分 / 四分 / 单色），一键复制 HEX / RGB / HSL / Tailwind 类名，导出 CSS / Tailwind / Sass，附 16 个大厂主题色参考库。

📖 配色小知识

• 互补色（180°）：对比最强，适合 "强调色 / Call To Action"。
• 邻近色（±30°）：最和谐，适合长时间阅读的页面（如博客、文档）。
• 三分色（120°）：活泼平衡，最适合品牌 LOGO。
• 单色（同色相）：最专业，适合企业站、SaaS 后台。
• 60-30-10 法则：主色 60%，辅色 30%，强调色 10%，避免视觉杂乱。
• WCAG AA 对比度：正文 ≥ 4.5:1，大字 ≥ 3:1，需保证无障碍可读性。

🚀 你可能也用得上