色卡產生器使用指南
本工具為您提供两种核心工作模式，旨在簡化您的配色流程。無论是从零開始构思，還是从現有靈感中提取，都能轻松實現。
手动配色模式
通過內建色盘選擇一個您喜歡的“基础色”，選擇不同的配色规则（如邻近色、互补色等），繫统將自動計算出符合色彩美學的完整配色方案。
圖片取色模式
上傳任何圖片（照片、截圖或插畫），演算法會自動辨識圖片中的主要色彩比例，為您提取出最具代表性的 5-8 种顏色，完美捕捉真實靈感。
色彩原理與配色规则
- 邻近色 (Analogous)： 在色相环上相邻的顏色（如红、红橙、橙）。这种配色方案看起来非常和谐、舒适，常見于自然界。
- 互补色 (Complementary)： 色相环上完全相對的两個顏色（如红與绿）。这种配色方案視覺冲击力极强，能產生高對比度的效果。
- 三角色 (Triadic)： 在色相环上呈 120 度等距分布的三個顏色。这种方案既能保持色彩的丰富性，又能维持視覺平衡。
- 單色 (Monochromatic)： 同一色彩的不同明度或饱和度变化。虽然色彩單一，但通過明度對比能营造出极佳的深度感和專業感。
常見問題 (FAQ)
1. 圖片取色會上傳圖片到伺服器吗？
絕對不會。本工具采用 100% 純前端處理技术，圖片的所有分析過程都在您的瀏覽器本地完成，不會经過176小工具的伺服器，充分保護您的隱私。
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）都完全支援。如果無法弹出色板，请檢查瀏覽器是否為最新版本。