色卡生成器使用指南
本工具為您提供两种核心工作模式，旨在簡化您的配色流程。無论是从零开始构思，还是从现有靈感中提取，都能轻松實現。
手动配色模式
通過內建色盘選擇一個您喜欢的“基础色”，選擇不同的配色规则（如邻近色、互补色等），系统將自動計算出符合色彩美学的完整配色方案。
圖片取色模式
上傳任何圖片（照片、截圖或插畫），演算法會自動辨識圖片中的主要色彩比例，為您提取出最具代表性的 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）都完全支援。如果無法弹出色板，请檢查瀏覽器是否為最新版本。