什麼是和諧配色？

依照色輪上的位置挑選的一組顏色：類似色彼此相鄰，互補色彼此相對，三等分配色則平均分布。

什麼是暗色和亮色？

同一種顏色較深和較淺的版本。色階提供從 50（最淺）到 950（最深）共十一個層級，和設計系統的用法相同。

可匯出為 CSS 變數、Tailwind 主題、JSON 或純 HEX 色碼清單。

不會。配色是在您的裝置上產生的。

是的。免費使用，免註冊，也不用安裝任何東西。

免費、免註冊，在瀏覽器中就能用。按一個鍵就能產生配色，鎖定您喜歡的顏色，或從基本色出發，以類似色、互補色或三等分配色建立配色。可匯出為 CSS 變數、Tailwind 或 JSON。

或按 空白鍵。鎖定喜歡的顏色即可保留。

基礎色配色規則

配色規則會沿著色環轉動色相：類似色保持相近，互補色使用對面的顏色，三等分色則平均分配三個色相。

點一下深淺色即可複製。選擇配色中的其他顏色可查看它的深淺色。

CSS 變數TailwindJSONHEX 清單

:root {
  --color-1: #1a1446;
  --color-2: #2f5bff;
  --color-3: #3ddc97;
  --color-4: #ffe14d;
  --color-5: #ff7ac6;
}

配色在您的裝置上產生。