生成調色盤
選擇一個品牌顏色。其餘由 ColorWell 自動生成。
類似色
色階（淺 → 深）
匯出
下載設計令牌
專業版將完整調色盤與色階存為即用檔案。
升級至 Pro 以下載檔案
對比度檢查
從調色盤中配對任意兩種顏色。ColorWell 會顯示 WCAG 判定結果。
判定結果: 未通過 WCAG
品牌調色盤所需的一切
專為每日交付介面設計的設計師與前端團隊打造。
和諧調色盤
選擇任意十六進制顏色。ColorWell 一鍵生成類似色、互補色、三色組合及單色方案。
即時 WCAG 對比度
調色盤中的每一組顏色都會針對文字、大字體及 UI 元件獲得 AA/AAA 判定結果。
CSS、Tailwind、Figma 匯出
一鍵匯出為 CSS 變數、Tailwind 設定、原始 JSON 代幣，或可直接貼上的 Figma 樣式。
品牌安全變體
調整亮度與飽和度而不偏移色相。ColorWell 維持在感知色彩空間 (Oklch) 內。
命名代幣
自動命名如 "indigo-500" 或 "slate-700"，讓您的樣式表對人類更易讀，而非僅是十六進制代碼。
儲存與同步調色盤
您建立的每個調色盤都歸您所有——命名、標籤、隨時回顧。Pro 版提供雲端同步。
三個步驟
從單一品牌色開始。結束於可用的樣式表。
選擇
輸入十六進制值或使用顏色選擇器。
生成
ColorWell 構建和諧調色盤並執行所有對比度檢查。
匯出
複製 CSS、Tailwind 或 Figma 代幣——直接進入您的程式碼庫。
簡單定價
選擇方案，不再為十六進制代碼煩惱。
適合獨立設計師
- 每月儲存 100 組調色盤
- 無限對比度檢查
- CSS / Tailwind / JSON 匯出
- 品牌安全變體
適合品牌團隊
- 每月儲存 2000 組調色盤
- Figma Token 匯出
- 品牌套件（多調色盤專案）
- 雲端同步庫
- 優先支援
常見問題
需要安裝任何東西嗎？
不需要。ColorWell 完全在瀏覽器中執行——在您選擇同步之前，您的顏色不會離開您的裝置。
你們使用哪種色彩空間？
ColorWell 底層使用 Oklch——變體保持在感知色彩空間內，因此提亮品牌顏色不會導致色相偏移。
匯出是如何運作的？
一鍵複製到剪貼簿，支援 CSS 變數、Tailwind 設定區塊、原始 JSON 或適用於 Figma 的樣式。直接貼到您的程式碼或設計工具中。
有免費試用嗎？
不——這是一款付費工具，方案從每月 $5 起。入門版為每月 $5，專業版為每月 $15；您可隨時取消訂閱。
如何取消訂閱？
透過帳戶頁面或發送電子郵件給我們。取消後將停止下次續約——剩餘時間仍可繼續使用。