🎨 Palette Generator
單色
互補色
類似色
三角色
四角色
分裂互補
隨機
#667eea
基礎顏色
🖼️
點擊或拖拽圖片到此處
支持 JPG、PNG、GIF 等格式
Palette Generator is available directly in your browser, with no data uploaded.
📚 深度解析：調色板生成器
💡 常見使用場景
- 由主色自動生成協調的配色方案
- 品牌設計初稿快速出多套配色
- 需要單色/類比/互補等關係的色板
色相環關係
基於 HSV 色相旋轉：互補色 ±180°、類比色 ±30°、三角色 ±120°、分裂互補 ±150°/±210°。給定主色 #3498db（藍），互補橙 #db8334、類比青/藍紫更易搭配。
單色階
固定色相與飽和度，只變明度，得到由淺到深的同色階，適合做按鈕 hover、邊框、背景層次。
❓ 常見問題（FAQ）
- 互補色和類比色怎麼選？
- 互補色對比強、用於強調（如 CTA 按鈕）；類比色和諧、用於大面鋪陳。互補易撞色刺眼，類比更安全。
- 為什麼不用隨機取色？
- 隨機色常不協調。基於色相環關係生成的色板在視覺上有數學秩序，更易形成專業感。
⚠️ 使用説明與注意事項
- 本工具純前端運行，數據不會上傳到伺服器
- 建議在主流瀏覽器（Chrome/Safari/Firefox/Edge）中使用
- 計算結果僅供參考，請以實際應用場景為準