產生🔒 在瀏覽器中運行

色盤產生器

從任何基色產生和諧色盤

點擊色塊以複製

產生並匯出

類型

顏色數

互補色

#6366f1

#f2ef64

類似色

#64adf2

#6366f1

#a864f2

三等分色

#6366f1

#f26467

#67f264

四等分色

#6366f1

#f264ad

#f2ef64

#64f2a8

單色

#020217

#07084c

#0b0d81

#1013b6

#1418eb

#494cef

#7e80f4

#b3b4f8

#e8e8fd

深淺色

#6e99e7

#6c8dea

#6981ec

#6774ef

#6467f2

#6b62f4

#765ff7

#815df9

#8d5afc

使用案例

從設計師選擇的單一主色為品牌調色盤播種。
找到與現有主色乾淨對比的互補強調色。
建構具有 3-5 個系列足夠色相分離的圖表調色盤。
在確定最終色調之前探索某種顏色的單色變化。
為俏皮的插圖或行銷圖形產生四色調調色盤。

關於色盤產生器

調色盤產生器可以根據任何基礎顏色，運用互補色、類似色和三等分配色等色彩理論原理，建立和諧的配色方案。它免費、在瀏覽器中執行，不會在任何伺服器上儲存資料。

常見問題

如何產生調色盤？

輸入或選取一個基礎顏色，然後選擇和諧類型，如互補色、類似色、三等分配色或單色。工具會立即產生一組相互搭配的顏色，並提供HEX和RGB值。

產生調色盤時是否會儲存我的資料？

不會，所有操作在瀏覽器中執行。不會有顏色資料或偏好傳送到任何伺服器。調色盤在本機產生，僅存在於目前瀏覽器工作階段中。

有哪些色彩和諧類型可用？

該工具支援多種色彩理論和諧類型，包括互補色、類似色、三等分配色、分裂互補色和單色。每種和諧類型都能產生自然搭配的顏色，輕鬆為設計專案建立專業配色方案。

這些調色盤保證可存取（WCAG 對比度）嗎？

不——色彩理論和諧為視覺平衡而最佳化，不為文字對比度。始終使用 contrast-checker 工具檢查前景/背景對是否符合 WCAG AA（內文 4.5:1，大文字 3:1）。單色和陰影調色盤通常具有最差的固有對比度，需要仔細搭配。

為什麼吸管按鈕沒有出現在我的瀏覽器中？

吸管依賴於瀏覽器的 EyeDropper API，該 API 在基於 Chromium 的瀏覽器（Chrome、Edge、Opera）中受支援，但在 Firefox 或 Safari 中尚未支援。當不支援時，按鈕被隱藏，您可以手動貼上十六進位值。工具的其餘部分在所有瀏覽器中工作相同。

使用案例

從設計師選擇的單一主色為品牌調色盤播種。

找到與現有主色乾淨對比的互補強調色。

建構具有 3-5 個系列足夠色相分離的圖表調色盤。

在確定最終色調之前探索某種顏色的單色變化。

為俏皮的插圖或行銷圖形產生四色調調色盤。

常見問題

如何產生調色盤？

輸入或選取一個基礎顏色，然後選擇和諧類型，如互補色、類似色、三等分配色或單色。工具會立即產生一組相互搭配的顏色，並提供HEX和RGB值。

產生調色盤時是否會儲存我的資料？

不會，所有操作在瀏覽器中執行。不會有顏色資料或偏好傳送到任何伺服器。調色盤在本機產生，僅存在於目前瀏覽器工作階段中。

有哪些色彩和諧類型可用？

這些調色盤保證可存取（WCAG 對比度）嗎？

為什麼吸管按鈕沒有出現在我的瀏覽器中？