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