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