TechMoon 科技月球
WordPress、SEO 與 AI 工具實測指南
Coolors 配色網站教學：鎖色、對比與匯出
Coolors 配色網站可用空白鍵產生色盤並鎖定顏色。本文整理圖片取色、Explore、文字對比、免費版限制、分享及 CSS、ASE、SVG 匯出。
用 AI 摘要這篇文章：
Coolors 配色網站可以用空白鍵快速產生色盤、鎖定想保留的顏色，再從圖片取色、檢查文字對比與匯出 CSS、ASE、SVG 或圖片。它適合從靈感走到可交付色碼，但產生的配色仍要放回實際介面驗證。
Coolors 配色網站怎麼用
- 開啟 Coolors 官方網站並進入 Palette Generator。
- 按空白鍵產生配色，遇到合適色彩就鎖定該欄。
- 再按空白鍵，只重算未鎖定的顏色。
- 拖曳調整順序，打開色碼欄微調 HEX、RGB 或 HSL。
- 完成後用分享網址或所需格式匯出。
從圖片取色與探索色盤
Image Picker 可從上傳圖片擷取顏色，Explore Palettes 則能依顏色、風格、主題或 HEX 搜尋現成組合。圖片取色常包含陰影與壓縮雜色，應保留真正扮演背景、文字、主色與狀態色的少數色碼。
文字對比怎麼檢查
把文字色與背景色放進 Contrast Checker，依實際字級、粗細與用途判斷 WCAG 對比。還要測 hover、focus、disabled、錯誤訊息與色覺差異，不能只看五個色塊排列得好不好看。
免費版與 Pro 差在哪
不登入也能產生與分享色盤；儲存數量、專案、收藏、進階匯出與視覺預覽則有免費額度或 Pro 限制。方案可能調整，購買前以 Pricing 顯示的功能與續訂條件為準，不以舊文章數字判斷。
其他配色工具
想把配色直接放進 Logo、UI 與海報預覽，可用 PaletteMaker；只想快速產生五色，可比較 Colorion 調色盤產生器。選哪一個都應建立一致的設計 Token。
Coolors 常見問題
按空白鍵會把所有顏色換掉嗎？
已鎖定的色彩會保留，只重算未鎖定欄位。
匯出色盤就能直接上線嗎？
不能省略實際 UI、文字對比、深色模式與不同螢幕測試。
