色卡生成器使用指南
本工具为您提供两种核心工作模式，旨在简化您的配色流程。无论是从零开始构思，还是从现有灵感中提取，都能轻松实现。
手动配色模式
通过内置色盘选择一个您喜欢的“基础色”，选择不同的配色规则（如邻近色、互补色等），系统将自动计算出符合色彩美学的完整配色方案。
图片取色模式
上传任何图片（照片、截图或插画），算法会自动识别图片中的主要色彩比例，为您提取出最具代表性的 5-8 种颜色，完美捕捉真实灵感。
色彩原理与配色规则
- 邻近色 (Analogous)： 在色相环上相邻的颜色（如红、红橙、橙）。这种配色方案看起来非常和谐、舒适，常见于自然界。
- 互补色 (Complementary)： 色相环上完全相对的两个颜色（如红与绿）。这种配色方案视觉冲击力极强，能产生高对比度的效果。
- 三角色 (Triadic)： 在色相环上呈 120 度等距分布的三个颜色。这种方案既能保持色彩的丰富性，又能维持视觉平衡。
- 单色 (Monochromatic)： 同一色彩的不同明度或饱和度变化。虽然色彩单一，但通过明度对比能营造出极佳的深度感和专业感。
常见问题 (FAQ)
1. 图片取色会上传图片到服务器吗？
绝对不会。本工具采用 100% 纯前端处理技术，图片的所有分析过程都在您的浏览器本地完成，不会经过蜗蜗小工具的服务器，充分保护您的隐私。
2. 为什么保存的图片色卡分辨率看起来不高？
导出功能使用了 html2canvas。为了保证高清效果，建议在下载时不要缩放浏览器窗口，或者将浏览器视口保持在标准缩放级别，生成的图片会自动适配您的屏幕 DPI。
3. HEX、RGB、HSL 分别是什么意思？
HEX 是十六进制代码（如 #FFFFFF）；RGB 是红绿蓝三原色分量；HSL 是色相、饱和度、亮度。UI 设计师常用 HEX，而开发者在处理动态色彩时更偏向使用 HSL。
4. 提取主题色时支持 GIF 动图吗？
支持，但算法通常只会提取 GIF 的第一帧作为色彩源。对于静态图片支持最好（PNG/JPG/WebP）。
5. 如何根据选定的基础色生成更柔和的配色？
建议使用“单色 (Monochromatic)”模式。这会基于基础色进行亮度和饱和度的微调，生成的方案自然、柔和且极具高级感。
6. 导出的色卡包含色彩数值吗？
是的，导出的 PNG 图片会完整保留预览区域中的色彩方块及对应的 HEX/RGB 数值，方便您直接分享到设计稿或社交媒体。
7. 邻近色方案中可以选择具体的跨度吗？
目前的算法默认设置为标准的 30 度角偏移。如果您需要更窄或更宽的跨度，可以手动微调生成的二级颜色。
8. 取色器在移动端浏览器上无法工作？
本工具使用了标准的 HTML5 Color Input。大多数现代移动浏览器（iOS/Android）都完全支持。如果无法弹出色板，请检查浏览器是否为最新版本。