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