配色方案生成器

📖 工具介绍

配色方案生成器是一款帮助设计师、开发者与品牌运营者快速找到和谐配色的在线工具。很多人选色时凭感觉东挑西选，结果常常顾此失彼；这款工具把经典的色彩和谐理论固化为可计算的色相环偏移：您只需选定一个基础色，工具便取出它的色相，再在同一个饱和度与明度水平上，沿色相环分别旋转 180°、±30°、120°、90°，一次性给出补色、近似色、三角与四角四组成套配色。补色对比强烈、适合强调；近似色柔和统一、适合大面积铺陈；三角配色平衡活泼；四角配色层次丰富。每一组都以色板卡片呈现，带星号的那一块就是您选的基础色，点击任意色块即可复制它的 HEX 值，也可以一键复制全部 HEX 或下载色板文件。所有换算基于标准 RGB↔HSL 公式，色相环绕周期 360° 自动归一，颜色越界自动夹紧，全程离线运行。

✨ 功能特点

• 补色配色：基础色相对色相环旋转 180°，对比鲜明，适合按钮与强调色
• 近似配色：色相偏移 ±30°，过渡自然，适合背景渐变与同色系搭配
• 三角配色：三个色相各差 120°，平衡中带活泼，适合品牌主辅色组合
• 四角配色：四个色相各差 90°，层次丰富，适合多板块页面配色
• 点按即复制：任意色块一键复制 HEX，也可一键复制全部色值列表
• 色板下载：整套配色可导出为文本文件归档，方便团队共享

📝 使用方式

1. 用顶部取色器或直接输入 HEX，选定一个基础色
2. 页面会自动生成四组和谐配色卡片，每张卡片顶部标注偏移角度
3. 浏览四组方案，找到最符合项目气质的那一组
4. 点击其中任意色块，即可复制该色的 HEX 值到剪贴板
5. 需要整套时点击「复制全部 HEX」或「下载色板」导出完整列表

⚠️ 注意事项

• 配色逻辑：本工具固定保持基础色的饱和度与明度不变，仅旋转色相，属经典色相环配色法
• HEX 格式：仅接受 #RRGGBB，非法输入会提示而不生成乱色
• 角度归一：色相以 360° 为周期，偏移后自动环绕取模，不会越界
• 对比度：和谐配色保证色相关系美观，但正文可读性请另用对比度工具校验
• 本地运算：所有换算在浏览器内完成，不发送网络请求，隐私安全