講真，這可能是目前最全的在線配色工具合集

配色是設(shè)計(jì)師的基本功，也是日常設(shè)計(jì)中最核心的部分，甚至是每個(gè)設(shè)計(jì)師每天都得做的功課。為網(wǎng)頁(yè)選擇一種基礎(chǔ)色并不難，但是想要一套可用的色彩組合，則是一件相對(duì)棘手的事情。所以，很多時(shí)候，借助配色工具來(lái)尋求配色方案是一個(gè)頗為不錯(cuò)的想法。

配色方法和配色工具有很多，有的工具需要配合特定的方法，而有的工具則只能應(yīng)對(duì)特定的需求。今天為你整理的這個(gè)合集主要是為網(wǎng)頁(yè)設(shè)計(jì)師所準(zhǔn)備的在線配色工具。

超人氣的配色導(dǎo)航，一共有7個(gè)模塊，從絢麗多姿的色彩方案到大開(kāi)眼界的色彩命名，代碼也可以直接復(fù)制使用，一定會(huì)是你設(shè)計(jì)好幫手。

CC

你應(yīng)該知道這款 出品的配色工具，早期它是以 的名字投入市場(chǎng)的，現(xiàn)在正式更名為 CC，并且納入到創(chuàng)意云套裝當(dāng)中了。

是一個(gè)配色愛(ài)好者社區(qū)，它包含大量的圖片和它們相應(yīng)的配色方案。許多配色愛(ài)好者會(huì)從漂亮的圖片當(dāng)中獲取相應(yīng)的配色方案，幫助設(shè)計(jì)師們更好地搭配。

是一款直觀而快速的配色工具，你可以以更加簡(jiǎn)單的方式創(chuàng)建色彩組合，同樣可以直接從圖片中取色，還可以生成不同的格式，比如SVG、PDF或者SCSS，可用于、iOS、PS和AI等不同的平臺(tái)。

2

2 是一款為OS X 所專(zhuān)門(mén)創(chuàng)建的配色工具。它為專(zhuān)業(yè)的平面設(shè)計(jì)師而生，可以在屏幕上挑選，調(diào)整，修改，組織，保存和導(dǎo)出各種顏色。

這款配色工具有網(wǎng)頁(yè)版和iOS APP兩個(gè)版本，你可以直接從調(diào)色板來(lái)創(chuàng)建配色方案，也能通過(guò)圖片和拍照來(lái)取色，并且輕松地分享出去。

CC

CC 和 CC 雖然都是取色工具，但是各自偏重不同。 是基于你所拍攝的照片來(lái)獲取配色方案，然后你可以用這個(gè)配色來(lái)創(chuàng)建筆刷或者圖案。這款工具同時(shí)兼顧到了桌面端和移動(dòng)端的需求。

LOL

想要獲得更多配色方案上的靈感？LOL 將許多配色方案打包提供給你，每個(gè)方案都有HEX和RGB等代碼，確保你立刻可以上手使用。

.io

.io 讓用戶可以使用漸變色來(lái)覆蓋圖片。這個(gè)網(wǎng)站中整個(gè)頁(yè)面中塞滿了各式各樣不同的漸變色配色方案，并且搭配了這些配色方案對(duì)應(yīng)的HEX值。

同樣是一款具有針對(duì)性的配色方案，它主要是幫你生成同一色調(diào)下的配色方案。每套配色方案的色彩都會(huì)生成對(duì)應(yīng)的HEX值。

可以幫你檢測(cè)和對(duì)比網(wǎng)頁(yè)中所有的位于前景和背景的DOM元素的色彩，確定他們的對(duì)比度是否合理，視力障礙人事能否清晰地分辨出這些元素。

是一個(gè)簡(jiǎn)單而實(shí)用的工具，你只需要上傳你喜歡的圖片，它就能幫你生成一套調(diào)色板。

允許你從 那超過(guò)2000萬(wàn)的 圖片中提取色彩。你只需要選擇一種色彩，滑動(dòng)選取你想要的顏色，便能在搜索框中加入這個(gè)色彩對(duì)應(yīng)的標(biāo)簽。

是推出的配色軟件，它只有一個(gè)目的：從照片中獲取配色方案。它的操作也極為直接：點(diǎn)擊“”按鈕選取圖片文件，點(diǎn)擊“GET MY ”按鍵得到色版。

是一款和 CC 非常類(lèi)似的工具，不同之處在于，它不再受限于5種配色，而是能夠調(diào)用更多的色彩。

是一個(gè)三步式的配色搭配工具。你挑選出基本色之后，它會(huì)生成對(duì)應(yīng)的配色方案，然后你就可以預(yù)覽這套配色的應(yīng)用效果了。

Hexu.al

Hexu.al 是一項(xiàng)有意思的服務(wù)，旨在為用戶的留言添加色彩。當(dāng)然它也能為圖片和設(shè)計(jì)添加色彩。

可能是目前功能最全面的在線配色工具之一。在它的幫助下，你可以創(chuàng)建、分析和自定義配色方案。更重要的是，它是完全免費(fèi)的。

致力于幫你找到同一個(gè)色彩對(duì)應(yīng)的深色和淺色，它可以幫你查找特定色彩的同色系的其他色。

是一款為平板而生的色彩編輯APP，它的3D取色系統(tǒng)讓你可以完全掌控配色方案。

是一款完全免費(fèi)的線上配色工具，它可以提供任何色彩的信息，包括它們?cè)诓煌渖w系下的代碼和值，比如 RGB、CMYK、HSL、HSV等等。同時(shí)，它還提供各種相關(guān)的配色方案，無(wú)論是對(duì)比色還是近似色，或者是三色、四色、五色等多種不同類(lèi)型的配色。

在這個(gè)網(wǎng)站上，你可以生成最多5種不同色調(diào)的配色方案。然后，網(wǎng)站會(huì)將數(shù)據(jù)庫(kù)中使用類(lèi)似配色的圖片都展示給你，供你參考。

是一款非常易用的配色工具，它能根據(jù)你所選取的一種顏色，生成一套6色的配色方案。

on the Web

on the Web 是基于色彩理論來(lái)幫你探索色彩在網(wǎng)頁(yè)中的運(yùn)用。使用其中內(nèi)置的配色向?qū)А⑸喓蛯?duì)比度分析器三個(gè)工具搭配起來(lái)能夠讓你更好的配色。

也是一款幫你創(chuàng)建自己配色方案的工具，你可以借助它找到相似的色彩，并且正確的將他們搭配成配色方案。

這一服務(wù)是為蘋(píng)果用戶所定制的，你可以借此探索色彩的世界，發(fā)現(xiàn)新的色彩，了解色彩之間的關(guān)系，如何協(xié)調(diào)地搭配等等。

在的幫助下，你可以讓你所瀏覽的頁(yè)面更加多彩，這款插件可以快速取色并粘貼到其他程序中。此外，可以幫你放大正在查看的頁(yè)面，測(cè)量頁(yè)面上任意兩點(diǎn)之間的距離。內(nèi)置了調(diào)色板，一方面可以方便用戶獲取預(yù)設(shè)的色彩，也可以保存自己從網(wǎng)頁(yè)中抓取的色彩。DOM 功能能幫你監(jiān)測(cè)DOM元素的各種信息。

Hunt

Hunt 是一個(gè)為配色愛(ài)好者所準(zhǔn)備的社交媒體頻道。你可以在這里找到精心挑選的配色方案，還可以獲得一些熱門(mén)的隨機(jī)配色方案運(yùn)用在自己的設(shè)計(jì)項(xiàng)目當(dāng)中。

UI

UI 為扁平化風(fēng)格的設(shè)計(jì)提供了對(duì)比度良好的配色方案。

只需要托拽，你就可以借助 輕松地調(diào)整UI元素的色彩。只需要安裝一個(gè)插件，就可以幫你搞定這一切。

搜集了世界上最受歡迎的品牌的官方配色的配色方案，可以說(shuō)是相當(dāng)有價(jià)值的配色參考。

【告訴你配色里面的秘密】

《這10種色彩，是潘通預(yù)測(cè)的2017年秋冬兩季流行色》《為什么藍(lán)色會(huì)成為UI設(shè)計(jì)中最常用的色彩？》《世界上最受歡迎的色彩出爐了，她的名字叫馬爾斯綠！》《風(fēng)騷一點(diǎn)！在網(wǎng)頁(yè)中玩轉(zhuǎn)霓虹色的正確姿勢(shì)》

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛(ài)好者也準(zhǔn)備了貼心的知識(shí)樹(shù)專(zhuān)欄。開(kāi)啟免費(fèi)自學(xué)新篇章，按照我們的專(zhuān)欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺(jué)效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：