補色
什麼是配色產生器？
配色產生器會根據色彩理論規則（補色、三色、類似色、分裂補色等）建立和諧的配色方案。可用於為 UI 設計、品牌或藝術專案挑選顏色。
如何使用配色產生器
- 使用色彩選擇器挑選基礎色，或輸入 HEX 值。
- 選擇配色類型（補色、類似色、三色等）。
- 點擊任一色票以複製其 HEX，或將全部匯出為 CSS 變數 / JSON。
了解更多▾
色彩調和類型
- 補色 —互補色，高對比
- 類似色 —相鄰色，和諧沉穩
- 三色 —三種等距色彩，鮮明活潑
- 分裂補色 —基色＋與其補色相鄰的兩種顏色
- 四色配色 —在色輪上形成矩形的四種顏色
- 單色配色 —同一色相的暗色與亮色
常見問題
如何在 CSS 中使用這些顏色？
點按「複製為 CSS 變數」即可取得可直接貼上、包含所有顏色自訂屬性的片段。
我可以將調色盤匯出為 JSON 嗎？
可以。點按「匯出 JSON」即可下載包含 HEX 與 RGB 值的配色方案。