作為(wei)(wei)一(yi)名網(wang)(wang)頁設計師(shi)，我們所(suo)做的(de)(de)(de)最重(zhong)要(yao)的(de)(de)(de)選擇之一(yi)就(jiu)(jiu)是顏色選擇，如(ru)果整體配色錯誤，那么整版(ban)設計稿就(jiu)(jiu)廢(fei)了(le)。例如(ru)，紅色通常被認為(wei)(wei)是高能(neng)量的(de)(de)(de)顏色，而藍色則意味著冷靜與(yu)和(he)(he)平。為(wei)(wei)了(le)說(shuo)明(ming)這一(yi)點(dian)，請考慮(lv)您可能(neng)在銷售(shou)兒童玩具的(de)(de)(de)網(wang)(wang)站(zhan)上使用(yong)的(de)(de)(de)顏色，而不是針對律師(shi)事務所(suo)的(de)(de)(de)網(wang)(wang)站(zhan)上使用(yong)的(de)(de)(de)顏色。所(suo)以，前者你會選的(de)(de)(de)是明(ming)亮(liang)，鮮艷的(de)(de)(de)色彩，后者者選用(yong)藍色和(he)(he)灰色的(de)(de)(de)柔和(he)(he)色調(diao)。

但(dan)你怎么知道哪種顏色在一(yi)起搭配(pei)才最好(hao)的(de)(de)？幸運的(de)(de)是(shi)，你不必(bi)成(cheng)為色彩理論的(de)(de)大師就可以把一(yi)個(ge)可行的(de)(de)調色板放(fang)在一(yi)起測試搭配(pei)。為了幫助(zhu)您完成(cheng)顏色選(xuan)擇的(de)(de)重要任務(wu)，以下5款是(shi)一(yi)些(xie)網絡上(shang)最好(hao)的(de)(de)免費顏色工具。

01.Adobe Color CC

免費工(gong)(gong)具Adobe Color CC已經有一段時間了，它是挑選調(diao)色(se)(se)板(ban)的最佳色(se)(se)彩工(gong)(gong)具之(zhi)一。您(nin)不僅(jin)可(ke)(ke)以創建自己(ji)的配色(se)(se)方(fang)案，還可(ke)(ke)以探索其他人創建的配色(se)(se)方(fang)案。

02.Colordot

Hailpixel的(de)(de)(de)Colordot是一個優秀的(de)(de)(de)免費在(zai)線(xian)工(gong)具，用(yong)于(yu)創(chuang)建調(diao)(diao)色(se)板。使用(yong)簡單(dan)的(de)(de)(de)鼠標(biao)(biao)手勢(shi)，您可以選擇并保存顏色(se)。來回移動你(ni)的(de)(de)(de)鼠標(biao)(biao)的(de)(de)(de)色(se)調(diao)(diao)，上(shang)下輕盈滾動飽和(he)度并單(dan)擊以將(jiang)顏色(se)保存到調(diao)(diao)色(se)板。點擊圖標(biao)(biao)查看(kan)每(mei)種顏色(se)的(de)(de)(de)RGB和(he)HSL值。

03.147 Colors

當您負責生成易于閱讀的CSS時，有時使(shi)用(yong)標(biao)準(zhun)的顏(yan)色(se)(se)(se)(se)(se)和顏(yan)色(se)(se)(se)(se)(se)名(ming)稱是可行的。感謝Brian Maier Jr的147種顏(yan)色(se)(se)(se)(se)(se)，你(ni)可以看到所有這些(xie)(xie)，并選擇(ze)適合你(ni)的那些(xie)(xie)顏(yan)色(se)(se)(se)(se)(se)。它(ta)包(bao)含(han)17種標(biao)準(zhun)顏(yan)色(se)(se)(se)(se)(se)，130種其他CSS顏(yan)色(se)(se)(se)(se)(se)名(ming)稱。通(tong)過藍色(se)(se)(se)(se)(se)，綠色(se)(se)(se)(se)(se)等色(se)(se)(se)(se)(se)調(diao)過濾結果，或從147種顏(yan)色(se)(se)(se)(se)(se)的彩虹中選擇(ze)。

04.Color Palette Generator

Canva的(de)(de)(de)調色(se)(se)板(ban)生成器是(shi)完美的(de)(de)(de)，如果你(ni)想從圖像創建(jian)一個(ge)調色(se)(se)板(ban)。有了這個(ge)工(gong)具，你(ni)可以上傳一個(ge)圖像，發生器將(jiang)返回包(bao)含在其中的(de)(de)(de)五種主要顏色(se)(se)的(de)(de)(de)調色(se)(se)板(ban)。還可以點擊你(ni)喜歡(huan)的(de)(de)(de)顏色(se)(se)，并將(jiang)HEX值復(fu)制(zhi)到(dao)剪貼板(ban)。

05.Material Design Palette

使用Material Design Palette，您(nin)可以選擇兩種顏(yan)色(se)，然后將其轉換為全彩(cai)色(se)調色(se)板供您(nin)下載，并完成預(yu)覽。該(gai)公司還提供材料(liao)設(she)計(ji)顏(yan)色(se)，使設(she)計(ji)人員能夠看到顏(yan)色(se)的不同陰影(ying)，以及(ji)相應的HEX值。