最近在設定社群分享按鈕時，因為要指定不同社群網路按鈕使用的顏色，上去 Google 後找到一個完整的標準色表，對於一般使用者來說，你可能記得 Facebook、Twitter 和 Google+ 各自的深藍色、淡藍色和橘紅色，但很難精確轉換成色碼值，我找到一份「Social Colors」記錄各種常見的社群網站代表色，而這網站還有收錄其他好用的色碼表。
Material UI 收錄 Google、微軟及社群網站等常見設計風格配色組合
顏色
Colorable 網頁色彩線上產生器，可產生符合 WCAG 規範配色組合
這幾年我陸續介紹一些和設計及網頁開發相關的免費資源，其中很多人會用到的「配色工具」是我相當熱愛的題材，例如 Adobe Kuler 能尋找製作簡報設計的配色靈感，從 Coolors 簡單快速的選色器來找出各種顏色組合，若你完全沒有想法，BrandColors 收錄世界知名品牌顏色色碼也是個可以參考的方向，這些線上工具最棒的就是完全不用額外下載或安裝 App，只要打開瀏覽器就能使用。
Google 搜尋內建選色器及 HEX、RGB 色碼查詢轉換工具
雖然我平時工作很少接觸色碼，偶爾在調整 CSS 或設計圖片時還是會用到，大多數情況都是使用線上調色盤或配色服務，例如 Adobe Kuler、Coolors 或之前整理的「三個線上配色工具，豐富你的全新選色靈感」，可以快速產生 HEX 值來套用到網頁樣式中。有時碰到 RGB 色碼就必須藉助轉換器的幫忙，大家都知道網路上隨意 Google 就有一堆轉換器可用，而現在 Google 搜尋已經內建這個方便功能。
Dark Reader 讓網站使用深色夜間瀏覽模式
Darkness 讓你的 Google、Facebook 使用全新深色主題風格（Chrome 擴充功能）
你知道嗎？在平常習慣使用的網路服務裡，除了透過內建功能來切換版面設計，還能利用第三方擴充外掛來讓網站看起來更不一樣！例如之前介紹過 Ink for Google 為各項 Google 服務加入更多色彩，更貼近 Material Design 設計風格；Facebook Flat 則是讓臉書設計平面化，使網頁看起來更美麗、輕量化，也能提升瀏覽速度；就連維基百科都有 WikiWand 能改變它的外觀。
ColorDrop 你唯一需要的線上調色盤！收錄各種配色組合，提供設計開發上絕佳色彩來源
如果你對於配色工具有興趣，一定還記得 LOL Colors，由國外開發者獨力完成的免費網頁選色服務，只花了 24 小時時間建置！這項服務最吸引人的地方在於網頁設計相當簡單，提供各種色彩組合，沒有太多額外或複雜難懂的功能，實在深得我心。本文要介紹的 ColorDrop 和 LOL Colors 有點相似，不過配色工具向來不嫌多，若是平常工作會需要找尋色彩靈感的話不妨將它加入書籤以備不時之需。
NIPPON COLORS 選出代表日本的 250 種顏色，日本傳統色系配色選色網站推薦
免費資源網路社群介紹過不少配色工具或色彩應用，雖然我不是從事設計相關工作，但在編修網頁時偶爾也會需要調整顏色，才能讓讀者獲得更好的瀏覽體驗。因此我傾向尋找能提供色彩靈感的工具，例如 Palettab 在每次開新分頁自動展示配色和字型，或者 BrandColors 收錄世界知名品牌顏色色碼，就連精靈寶可夢都有專屬配色網站 Pokémon Paletters。
Colovely 最簡色彩產生器，快速顯示當前顏色 HEX、RGB 及 HSL
LOL Colors 獨立開發免費網頁配色工具，24 小時完成不拖延
很多人習慣拖延事情，不是做不出來，而是難以開始（或許是缺乏動力或誘因），非得等到最後一刻才開始趕工，雖然如此，壓力卻能使這些人更專注地將計劃完成，只是過程並不好受。說了前面這些，你可能會好奇這跟免費資源有什麼關係？本文要介紹的 LOL Colors 網站就是在一個非常短時間下完成的作品，但你會發現它一點也不遜色。
Ink for Google 為你的 Google 網站樣式畫龍點睛！更具質感設計效果（Chrome 擴充功能）
Google 在前年 Google I/O 大會發表了全新 Material Design（質感設計）規範，這項設計是希望能透過新技術與科學的可能性，組合出良好設計的經典原則，有越來越多 Google 服務及應用程式已經開始遵循著 Material Design 設計風格，Google 也釋出免費向量圖示集、免費圖示來供開發者自由使用，如今有越來越多的服務正朝這個方向前進當中。