“用色不太高級(jí)”、“色彩不夠吸引人”、“顏色不夠活潑”...
一個(gè)出色的設(shè)計(jì)作品，除了圖文排版還要注意上色裝修，顏色搭配是設(shè)計(jì)師最基礎(chǔ)的技能。色彩有色相、明度、純度三個(gè)屬性，它是一個(gè)被低估的設(shè)計(jì)工具，用對(duì)了是“配色達(dá)人”，用錯(cuò)了則是“辣眼睛”，“世上沒有不好看的顏色，只有不好看的搭配”。
不會(huì)配色怎么辦？什么樣的顏色最迷人？怎么調(diào)配出克萊因的藍(lán)、莫奈的灰？本期文章為大家介紹20個(gè)配色網(wǎng)站，既有自動(dòng)檢測(cè)色值幫你做好配色，又有各類主題色卡助你明晰設(shè)計(jì)特點(diǎn)，設(shè)計(jì)大神的必備網(wǎng)站讓你輕松學(xué)會(huì)配色，一起來看看吧！
一、Flat UI Colors
扁平化設(shè)計(jì)必備工具
網(wǎng)站地址：
網(wǎng)站介紹：
Flat UI Colors是一個(gè)免費(fèi)、高顏值的扁平化設(shè)計(jì)調(diào)色板，采集了13種色彩、14個(gè)調(diào)色板、280種顏色，支持在線切換HEX、RGB、RGBA，點(diǎn)擊色塊即可復(fù)制或吸取色值。
二、WebGradients
設(shè)計(jì)師的色彩百寶箱
網(wǎng)站地址：
網(wǎng)站介紹：
WebGradients是180個(gè)線性漸變的集合，免費(fèi)供商業(yè)或個(gè)人使用。每種漸變色都有一個(gè)文藝的標(biāo)題并標(biāo)明顏色屬性，用戶可以復(fù)制CSS跨瀏覽器代碼，也可以下載成PSD、Sketch、PNG格式使用。
三、Palettable
人工智能配色
網(wǎng)站地址：
網(wǎng)站介紹：
Palettable是一個(gè)在線配色生成神器，分析數(shù)百萬設(shè)計(jì)配色知識(shí)，為用戶智能推薦一個(gè)顏色，你可以選擇Dislike or Like保留或移除當(dāng)前的顏色，最終生成 5種協(xié)調(diào)的配色，復(fù)制鏈接或直接導(dǎo)出圖片使用。
四、Adobe Color CC
專注色彩
網(wǎng)站地址：
https://color.adobe.com/zh/create/color-wheel
網(wǎng)站介紹：
Adobe Color CC是Adobe官方出品的配色工具，包括多種配色規(guī)則：?jiǎn)紊?，三元色，互補(bǔ)色等，提供4種色彩模式：RGB、CMYK、LAB、HSB，用戶可以根據(jù)色輪來調(diào)整配色以確保色彩的和諧平衡。
“探索”與“趨勢(shì)”功能，可以查看不同行業(yè)目前的色彩趨勢(shì)，根據(jù)畫面實(shí)景取色并自動(dòng)生成漸變色的配色方案。
五、中國(guó)色
中國(guó)傳統(tǒng)顏色
網(wǎng)站地址：
網(wǎng)站介紹：
中國(guó)色配色網(wǎng)站收集了最全的中國(guó)色，每種顏色都標(biāo)有RGB和CMYK兩種色彩參數(shù)，網(wǎng)站背景顏色會(huì)隨所選主色而變，幫助使用者精準(zhǔn)識(shí)色。
六、Material Palette
致力于為設(shè)計(jì)師提供高質(zhì)量顏色組合搭配
網(wǎng)站地址：
https://www.materialpalette.com/
網(wǎng)站介紹：
Material Palette是基于材質(zhì)設(shè)計(jì)的調(diào)色板生成器，附帶ICONS與條狀配色方案，主要包括19種主色，選擇其中1個(gè)或2個(gè)顏色就會(huì)自動(dòng)生成一組配色方案并提供7種下載格式，設(shè)計(jì)師可以實(shí)時(shí)預(yù)覽效果圖并將提取的顏色融入到App UI中。
七、Colourco
基于網(wǎng)站設(shè)計(jì)的顏色搭配工具
網(wǎng)站地址：
網(wǎng)站介紹：
Colourco可以幫助用戶在線、快速地生成配色方案，根據(jù)鼠標(biāo)移動(dòng)的區(qū)域，顏色的亮度、色調(diào)、飽和度也會(huì)隨之發(fā)生變化，可以直接修改參數(shù)進(jìn)行實(shí)時(shí)調(diào)整。
八、ColorClaim
設(shè)計(jì)師的靈感來源
網(wǎng)站地址：
https://vanschneider.com/colors
網(wǎng)站介紹：
ColorClaim由德國(guó)專業(yè)設(shè)計(jì)師所創(chuàng)建，是設(shè)計(jì)師及入門小白的配色參考網(wǎng)站。目前已有120張色卡，每個(gè)色卡都是一個(gè)主色調(diào)與一個(gè)強(qiáng)調(diào)色組成，可以將圖片復(fù)制粘貼到Photoshop或Sketch中，然后從中選擇顏色創(chuàng)建moodboards，也可以直接下載完整的調(diào)色板到Photoshop或Illustrator中。
九、Uigradients
漸變色在線 CSS 生成工具
網(wǎng)站地址：
網(wǎng)站介紹：
Uigradients收錄了近百種漸變色配色方案，可以直接下載使用或復(fù)制CSS代碼用于其他設(shè)計(jì)，網(wǎng)站支持用戶自行添加優(yōu)質(zhì)配色方案。
十、Color Leap
色彩時(shí)光機(jī)
網(wǎng)站地址：
網(wǎng)站介紹：
Color Leap整理了公元2000年到上世紀(jì)60年代間的流行色彩，用戶可以通過年份來切換主題色，在藝術(shù)品及名畫中采集復(fù)古配色并一鍵復(fù)制，在獲取配色靈感時(shí)也深入了解每個(gè)時(shí)代經(jīng)常使用的顏色色碼及特色文化。
十一、Reeoo
尋找靈感和案例的必備網(wǎng)站之一
網(wǎng)站地址：
網(wǎng)站介紹：
Reeoo是一個(gè)專門收集優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)的網(wǎng)站，目前已收錄了APP設(shè)計(jì)、Ipad設(shè)計(jì)、Icon設(shè)計(jì)等近千個(gè)網(wǎng)站案例。網(wǎng)站提供細(xì)分的主題板塊，使用者可以通過顏色搜索成品案例，來欣賞不同角度下的色彩應(yīng)用場(chǎng)景。
十二、ColorSupply
設(shè)計(jì)師和插畫師的顏色選擇器
網(wǎng)站地址：
網(wǎng)站介紹：
ColorSupply收集了來自世界各地設(shè)計(jì)師的色彩搭配方案，按照五大配色：互補(bǔ)色、相似色、三色調(diào)、分離互補(bǔ)色、四色調(diào)來分類。使用者可以通過移動(dòng)取色桿預(yù)覽區(qū)域內(nèi)的色值變化及ICON效果展示，點(diǎn)擊色卡旁邊的原點(diǎn)標(biāo)志，則會(huì)直接跳轉(zhuǎn)到設(shè)計(jì)師主頁(yè)查看對(duì)方的更多作品。
十三、Duotone by ShapeFactory
在線雙色調(diào)神器
網(wǎng)站地址：
https://duotone.shapefactory.co/?f=10c5f8&t=6736dd&q=
網(wǎng)站介紹：
Duotone by ShapeFactory左側(cè)是色彩調(diào)整欄，右側(cè)是圖片預(yù)覽，網(wǎng)站集成Unsplash免費(fèi)素材庫(kù)支持圖片搜索功能，用戶可以在線調(diào)整配色并下載使用。
十四、BrandColors
最大的官方品牌顏色代碼集合
網(wǎng)站地址：
網(wǎng)站介紹：
BrandColors現(xiàn)已收錄600多個(gè)品牌1600種顏色代碼，包括Adidas、Adobe、Alibaba等全球知名企業(yè)，從A到Z進(jìn)行排序，顏色值不支持RGB拷貝，但支持下載ASE、CSS、SCSS、LESS格式。
十五、Happy Hues
一個(gè)調(diào)色板靈感網(wǎng)站
網(wǎng)站地址：
網(wǎng)站介紹：
這是一個(gè)在線實(shí)時(shí)展示靈感的網(wǎng)站，包括17種預(yù)設(shè)配色組、6個(gè)基礎(chǔ)顏色術(shù)語(yǔ)、8種色彩心理學(xué)分析，點(diǎn)擊左側(cè)調(diào)色板時(shí)網(wǎng)頁(yè)配色也會(huì)隨之改變，單擊即可復(fù)制十六進(jìn)制代碼，在這里你可以快速找到適合的配色指南。
十六、Eva Design System
AI智能配色神器
網(wǎng)站地址：
網(wǎng)站介紹：
網(wǎng)站適用于產(chǎn)品與品牌設(shè)計(jì)配色，選擇1個(gè)主色網(wǎng)站會(huì)自動(dòng)生成一套配色方案。點(diǎn)擊調(diào)色盤自由取色，可以導(dǎo)出JPEG、JSON、Nebular Theme、UI Kitten Theme4種格式，網(wǎng)站支持調(diào)節(jié)日間與夜晚模式，是一個(gè)基于深度學(xué)習(xí)算法的配色網(wǎng)站。
十七、Trianglify
在線多邊形背景圖片生成器
網(wǎng)站地址：
網(wǎng)站介紹：
Trianglify提供多邊形背景圖片的在線制作與生成，用戶可以自定義顏色、圖片大小與圖案強(qiáng)度，支持免費(fèi)預(yù)覽圖片生成效果，導(dǎo)出高清PNG與SVG格式時(shí)需付費(fèi)下載。
十八、藝術(shù)碎片
即時(shí)配色方案
網(wǎng)站地址：
網(wǎng)站介紹：
藝術(shù)碎片推薦使用谷歌Chrome瀏覽器，上傳一張圖片即會(huì)呈現(xiàn)單色、雙色、對(duì)比色等百種預(yù)覽配色方案，有助于用戶快速為設(shè)計(jì)作品選取合適顏色。
十九、0To255
簡(jiǎn)單的取色工具
網(wǎng)站地址：
網(wǎng)站介紹：
0To255主要是幫助網(wǎng)頁(yè)設(shè)計(jì)師取色的平臺(tái)，適用于印刷、網(wǎng)站設(shè)計(jì)等，單擊網(wǎng)格中的一種顏色或輸入十六進(jìn)制代碼，右側(cè)就會(huì)呈現(xiàn)由暗到亮有序的色彩變化列表，便于設(shè)計(jì)師在不同飽和度中尋找重點(diǎn)色。
二十、Duotones Effect Generator
配對(duì)和效果生成器
網(wǎng)站地址：
https://medialoot.com/duotones/
網(wǎng)站介紹：
該網(wǎng)站適用于雙色調(diào)配色設(shè)計(jì)，涵蓋17種經(jīng)典雙色調(diào)，一鍵生成飽和度極佳的圖片效果，用戶可以選擇在線圖像或自己上傳，點(diǎn)擊便可直接下載使用。
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
全部評(píng)論（7條）