@豁牙子的阿昕 ：阿昕分享神器以來(lái)發(fā)現(xiàn)過(guò)很多好用的配色網(wǎng)站，就在我以為網(wǎng)上那些配色網(wǎng)站都被我扒光了的時(shí)候，又發(fā)現(xiàn)了這個(gè)，Color Tool，解鎖了我對(duì)配色網(wǎng)站新的認(rèn)識(shí)。

因?yàn)槲覀兂３Ｕ业搅伺渖?，卻不知道用起來(lái)是什么效果，往往還是要在試驗(yàn)中得出結(jié)論，這就浪費(fèi)了很多時(shí)間。而這次的網(wǎng)站會(huì)在最短的時(shí)間讓你看到配色的基本效果，從而節(jié)約了很多時(shí)間。

Color Tool

看首頁(yè)：

左邊就是模擬的手機(jī)界面了，雖然略簡(jiǎn)陋，但效果還是可以的。右下的色彩模塊分為主色，輔色，主色文字和輔色文字。選中主色模塊，并挑選一個(gè)顏色就能看到效果了。

選擇一個(gè)明亮的黃色做為主色調(diào)，就看到模擬的界面發(fā)生了變化。

再選中輔色模塊并選擇一個(gè)輔助色。

最后挑選主色和輔色下分別的文字顏色，就是最終的預(yù)覽效果了。

預(yù)覽當(dāng)然不止一種界面，可以左右切換其它界面。

不光預(yù)覽，顏色模塊也分的很詳細(xì)，主色和輔色還提供了加深和減淡的效果。所有顏色也都有相應(yīng)的色號(hào)以供取用。

當(dāng)然不喜歡模板顏色也可以選擇自定義顏色選項(xiàng)。

確定配色后，選擇左上導(dǎo)航欄的 ACCESSIBILITY 可以看到你選好的內(nèi)容都已經(jīng)整理好，排好隊(duì)等你來(lái)取用了?？梢哉f(shuō)非常貼心了。

這個(gè)網(wǎng)站是 Google 的 Material Design 網(wǎng)站下一個(gè)關(guān)于配色的分支，更多關(guān)于 Material Design 的內(nèi)容可以在首頁(yè)找到。http://material.io

網(wǎng)站還有很多其他厲害的內(nèi)容，以后阿昕可以慢慢分享給大家。

Color Tool 免費(fèi)使用，用起來(lái)妥妥的。

本期分享到這里就結(jié)束了，希望大家在使用過(guò)程中多思考、并舉一反三運(yùn)用到原創(chuàng)作品中。

想要了解更多的設(shè)計(jì)神器，可以關(guān)注 @你丫才美工 美丫姐

歡迎同學(xué)們關(guān)注最充滿智（dou）慧（bi）的設(shè)計(jì)賬號(hào)：

「更多配色酷站盡在這里」

• 《懶得試配色方案，有其它的解決辦法嗎？（附常見(jiàn)搭配）》
• 《設(shè)計(jì)神器Palettable！讓你在配色國(guó)度成為選妃的君王！》
• 《最近Dribbble 流行的配色風(fēng)格是什么？看這個(gè)網(wǎng)站就知道！》

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

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

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