PaletteMaker 免費線上配色工具，將色彩套用到設計模板即時預覽
一般來說配色工具都是給使用者各種調色盤、色彩組合，讓我們從顏色中找尋靈感，或是直接套用可能看起來很適合的配色…
網頁色彩
Happy Hues 提供 14 種調色盤組合，以範例網站展示配色效果
如果你和我一樣不擅於配色，推薦可以從網站配色工具去尋找調色盤靈感，之前介紹過 Colorinspire 就是我很喜歡的色彩…
Colour Contrast Analyser 色彩對比分析器檢查易讀性和視覺對比度
如果網站管理者想檢查網頁的各項表現，Chrome 瀏覽器開發人員工具內建「Lighthouse」前端稽核工具很有用，透過 Light…
Alwane 網頁配色擷取工具，輸入網址就能取得顏色代碼相關資訊
如果想知道某個網站配色方式，除了打開開發人員工具或是檢視原始碼，也有第三方服務可以使用，即使無法完整複製別人…
Adobe Color 提供設計師配色建議，以關鍵字搜尋主題情境相關色彩
想尋找色彩靈感嗎？我介紹過不少配色工具可善加利用，有些是單純隨機色彩產生器，也有透過音樂專輯封面產生色碼的 Co…
Colorinspire 推薦絕佳色彩組合，下個專案設計拿來試試吧！
免費資源網路社群推薦過不少配色工具，但如果不是色彩控或從事相關工作，可能還是很難從顏色中挑選出合適的組合，例…
Who Can Use 檢查網頁配色對視力障礙使用者友善程度
全球資訊網協會（World Wide Web Consortium，W3C）制定的網頁內容無障礙指南相信大家不陌生，網頁內容無障礙指南（W…
Darkmode.js 為網站加入深色模式，只要一段程式碼就能實現
macOS 10.14 Mojave 加入全新「深色模式」功能，iOS 13 預告也會加入此模式，如果你曾經將電腦切換為深色，應該會發…
如何讓網頁變成黑白？使用 CSS Filter 套用濾鏡樣式表教學
上個月台灣發生震驚社會的宜蘭普悠瑪列車出軌事故，造成許多旅客輕重傷甚至死亡，也對台灣交通運輸安全打上一個大大…
Hex Naw 檢測你的網站配色對比和可視性評分，找出最具網頁親和力色彩組合
通常在選擇網頁的背景和前景色時會考慮到閱讀上的舒適度，如果顏色太接近或是對比太大，有可能讓閱聽者在閱讀上變得…
