一、 常用顏色英文名稱、數值對應表
避免碼代碼的時候只能想起來“red”“blue”“yellow”這些巨丑無比的純色的慘案的同時，還能擴充一下顏色詞匯量。雖然有時候直接輸色號然后再查看就好，但是在沒有嚴格要求的情況下記住幾個常用的好看顏色還挺方便的。（圖和網頁內容并不一樣）
二、 各類配色網站
1、 查看類：日本傳統色、中國傳統色
這兩個網站從設計到交互上基本上都一模一樣，據說是中國山寨日本的，只是顏色不一樣。交互效果的確美，鼠標點擊到每個顏色上就能直接將整個屏幕都變成相應的顏色。對于傳統藝術品的設計來講參考起來顏色比較直觀，但是對于網頁配色設計來講沒什么大用。好看就完事了。
2、 工具類：
RealHex（ios app） ：它能夠將一張圖片里的顏色代碼提取出來，制作各種各樣的圖片色卡，以便學習其中的配色方案。這種適用于你無意間看到了一張很棒的圖片但是沒時間或者懶得自己去吸顏色的情況，作為手機軟件還是比較方便的，但是在有ps的情況下比較雞肋，首先還是要求使用者有較好的審美，其次，圖片上好看的色彩搭配展現在網頁上就不一定是那么回事了，因為自然界很多顏色都會存在漸變、過渡讓整體看起來更加完整，單獨提取出顏色使用在網頁上反而很有可能顯得突兀、不搭配。
色采?（Android app）： 支持照片提取配色的同時，數據庫內還有已經配好的中西風格經典配色方案，“每日靈感”上可以選取自己喜歡或者不喜歡的配色。適用范圍更廣一些。
Pixolor?： 一鍵拾取屏幕色彩，設計師高效工作利器（Android）像素色彩 Pixolor 可以精確地查看手機圖片對應的像素的顏色，它有一個浮動在屏幕上的取色盤用來獲取色彩信息和像素信息，再也不用擔心手機圖片上傳到電腦會失真了。
這個算是一個比較小巧的工具，平時應該不會經常用到，但是我先存一下以防萬一。
Paletton?：在線的色環配色工具。你可以根據需要選擇單色、相近色、對比色等規則來查看配色，也可以實時查看其在網頁中的搭配效果。
這個網頁真的比較厲害，可以直接查看網頁配色效果（示例），包含button變化等，對于測試網頁配色來講很好用，但是也是適用于已經有一定配色設想的情況。
Colorfavs：網站可以上傳圖片來分析圖片的配色。通過搜索某一顏色，網站會提供關于此顏色的不同配色方案和相關顏色。選取某個顏色后可以便捷地查看某個顏色的互補色和漸變色階，提供適合這個顏色的配色方案。還是比較實用的。
3、案例學習類：給出配色方案
Colorhunt、colordrop 這兩個網站從布局上都很像，但是后面那個可以調節整體的背景顏色來看不同色板在不同背景下的視覺效果（但是我覺得并沒有什么意義啥也看不出來）。這兩個都是直接給出很多色板的網站，可以獲取最“流行”的色彩搭配，但是沒有其他的分類查找功能，對于我這種配色苦手審美黑洞來講學習價值還是很有限的……
webgradient：是一個提供漸變背景的網站，顏色都比較具有電商和未來感，做平面設計或者ppt應該會比較好用，做嚴肅新聞網頁的話可能就不太合適了，顏色都太輕了。?
Material Mixer：這個網站主要用于 MD 色彩參考。在色板中，任意選擇一種顏色后，就會獲得與之最為搭配的另外兩種顏色，從而組成界面的主體色彩。在右側的小色板卡中，可以自定義按鈕符號的色彩。你所選擇的色彩，都可以在最右側的界面中實時預覽，并獲得顏色信息，非常方便。這個我覺得網頁設計可以參考，陰影色自動選擇這個功能太貼心了，可以拯救不知道hover之后變成身么顏色好的人，而且右上角就有配色示例，nice。
Brandcolors?：官方品牌顏色代碼集合。這里收錄了多的品牌顏色代碼，比如我們熟悉的 500 px、Airbnb、Amazon 、Dribbble等。品牌由 A-Z 順序排號，有需要的時候可以看看。
這個其實適用于當你的作品中出現了某個品牌而你不清楚他的代表色是什么的情況，你就可以通過這個網站來查看他的準確色號，并且將你的作品從配色上做得與這個品牌更加相關。 不過由于是外國網站，所以對中國公司收錄的不多。?
Color Claim最初是設計師Schneider為自己建立的一個配色收藏集，一個主色加一個輔助色的簡單形式，展示出了她出眾的色感。
在這里你能找到許多優雅、獨特而又醒目的顏色搭配方案，大概能為你帶來許多新鮮的配色靈感?？梢员４鎴D片單獨取用，也可以直接下載樣板色。這個網站也是顏色比較鮮嫩，也并沒有分類查看功能，同樣是給你靈感的一個網站，但是搭配上提供的思路更多。
配色網：這個網站主要用于科普各種名稱的顏色和配色的專業知識與應用，除了配色以外還有很多學習內容，而且這也是我目前看見的唯一一個具有分類查找功能的網站（大概是配色這種東西不太好分類下定義吧），雖然頁面體驗不太好，但是干貨很多。?
除此之外還有很多讓你自己挑顏色然后生成色板或者隨機給你顏色問你保不保留然后生成色板的網站（比如Palettable和Colordot）。這種網站一不能直接選取顏色（只能靠瞎劃），二沒有參考案例，我實在是不明白意義是什么，雖然交互效果看起來是挺酷炫的，但是我本來就沒什么靈感，我要是始終沒有滿意的配色怎么辦，我覺得我能瘋。還不如直接做成日本傳統色那種更好看的顏色查看網頁。相比之下Coolors和Colourcode就好一些，除了 讓你自己free style以外還提供了整體方案（比如coolors一打開就是一個色板，colorcode還有單色色階、單色+深灰等模式）讓你感受，不至于完全瞎貓碰死耗子，可以找找找靈感。
最后存一個設計師網站整理，每日一粒，這個網站上收羅了很多設計師用得到的內容，除了色彩的搭配以外還有很多網頁設計相關內容，瀏覽學習和查找資源都很實用。
三、 色彩寓意
我本來是想仔細寫一下這段的，但是看了看感覺色彩的寓意其實就是最直觀的感受，越亮就越熱烈醒目，越暗越神秘冷淡。越淺就越溫柔清新，越深就越嚴肅莊重，暖色就熱情，冷色就冷靜……差不多就是這樣啦，具體還是要多看看案例才能熟能生巧，索性就存一下基礎寓意吧，不同國別、組織的不同寓意可以用到的時候再找。這篇網頁配色方案整理還有點東西。
紅色：熱情，活潑，張揚。容易鼓舞勇氣，同時也很容易生氣，情緒波動較大，西方以此作為戰關象征犧牲之意，東方則代表吉祥、樂觀、喜慶之意，紅色也有警示的意思。
橙色：時尚，青春，動感，有種讓人活力四射的感覺。熾烈之生命，太陽光也是橙色。
藍色：寧靜，自由，清新。歐洲為對國家之忠誠象征。一些護士護士服就是藍色的。在中國，海軍的服裝就是海藍色的。深藍也可代表孤傲、憂郁、寡言，淺藍色代表天真、純潔。同時藍色也代表沉穩，安定。還代表和平
綠色：清新，健康，希望，是生命的象征。代表安全、平靜、舒適之感，在四季分明之地方，如見到春天之樹木、有綠色的嫩葉，看了會使人有新生之感。
紫色：有點可愛，神秘，高貴，優雅，也代表著非凡的地位。一般人喜歡淡紫色，有愉快之感，青紫一般人都不喜歡，不易產生美感。紫色有高貴高雅的寓意，神秘感十足。是西方帝王的服色。
黑色：深沉，壓迫，莊重，神秘，無情色，是白色的對比色。有一種讓人感到黑暗的感覺，如和其他顏色相配合含有集中和重心感。在西方用于正式場合。
灰色：高雅，樸素，沉穩。代表寂寞、冷淡、拜金主義，灰色使人有現實感，也給人以穩重安定的感覺。
白色：清爽，無瑕，冰雪，簡單。無情色，是黑色的對比色。表純潔之感，及輕松、愉悅，濃厚之白色會有壯大之感覺，有種冬天的氣息。在東方也象征著死亡與不祥之意。
粉紅：可愛，溫馨，嬌嫩、青春、明快、浪漫、愉快。但對以不同的人感覺也不同，有些房間如果搭配的好的話，會讓人感到溫馨，沒有搭配好的話，會讓感到壓抑。建議最好不要用粉色來裝修客廳。
黃色：黃色的燦爛、輝煌，有著太陽般的光輝，象征著照亮黑暗的智慧之光。黃色有著金色的光芒，有象征著財富和權利，它是驕傲的色彩。
東方代表尊貴、優雅，是帝王御用顏色；是一種可以讓人增強食欲的顏色。西方基督教以黃色為恥辱象征。
棕色：代表健壯，與其它色不發生沖突。有耐勞、沉穩、暗淡之情，因于土地顏色相近，跟給人可靠、樸實的感覺。
銀色：代表尊貴、純潔、安全、永恒，體現品牌的核心價值。代表尊貴、高貴、神秘、冷酷，給人尊崇感，也代表著未來感。
部分內容來源網絡?
written by Ciara
