最近介紹過一些令人印象深刻的色彩工具，多半都是 Google Chrome 外掛，例如我個人很喜愛的「CSSPeeper 為設計師量身打造，更聰明視覺化檢視網站 CSS 樣式表」，能以更簡單、有組織性的方式呈現網站樣式和各元件，對開發者來說是非常實用的工具。當然瀏覽器可以做的事情也很多，包括一行程式碼將瀏覽器變成網頁編輯器，直接從網頁中修改內容，在開發網站測試時會省時省事很多。
Material Design
HTML Color Codes 全方位免費線上選色器，輕鬆獲取色彩代碼、RGB 和 HSL
不知道你會不會經常用到選色器或選色工具（Color Picker）呢？對我來說，我在編輯網頁樣式表 CSS 時才會找顏色，通常會從一些網站配色服務尋找看起來合適且舒服的色碼，顏色雖然看似不多，但相差一些些就可能有完全不同的感覺，例如前幾天介紹的「Colors.css 符合當前網頁設計風格的預設 16 種顏色調色盤」就提供許多很適合現代網頁設計的預設配色，我最近也開始使用；另外像是 Colorable 可產生符合 WCAG 規範的配色組合也是很推薦的配色工具，假如你偏好日系風格，NIPPON COLORS 則有代表日本的 250 種配色組合。
Device Metrics 應用程式開發必備！Google 收錄筆電、行動裝置及穿戴裝置螢幕規格細節查詢
伴隨著各種大小尺寸的行動裝置問世，對開發者來說，這也是另一個不得不克服的問題，尤其是如何讓應用程式支援更多螢幕尺寸或在各種平台使用，當然最好的方式是先鎖定最大、最廣泛使用族群，目前來說行動裝置為 iOS、Android，電腦則是 Windows 和 macOS 兩大作業系統。如果你是應用程式或軟體開發者，應該會需要一份包含各種主流裝置的技術細節。
Material UI 收錄 Google、微軟及社群網站等常見設計風格配色組合
最近在設定社群分享按鈕時，因為要指定不同社群網路按鈕使用的顏色，上去 Google 後找到一個完整的標準色表，對於一般使用者來說，你可能記得 Facebook、Twitter 和 Google+ 各自的深藍色、淡藍色和橘紅色，但很難精確轉換成色碼值，我找到一份「Social Colors」記錄各種常見的社群網站代表色，而這網站還有收錄其他好用的色碼表。
Dark Reader 讓網站使用深色夜間瀏覽模式
Darkness 讓你的 Google、Facebook 使用全新深色主題風格（Chrome 擴充功能）
你知道嗎？在平常習慣使用的網路服務裡，除了透過內建功能來切換版面設計，還能利用第三方擴充外掛來讓網站看起來更不一樣！例如之前介紹過 Ink for Google 為各項 Google 服務加入更多色彩，更貼近 Material Design 設計風格；Facebook Flat 則是讓臉書設計平面化，使網頁看起來更美麗、輕量化，也能提升瀏覽速度；就連維基百科都有 WikiWand 能改變它的外觀。
Ink for Google 為你的 Google 網站樣式畫龍點睛！更具質感設計效果（Chrome 擴充功能）
Google 在前年 Google I/O 大會發表了全新 Material Design（質感設計）規範，這項設計是希望能透過新技術與科學的可能性，組合出良好設計的經典原則，有越來越多 Google 服務及應用程式已經開始遵循著 Material Design 設計風格，Google 也釋出免費向量圖示集、免費圖示來供開發者自由使用，如今有越來越多的服務正朝這個方向前進當中。
選擇你喜愛的顏色，線上產生 Material Design 風格配色建議
Google 在去年 Google I/O 大會發表 Material Design 設計規範，也為市場帶來新一波設計風潮，同時確定了 Google 日後的設計方向。在這個設計裡有一個特色是「在大面積色塊使用大膽的配色，利用動畫讓介面更生動活潑」，如果你有注意到近期的應用程式或服務，不難發現許多都使用了 Material Design 手法來重新設計，也試圖在以往我們熟悉的設計中找到一條新的出路。