20個配色常用網站

2021-02-20 逆行者的百寶箱

在設計中，關於色彩的搭配也是讓人頭疼的一部分，大部分的人對於色彩的感覺都不夠敏感，所以在配色的時候，總是缺乏靈感，不知道該如何使用顏色。

想像一下，在部門會議上，boss對你美工同事設計的配色不太滿意，你卻始終笑而不語，當問到你的意見時，你呵氣如蘭，輕聲說出：「就用紺桔梗色搭配枇杷茶色吧，再加少許蘇芳香。」頓時四座啞然，不懂的以為你在泡花茶，卻又不敢質疑，生怕表現自己的無知。

今天就給大家分享20個配色網站，讓你找到最合適的配色方案，激發你配色的靈感！乾貨滿滿！快收藏起來吧~


1

中國色

據說該網站收藏了最全的中國色，顏色皆以色卡的形式來呈現，點擊顏色背景能切換成該顏色，逼格滿滿。

網址：

http://zhongguose.com/

2

Nipponcolors 日式傳統配色

該網站收藏了日本傳統色彩，也是以色卡的形式來呈現，跟中國色一樣也是背景可以根據你所選擇的顏色來變化。

網址：

http://nipponcolors.com/

3

Colorion Material

Colorion Material網站不僅分享了幾百個色板，並且還有收藏夾的功能，方便用戶收藏。

網址：

https://material.colorion.co/

4

LOL Colors

LOL Colors是一款非常可愛的配色網站，滑鼠移動到不同顏色的水滴上會有色彩代碼(Hex Code)的顏色值。

網址：

https://www.webdesignrankings.com/resources/lolcolors/

5

Color Hunt

Color Hunt不僅會實時更新不同配色方案，用戶還能在該網站分享自己的色彩搭配，優質的配色方案往往會獲得大量的點讚。

網址：

https://colorhunt.co/

6

Material Palette

Material Palette主要特色是可以讓用戶一邊選擇顏色同時還能實時預覽效果圖，並且用戶只需要選擇1個或2個顏色後系統會自己匹配出一組APP UI 配色方案。

網址：

https://www.materialpalette.com/

7

Palettable

在進入網頁時，會隨機推薦顏色，你只需要選擇喜歡or不喜歡，直到搭配出想要的色板。

網址：

www.palettable.io/


8

colrd

colrd不僅可以保存自己喜歡的配色，也可以自己上傳圖片和配色方案。

網址：

http://colrd.com/

9

COLOURlovers

該網站除了提供了眼花繚亂的頁面色彩搭配方案外，還把DIY的原理運用其中，讓那些精彩的配色不會隨著時間的流逝而被遺忘。用戶也可以按照自定的格式上傳配色方案與大家分享。

網址：

https://www.colourlovers.com/

10

WebGradients

WebGradients網站收錄了180種漸變色彩，整體風格比較柔和。

網址：

https://webgradients.com/

11

Colourco

Colourco網站會根據你滑鼠的移動來變換顏色。

網址：

https://colourco.de/

12

Color Claim

「ColorClaim」是由德國的一位設計師創辦的配色站點，該網站展示的都是博主收集的最喜歡的顏色組合，目前已經收錄了102種組合。

網址：

https://www.vanschneider.com/colors

13

Adobe Color CC

Adobe color 是一家在線色輪，提供RGB、CMYK、LAB、SHB、HEX五種色彩模式，非常人性化，用戶可以根據自己的配色要求進行實時搭配，是網頁、App配色的絕佳去處。

網址：

color.adobe.com/

14

Uigradients

Uigradients收藏了將近上百種漸變配色方案，以分享美麗漸變色彩為主的分享站，裡面接近上百種漸變配色方案，設計師可根據自己風格來選擇搭配。

網址：

https://uigradients.com/

15

0 to 255

你隨機點擊一個顏色，它會有序呈現色彩變化的顏色列表，這時你可以選取合適的使用。

網址：

http://www.0to255.com/

16

BrandColors

BrandColors 收集了世界上許多知名品牌的配色表，可以直接讓我們參考一個品牌的配色，我們也可以在該網站上下載任何一個品牌的配色表。

網址：

https://brandcolors.net/

17

Design Seeds

Design Seeds是一個色彩與靈感的網站，主要從自然和有意義的生活美學中尋找創作元素。在花瓣網，

網址：

https://www.design-seeds.com/


18

Flat UI Colors

https://flatuicolors.com/

19

Web安全色

其實這算不上是一個配色網站，只能算一種標準。為了方便大家使用，筆者覺得Bootstrap中文網上的這個參考頁面算是比較清爽又方便的，值得放入收藏夾，以便隨時參考。

https://www.bootcss.com/p/websafecolors/

20

Color Hunter

Color Hunter也是一個十分酷炫的配色網站，功能簡單，操作方便，逼格很高，質量上乘，很適合初（lan）學（chong）者使用。網站提供了無數套設計方案，只要搜索你想要的標籤名（在網頁底部有很多tag，自己找到你想要的就行，否則可能會搜不到），就會迅速給出數套配色方案。還有一個我很喜歡的特色功能：直接把一張圖片的URL複製到search框，網站就能分析圖片並給出適合這張圖片的配色，用了你就知道有多爽了。


喜歡本篇內容請給點個「在看」    

相關焦點

  • 18個設計師常用的色彩與配色網站
    今天收集並整理了18個色彩網站，希望對大家有所幫助。#01NIPPON COLORS - 日本の傳統色https://nipponcolors.com日本傳統色，每個顏色都賦有色值跟色彩的名字，點擊名字可以查看對應顏色的CMYK&RGB的值。
  • UI設計師必備的6個配色網站
    對於程式設計師來說，UI設計我們有必要懂嗎，答案是肯定的，不管你是後端開發也好，前端那就更不用說，一定要學會有審美的細胞，雖然UI不是我們後端的必須懂的，但我還是建議你知道它的一些常用的配色網站，有時候我們也得自己修改前端代碼，也需要知道顏色的值，今天我給大家分享6個常用的配色網站，對於想從事
  • 設計師也收藏,9個良心配色網站
    分享9個設計常用的配色網站，挽救你突然枯竭的靈感，拯救你的審美！1、中國色，中國色彩網站這個網站介紹了屬於我們中國人自己的傳統顏色名稱，原本就很詩意的名稱，加上中國風的行書字體，讓你真切地感受到中國文化的博大精深！
  • 10個新媒體運營人常用網站
    深度好文-10個新媒體運營人常用網站今天靜靜要給大家分享10個新媒體運營小編比較常用的網站，為避嫌我只寫網站名字和大概做神馬的，具體的網址還需要大家自己搜索收藏起來哈，之前靜靜給大家說過~第三個要分享給大家的網站是表情包製作網站，相信在排版過程中需要不少表情包做支撐，總是用別人的也不好找適合自己的，所以不如自己製作最節省時間，靜靜這裡比較常用的是鬥圖啦和九蛙圖片，做表情包分分鐘完成，還有很多其他網站，大家可以自行搜索，怎麼順手怎麼來啦~第四個要分享的網站是有趣又比較小眾的網站，這些網站可以找到一些最新資訊
  • 網站不知道怎麼配色?看看這10個優質配色參考網站(一)
    配色靈感枯竭的時候，不妨上這10個配色網站上看看：關於配色技巧，還可以參考文章：《適合平面基礎學習者的色彩搭配小知識》1、配色網www.peise.net/支持在線配色和顏色搭配等2、Flat UI Colorsflatuicolors.com/這個網站提供了多種主流 UI 配色方案，特別是扁平化配色
  • 一分鐘搞定PPT配色丨附24個PPT配色網站
    入正題吸管工具 + 配色網站 = 1分鐘搞定PPT配色在使用吸管工具時，要跳出PPT軟體——吸管工具可以吸取軟體以外，屏幕內的任何顏色。所以，當你要給PPT設置配色時，可以打開分享配色的網站，直接吸取，搞定PPT配色方案。那麼，有哪些配色方案的網站呢？
  • 設計師必備的10個配色網站,強烈推薦!
    如果說排版是設計的骨頭，那麼配色就能算得上設計的靈魂，配色配的好絕對讓你的作品加分不少。今天獅兄就給大家分享10個設計師必備的配色網站，能讓你找到最合適的配色方案。NO6.Nipponcolors 日式傳統配色Nipponcolors日本傳統配色網站，會顯示各種顏色的CMYK值，RGB值，以色卡的形式呈現，當你點擊某個顏色時，整個頁面都會變成當前顏色，讓你更直觀看到配色。
  • 3個大神級配色網站,一鍵生成PPT配色方案,網友:太實用了
    任何一個配色都是有色彩原理的，但對於很多職場人而言，搞懂這些深奧的原理似乎意義不大，畢竟我們不是專業的色彩師。那有沒有簡單的辦法呢？這裡給大家推薦4個優秀的配色網站，幫你輕鬆獲取配色，搞定高大上配色！直接選中一組配色進行使用，就能做出優秀的配色。02 color.adobe網址：https://color.adobe.com/Adobe官方配色網站，輸入顏色後網站自動輸出相應的配色建議，也是我個人最喜歡的一個配色網站！
  • 平面設計大師常用的焦點配色
    焦點這個詞對於設計師來說應該不會感到生疏，我們要知道設計的目的便是經過視覺來傳達信息，而視覺的表現方式是有必定規律性的，焦點配色便是顏色規劃中最有效的一個手段。那麼，今日小編將為我們共享平面設計大師常用的焦點配色，一同看看吧!
  • UI設計師常用的網站有哪些
    本文由：「學設計上兔課網」原創，圖片素材來自網絡，僅供學習分享 UI設計師常用的網站有哪些？設計不是閉門造車，一個好的設計師需要更好的觀察這個世界，觀察別人的設計。
  • 2020年必定要收藏好的配色網站!
    配色網站可以幫助我們在設計的過程中，需找最合適的配色方案，並激發配色靈感。一起來看看這裡面精挑細選的15個配色網站吧，絕對乾貨！ 中國風配色 zhongguose.com 超美的中國風配色，網站號稱收集了最全的中國色，還有中英文互譯，非常貼心，五星好評。
  • 5個超讚的配色網站,設計師必備,值得收藏
    本期推薦5個超讚的在線配色網站，無論是做設計還是做網站都是不錯的工具。1.colorhunt提供超酷的在線配色板，每個版塊用相似顏色堆砌成色塊，或對比，或互補，滑鼠滑過色塊，會顯示十六進位顏色代碼，可以複製應用到任何設計作品當中。左下角小心心標明了人們對每個版塊的喜愛程度。
  • 印刷油墨配色常用的三種方法
    這些印刷油墨的配色需要使用幾種不同的方法。今天，中國紙業網的編輯將從印刷油墨開始，詳細介紹一下常用的幾種配色方法。1.經驗配色法經驗配色法是指在沒有測色儀器的情況下僅憑配色者的經驗和感覺進行配色，早期是以配色者從實踐中積累的經驗作為依據，中、後期的配色是以10種基本色圖或印刷色譜作為目視測色的參考標準
  • 8款配色神器,5分鐘解決你所有的配色難題!(建議收藏)
    相信大都知道，「吸睛」的畫面往往伴隨著出彩的顏色搭配，配色不好看，細節再精緻也很難吸引眼球。今天給大家分享8個獨家寶藏配色神器，讓大家能快速提高「色感」，也能讓大家的設計效率upupup！網站的頁面設計十分簡潔，網頁最上方（紅框內）可根據畫家名字的開頭字母來進行搜索，下面的紅框即為畫家的名字：Josef Albers。只要你能想得到的畫家和藝術家的配色都能在Color Lisa中找到，像什麼達文西、倫勃朗、莫奈、畢卡索……這個網站上都有。
  • 插畫指南 | 10大配色網站,讓你不再是「色盲」!!!
    不知道大家有沒有這樣的情況：每次畫插畫的時候總是為配色發愁，到底怎樣才能調出好看的配色方案呢？調著調著感覺自己已經是個色盲了。那今天牧野在這裡呢，給大家推薦一些配色網站，希望能夠幫到大家。CC網址：https://color.adobe.com/zh/create/color-wheel說起配色
  • 如何讓插畫的配色升級?
    收錄了許多世界名畫的配色方案。插畫師們可以根據藝術家的名字來吸取大師作品中的顏色。例如，我們找到藝術家達利的名字，可以看到有《記憶的永恆》這幅作品。點擊作品標題THE PERSISTENCE OF MEMORY，可以查看原作預覽和簡介。其他的操作也是同理，下面看看從這個網站裡找到的幾個經典名畫的配色。
  • 這十個網際網路巨頭的網站配色數據拿去!
    在網際網路上，一個好的網頁配色能叫人眼前一亮，甚至產生極大的品牌效應，好比「阿里橙」、「鏈家綠」等等。來自美國的一位設計師Paul Hebert爬取了全球前10大網站的網頁配色數據，發現了一些有趣的現象： 哪種顏色最受歡迎？在潛移默化中，這些熱門網站又向你灌輸了怎樣的用色傾向呢？
  • 48個無版權素材網站收好
    iconfinder 可以下載素材格式很多，其中包括最常用的矢量格式 SVG 和最常用的位圖格式 PNG，而且，iconfinder 還推出了一個可以在線編輯 icon 的 icon editor 功能，可以將找到的素材，根據自己的需求，在線完成編輯。iconfonticonfont 是阿里媽媽 MUX 傾力打造的矢量圖標管理、交流平臺。
  • 遙陽科技:九個實用的網站推廣增加流量的常用方法
    對於很多站長來說，網站推廣都是一個很頭疼的事情，如果做好一個網站，但是卻沒有人看，那這個網站基本就沒有了什麼價值，遙陽科技做網站推廣很多年了，積累了很多網站推廣的常用方法，現在把這些經驗總結下，分享給大家，一起來看看吧。
  • 網際網路人常用的8個素材網站,超好用
    網際網路人常用的8個素材網站，超好用作為網際網路人，如果你剪輯都不會、素材不會找、不會作圖還怎麼在網際網路行業混？網際網路公司生存必備技能就是會找素材，不會找素材的趕緊的吧。怎麼找免費的自媒體素材網站啊？下面這些素材網站正好適合你哦！8個免費圖片網站，你可以擁有優質的創作素材，以後找素材不用再發愁了。