編者按：今天兩個網站，一個收錄了超多的頂尖色板，包括谷歌的MD 配色、微軟的Metro 配色等等，分類清晰，使用方便。另外一個是國外的免費圖庫，可商業喲。

你可能記得 Facebook、Twitter 和 Google+ 各自的深藍色、淡藍色和橘紅色，但很難精確轉換成色碼值，我找到一份「Social Colors」記錄各種常見的社群網站代表色，而這網站還有收錄其他好用的色碼表。

Social Colors 是 Material UI 網站旗下的一個項目，就它名稱來說你可以知道主要是以表示社群網站的標準色為主，它能精確告訴你 Facebook 藍色、Twitter 淡藍色是什么色碼，也有一些中國臺灣較多人使用的服務，例如 YouTube、LINE、Instagram。想起我之前介紹過?BrandColors?則是收錄世界知名品牌的顏色色碼，或者代表日本 250 種顏色的?NIPPON COLORS，都是類似的代表色查詢服務。

Material UI?還有各種顏色色碼表，例如 Google 的?Material Design?配色、Flat Design 用戶接口配色、微軟的 Metro 配色、HTML 色彩，除此之外網站還提供 Material Design 圖示、選色器和 Unicode 特殊符號（Unicode Characters）檢索工具，如果你的工作會時常接觸到顏色，那么這個網站對你來說應該會相當有用。

Material UI

STEP 1

開啟 Material UI 網站后，從左上角的選單來切換不同的顏色配色表，前面有提到這里收錄許多常用的色彩組合，對于網頁設計或應用程序開發來說非常有用，例如常見的社群網站顏色、平面設計顏色、Material Design、Metro 顏色等等。

默認情況下點選色塊后會顯示、自動復制顏色的 #HEX 值，如果你習慣使用其他的方式來設定顏色，Material UI 還提供 RGB、RGBA 或沒有加上 # 字號的 HEX 值。

STEP 2

前面有提到，我是在找社群網站代表顏色（Social Colors）時意外發現 Material UI，假如你想要自己開發社群分享按鈕，或者想要了解這些網站使用的顏色色碼，Social Colors 頁面收錄一些常用常見的社群網站，只要點選顏色就會跳出、自動復制該服務使用的色碼。

STEP 3

之前也介紹過幾個 Google Material Design 設計風格相關的免費資源，例如在線產生 Material Design 風格配色建議的?Material Palette。

如果你喜歡微軟的 Metro 設計風格配色，Material UI 網站亦有提供，只要點選色塊上的顏色就會自動復制色碼。另外，注意到左上角的齒輪設定按鈕嗎？在這里還能將顏色名稱切換成顯示被點擊次數，就能大略知道那些顏色比較流行、較常被使用于設計開發上。

Negative Space

Negative Space?也是一個國外免費圖庫網站，收集的相片數量不多，大約只有五百張左右，但類型很全面，例如動植物、建筑、黑白、風景、食物、大自然、人物、運動、科技和運輸等等相片應有盡有，使用者可直接在網站里預覽、下載，無須注冊賬號。

根據 Negative Space?授權頁面說明，這里提供的相片皆采用?CC0?授權方式，也就是能自由復制或修改，甚至使用于商業目的，不用標注出處或連回原頁面。

STEP 1

開啟 Negative Space 網站后，首頁會顯示最近更新的新相片素材，可利用關鍵詞搜尋，或直接點選上方選單的「Photos」來查看所有相片列表。

STEP 2

Negative Space 的相片分類在左側選單，依照不同的種類分門別類，其中我蠻喜歡 Black & White 黑白相片類別，這些相片看起來還蠻有質感，而且好像比較不會跟其他人使用的相片「撞圖」。

STEP 3

和其他的免費圖庫使用方法差不多，點選圖片、開啟大張圖片的預覽畫面，點選最下方的「Download」就能下載原圖。

在 Negative Space 里有些圖片下方顯示的按鈕為「Download .Jpg」字樣，不過其實只有擴展名不同，一樣是在點擊按鈕后可以下載、取得原圖。前面有提到 Negative Space 相片采用 Creative Commons Zero 也就是 CC0 授權，因此可以編輯修改或使用于商業用途而沒有任何限制。

「優設近期人氣最高的3個神器」

1. 免費圖庫丨《超過5萬張！免費高清可商用圖庫ZOOMMY 3.0重磅來襲！》
2. 日本圖庫丨《福利兩連發！PS快速復制圖層插件+日本免費商用圖庫》
3. 可商用素材丨《每日更新，展示免費可商用素材的PIKTAB》

原文地址：free.com.tw

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量180萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com