很多人習慣拖延事情,不是做不出來,而是難以開始(或許是缺乏動力或誘因),非得等到最後一刻才開始趕工,雖然如此,壓力卻能使這些人更專注地將計劃完成,只是過程並不好受。說了前面這些,你可能會好奇這跟免費資源有什麼關係?本文要介紹的 LOL Colors 網站就是在一個非常短時間下完成的作品,但你會發現它一點也不遜色。
網站配色
Color Hunt 每次開新分頁自動展示美麗的配色建議(Chrome 擴充功能)
之前在「三個線上配色工具,豐富你的全新選色靈感」介紹的 Color Hunt 網站最近終於推出 Chrome 瀏覽器擴充功能,如果你覺得這個網站很實用,希望在每次打開新分頁時都能提供你一些配色建議,不妨來免費下載、安裝,若你還不知道這是一個什麼樣的網站,可以繼續看接下來的介紹,也許你會對於線上色彩工具有些興趣。
三個線上配色工具,豐富你的全新選色靈感

我們介紹過不少與配色相關的線上工具,其中 Adobe Kuler 是我相當喜愛的服務之一,可以免費下載色票、顏色資訊,另一款 Coolors 則是一個簡單、快速的選色器工具,能提供你更多配色靈感。本文要再介紹三個最近我發現的配色工具,如果你平常的工作上會時常用到顏色,或許這些服務可以讓你更加得心應手。
選擇你喜愛的顏色,線上產生 Material Design 風格配色建議
Google 在去年 Google I/O 大會發表 Material Design 設計規範,也為市場帶來新一波設計風潮,同時確定了 Google 日後的設計方向。在這個設計裡有一個特色是「在大面積色塊使用大膽的配色,利用動畫讓介面更生動活潑」,如果你有注意到近期的應用程式或服務,不難發現許多都使用了 Material Design 手法來重新設計,也試圖在以往我們熟悉的設計中找到一條新的出路。
Pictaculous 線上相片色彩分析工具,上傳圖片立即轉換色碼
偶爾我們會需要分析、找出某張圖片所使用的顏色分布,這可能會被用於設計或製作圖片使用,如果手邊正巧沒有合適的軟體,有沒有更快、更簡單的的方法來搜尋出某張圖片的配色呢?答案是有的。現在你只需要準備瀏覽器,將你要分析的圖片上傳,這項服務就會將你的圖片轉為調色盤,使用者還能夠將色票檔快速下載下來。
BrandColors 收錄世界知名品牌「顏色」色碼,可快速下載、獲取色票資訊
一般在品牌商標(Logo)使用規範中,都會對顏色、書寫字樣或留白等細節提供詳盡的說明,其中最被使用者熟悉的「標準色」就是設計裡相當重要的一環。所有品牌都會有其最常使用的顏色,而這顏色通常會被使用者記憶在腦海裡,例如 Facebook 的藍色、Yahoo 的紫色、Spotify 的綠色等等,雖然大略知道這顏色,卻很難準確說出它的色碼(只有設計師才有這種天賦吧!),如果需要時該去什麼地方搜尋呢?
Coolors 簡單、快速的選色產生器,為你找出配色靈感
很多時候我們會需要用到配色工具,尤其在對顏色毫無頭緒的情況下,例如製作簡報、網頁或設計產品時,好的配色不僅能抓住使用者目光,更能精準傳達出你要的感覺。之前我曾介紹過 Adobe Kuler 提供免費色票、顏色資訊網站,深獲許多朋友喜愛,或者你還可以透過 0to255 來快速選色,本文要介紹一款免費色彩產生器,能快速產生美麗的配色。
Stylify Me 快速獲取網站配色、字型等風格資訊
設計網頁除了參考現有網站的排版、架構外,更需要的就是觀摩別人是怎麼配色、選擇字型,好的設計不但能讓整體網頁質感加分,還有助於讓訪客更容易了解網站動線,而不會在瀏覽時迷路。Stylify Me 是一個讓你快速獲取某個網站配色、字型設定的線上工具,只要輸入網址,即可分析出網頁使用的所有顏色配置,包括背景顏色、文字顏色、字型、字體大小等資訊。
0to255 實用網頁選色器,快速查顏色深淺、色碼 HEX 值
影響一個設計的三大要素,分別為排版、佈局以及色彩,其中色彩是最難、也最需要費心來調整的項目,顏色不但會影響到整體的感覺,適當的配色也能為網站或設計增添質感,讓它看起來更與眾不同。對於非專業的設計者來說,可能經常為色碼所苦,畢竟要從一堆色碼中挑選出合適的顏色還是有些難度,我先前曾經介紹過不少網站配色工具,例如 Adobe Kuler 能提供你許多配色組合,讓你從不同的顏色組合中挑選出正確的配色。