10個實用的配色網站@Design

May 14, 2019

｜設計解方｜

無論是在平面設計或者網站設計時，色彩的搭配都是一項具有挑戰性的任務，尤其是當你的設計必須符合客戶的要求時。如果你一直試圖為設計找到完美的配色方案，而且你不是配色專家，那你只需要找到合適的工具來為你完成這項工作。因此，島覔解方特別挑選了10個好用的配色方案生成工具，讓你可以輕鬆完成你所需要的配色！

1. Adobe Color CC
這是許多專業人士所使用的配色工具。Adobe Color CC是由Photoshop所開發，因此Color CC具有高質量的選項和功能，可用於生成極佳的配色方案。但是，Adobe Color CC有許多高階自定義和顏色規則，例如單色，混合色和三色組等，因此比較適合較資深的設計師使用。

2. Coolors

Coolors是快速調色板生成器，可以很快速的建立一個很好的配色方案。你可以使用Coolors輕鬆建立美麗的色彩組合，無需任何經驗，或者可以參考其他設計師建立的配色方案，應用到你自己的設計上。

3. Colormind

Colormind在一般色彩的模式中創造了色彩新的可能，將配色生成器提升到了一個新的水準。Colormind在生成顏色方案後，無論是隨機還是手動，Colormind都可以讓你了解調色板中每種顏色的內容，同時建議你在陰影，高光和背景中使用哪種顏色。Colormind還可以讓你了解某些UI組件（如按鈕和標籤）的顏色效果如何搭配。對於網頁設計師和用戶界面設計師來說，這是一個很好的工具。

4. Material Color Tool

Material Color Tool專為用戶界面設計師設計的的配色方案工具。但也可以使用它為你的APP或網站設計建立材質調色板。 Material Color Tool具有智慧預覽模式，可以查看所選顏色在實際設計中的外觀，可以透過預覽來節省設計過程中的配色所需的時間。

5. Color Safe

Color Safe是一個有趣的工具，可幫助你使用符合WCAG準則的配色方案。對於想要遵循將前景色和背景色保持在4.5：1對比度（AA級）規則的設計師來說，這是一個重要的工具。Color Safe可以幫助你找到符合這些準則的完美顏色。

6. Paletton

Paletton是進階的調色板生成器，具有一組自定義功能，最適合喜歡嘗試顏色的經驗豐富的設計師。該工具可以通過單色，相似色，三色組等進行自定義和預覽。一旦選擇了配色方案，還可以進行模擬，以查看在不同螢幕條件下的顏色效果。

7. Colordot

Colordot是非常容易使用的配色方案生成器，很適合任何希望根據他們的直覺立即生成調色板的設計師。只需在螢幕上移動鼠標，直到找到你喜歡的顏色，然後單擊鼠標左鍵即可選擇該顏色。你可以一直點擊，顏色會一直儲存，直到你選擇你想要的顏色。

8. Colourcode

Colourcode是另一種快速選擇配色方案的簡單工具。它的工作方式與Colordot工具類似。但是，Colourcode工具允許設計師透過單色，相似色，三色組和其他色採樣式即時找到顏色組合，從而進一步定義。選擇顏色方案後，還可以將調色板下載為.scss，.Less，甚至是PNG。

9. Palettr

Palettr與其他色彩方案生成器不同。Palettr不是手動選擇顏色，而是根據主題或地點生成顏色方案，例如紐約，巴黎，羅馬或冬季和夏季，透過輸入不同類型的主題生成適合的顏色。

10. Material Design Palette

Material Design Palette適合網頁及APP設計師，在頁面上選擇兩種顏色作為主要和次要顏色後，「材質設計」面板將為你提供實際設計中顏色外觀的實時預覽。然後，您可以將調色板下載為CSS，SVG，SASS，LESS，PNG等檔案。另外，點選上方的ICON可以下載適合的圖形做使用。還有點選COLORS有19個色帶可以選擇，裡面有不同明度及彩度的顏色可以做為設計上的配色使用，相當實用。