UI 設計中，顏色幾乎是最先被感知到的設計元素，好的色彩感知是成為一個優秀的設計師的基礎，配色網站工具層出不窮，辭典醬在篩選了100多種配色工具后，精選了這25個配色網站，相信一定會幫到您！
Cool Background 是產品設計師 Moe Amay 創建，是由5個開源生成器整理組成的彩色圖像工具集，內置5種不同的背景風格，每一種風格還提供了簡單的參數配置。非常的炫酷美觀，你可以將其添加到博客、網站或桌面和手機墻紙中。
網站鏈接：https://coolbackgrounds.io/
△ 多彩抽象三角形 trianglify.io
△動態粒子效果 marcbruederlin.github.io/particles.js
△漸變 cssgradient.io
△?漸變層生成器 s.muz.li/NTFiZjk0ZWFh
△?Unsplash圖片集 unsplash.com
Picular 是一款基于谷歌圖像搜索的色彩生成器，只需輸入描述詞，就能快速生成配色方案。
網站鏈接：https://picular.co/
Palettte 是一款色彩編輯和重映射工具，能夠可視化的看到不同顏色之間的過渡流暢度，匹配出更和諧的色彩，還支持單個顏色微調。我們還可以導入、分析和編輯現有的色彩方案。
Pigment 可以通過飽和度、色溫以及色系來生成我們獨特的配色方案，還可以查看不同配色的配色場景圖片。
網站鏈接：https://pigment.shapefactory.co/
Muzli Colors 是一款調色板生成器，可以自己添加顏色代碼或名稱查看相關的配色，預覽 UI 套件演示，也可以選擇初始顏色，快速生成和編輯多種配色方案，并根據我們自己的顏色選擇預覽和下載自定義 UI 工具包。
Colorable 一款非常實用、用來評估配色可訪問性的工具。
網站鏈接：https://colorable.jxnblk.com/
一鍵生成復古配色，可以搜索過去4000年來最具有代表性的的180個配色方案。
網站鏈接：https://colorleap.app/home
基于 Google AI 的智能配色工具，它會根據你搜索的配色方案提供相符合的配色主題的藝術圖片。
網站鏈接：https://artsexperiments.withgoogle.com/artpalette/
Color Space 是一款非常實用的漸變生成器，我們只需要選擇一個顏色，就可以快速生成20-30種不同風格的配色方案。同時還提供了梯度和三色漸變選項，可以快速生成配色并查看 CSS 代碼。
Adobe Color 通過拖拽色輪或輸入自定義色值，可以創造出基于相似、互補、三原色等不同色彩規則的配色方案。除此之外，還支持 CMYK、RGB、HSV 多種色彩模式的配色調整。
網站鏈接：https://color.adobe.com/create
Eva Design System 是一個基于深度學習算法的配色網站。適用于給我們的產品或品牌生成一個系統的配色方案。
網站鏈接：https://colors.eva.design/
Site Palette 是一款設計師和前端開發人員必備的谷歌插件。可以自動吸取網站的主要顏色，幫助我們建立色板，以及尋找相關配色的圖片，并一鍵下載配色方案。
網站鏈接：http://palette.site/
BrandColors 是最大的官方品牌配色合集。包含500多個品牌的16進制顏色代碼，包括 Facebook，Twitter，Instagram 等等。
ColorBox 是用于生成顏色集的顏色工具。可以幫助我們輕松地創建非常炫酷的色彩集，配色頁面還有大量的個性化選項，滿足我們的任何需求。
專為 UI 設計師創建的配色工具，支持根據用戶界面元素預覽配色、循環瀏覽可訪問的顏色組合并手動創建配色方案、通過網址導入或生成配色。
網站鏈接：https://cloudflare.design/color/
LOL Colors 是一款可愛的配色網站，色彩大多明快清新，直接拖動鼠標即顯示色值，方便收藏色卡。
網站鏈接：https://www.webdesignrankings.com/resources/lolcolors/
Eggradients 是一款收錄了最新設計趨勢漸變色彩的配色網站，以雞蛋的形式展現。支持一鍵復制16進制和 CSS 代碼。
網站鏈接：https://www.eggradients.com/
SVG 著色器，自動為 SVG 圖標和 SVG 矢量著色。可以選擇不同的圖標生成不同的配色，也可根據自己的喜好添加新的配色或者是修改現有的配色方案。
網站鏈接：https://www.iconshock.com/svg-color/
CoolHue 2.0是一款免費的 Sketch 漸變配色插件和收集工具。
網站鏈接：https://webkul.github.io/coolhue/sketch-plugin/
包含100多個免費的漸變色合集，支持 Sketch、PNG、AI、JPG、EPS 等多種格式下載。
網站鏈接：https://www.ls.graphics/meshgradients
WebGradients 是一個由頂級設計師策劃的免費漸變配色網站，擁有180種漂亮的線性漸變，并支持 CSS3、Photoshop 和Sketch 等多種格式。
網站鏈接：https://webgradients.com/
炫酷的漸變按鈕，還有懸停的動畫效果,還可以一鍵 Copy CSS 代碼。
網站鏈接：https://gradientbuttons.colorion.co/
Color palettes 上包含了數千種精選色彩組合。
網站鏈接：https://www.canva.com/colors/color-palettes/
Paletton 是一個在線的色環配色工具。我們可以根據需要選擇單色、相近色、對比色等規則來查看配色，也可以實時查看其在網頁中的搭配效果。
網站鏈接：http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
Grabient 一個非常漂亮且實用的漸變網站，支持 CSS 樣式代碼復制、360度漸變旋轉、自由增加或刪除漸變顏色等功能。
網站鏈接：https://www.grabient.com/
更多配色方法：
歡迎關注作者微信公眾號：「UX辭典」
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論 為下方 8 條評論點贊，解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓