色卡生成器與線上取色器使用指南
本工具為您提供兩種核心工作模式，旨在簡化您的配色流程。無論是從零開始構思，還是從現有靈感中提取，都能輕鬆實現。
線上配色生成器模式
通過內建色盤選擇一個您喜歡的「基礎色」，結合 線上漸變色生成 邏輯選擇不同的配色規則，系統將自動進行 色卡生成。
RGB線上取色器模式
上傳圖片後使用 取色器 識別顏色，演算法會自動識別主要色彩比例，為您進行 線上取色，捕捉真實靈感。
色彩原理與配色規則
- 鄰近色 (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)」模式。這會基於基礎色進行亮度和飽和度的微調，生成的方案自然、柔和且極具高級感。