在线颜色配色工具，原生拾色器与 HEX 输入双向联动，五种格式色值一键复制，自动生成互补/三角/四方等七套配色方案，含 WCAG 对比度预览与历史颜色缓存，纯本地运行。
在线颜色配色工具使用说明
功能
- 颜色拾取与转换：原生拾色器或直接输入 HEX，五种格式色值（HEX / RGB / RGBA / HSL / HSLA）实时转换，点击任意行一键复制。
- 自动配色方案：基于当前色自动生成 7 套经典配色——互补色、分裂互补色、相似色、三角色、四方色、方形配色、单色深浅，点击任意色块即可选中切换。
- 文字可读性预览：白底 / 黑底两张卡片实时预览文字效果，并自动计算 WCAG 2.0 对比度，标注是否达到 AA（≥4.5:1）/ AAA（≥7:1）标准。
- 历史颜色：选中的颜色自动存入历史（本地 localStorage 保存，最多 20 条），点击色块快速回选，可一键清空。
- 导出：一键复制整套配色的 CSS 变量，或导出配色方案图片（PNG）用于设计稿与文档。
操作步骤
- 通过拾色器或 HEX 输入框选择基础色，全部视图同步刷新；
- 点击色值列表任意行复制对应格式（toast 提示已复制）；
- 在配色方案区点击色块，全局切换为所选颜色；
- 参考白/黑底对比度标注，判断文字可读性；
- 需要时复制 CSS 变量或导出配色图片。
边界说明
- 输入非法 HEX 自动容错，保留上一个有效颜色；
- 隐私模式下 localStorage 不可用，历史颜色仅在当前页面临时生效；
- 对比度计算仅作参考展示，实际设计建议在目标设备上人工确认；
- 全部计算在前端本地完成，无任何网络请求与数据上传。