選擇基礎色，獲得完整調色盤，互補、類比、三角、四角或單色。將任意色塊複製為 HEX、RGB 或 HSL。不會有任何內容離開你的瀏覽器。
色彩方案生成器從你選擇的單一基底顏色建立完整的調色盤：互補（色相環上的對立位置）、類比（相鄰色相）、三等分（三個等距分佈）、四方（兩個互補對中的四個色相）和單色（相同色相的不同明度和彩度）。所有調色盤邏輯都在瀏覽器中執行；你輸入的任何內容都不會離開你的裝置。
每個生成的調色盤顯示帶有可複製的 HEX 和 RGB 值的色塊。這為設計師提供了以色彩理論為基礎的起點，而不是靠猜測。由於生成器在初次載入後即可離線使用，你可以在與客戶開會時自由嘗試品牌顏色，無需網路連線。用你手邊現有的任何記法輸入基底顏色，HEX、RGB 或 HSL 皆可，每個生成的色塊都會同時以這三種記法提供，方便你複製設計工具所需要的那一種。
互補顏色是 HSL 色相環上直接位於基底顏色對面的色相，相差 180 度。將互補顏色並排放置可以產生最大對比度。工具顯示基底顏色及其互補色，加上每種的明暗變化。
三等分調色盤使用色相環上均勻分佈、相差 120 度的三個色相。四方調色盤使用相差 90 度的四個色相，形成兩個互補對（也稱為雙互補或正方形調色盤）。四方調色盤更為複雜，需要仔細平衡比例以避免視覺噪音。
不會。調色盤生成是對基底顏色 HSL 表示的算術計算：以固定量旋轉色相角、偏移明度和彩度。每個計算都在瀏覽器中於本機執行；沒有任何內容傳送到任何伺服器。
工具目前顯示帶有可複製 HEX 和 RGB 值的色塊。若要完整匯出 CSS 自訂屬性或設計 token JSON，請手動將值複製到你的專案 token 檔案或 CSS 中。專用的匯出按鈕可能會在未來的更新中新增。
調色盤計算使用 HSL 色彩空間中的標準色相旋轉公式，這是大多數網頁設計工具中的慣例。HSL 的精確感知均勻性相比 LAB 或 OKLCH 有其局限性，但 HSL 旋轉產生的調色盤符合設計師通常期望的色相環慣例。