網站配色

免費網站配色、色彩搭配、顏色分析工具、色彩顏色產生器。

選擇你喜愛的顏色,線上產生 Material Design 風格配色建議

選擇你喜歡的顏色,線上產生 Material Design 風格配色建議

Google 在去年 Google I/O 大會發表 Material Design 設計規範,也為市場帶來新一波設計風潮,同時確定了 Google 日後的設計方向。在這個設計裡有一個特色是「在大面積色塊使用大膽的配色,利用動畫讓介面更生動活潑」,如果你有注意到近期的應用程式或服務,不難發現許多都使用了 Material Design 手法來重新設計,也試圖在以往我們熟悉的設計中找到一條新的出路。

閱讀全文 »

Pictaculous 線上相片色彩分析工具,上傳圖片立即轉換色碼

Pictaculous 線上相片色彩分析工具,上傳圖片立即轉換色碼

偶爾我們會需要分析、找出某張圖片所使用的顏色分布,這可能會被用於設計或製作圖片使用,如果手邊正巧沒有合適的軟體,有沒有更快、更簡單的的方法來搜尋出某張圖片的配色呢?答案是有的。現在你只需要準備瀏覽器,將你要分析的圖片上傳,這項服務就會將你的圖片轉為調色盤,使用者還能夠將色票檔快速下載下來。

閱讀全文 »

Coolors 簡單、快速的選色產生器,為你找出配色靈感

Coolors 簡單、快速的選色產生器,為你找出配色靈感

很多時候我們會需要用到配色工具,尤其在對顏色毫無頭緒的情況下,例如製作簡報、網頁或設計產品時,好的配色不僅能抓住使用者目光,更能精準傳達出你要的感覺。之前我曾介紹過 Adobe Kuler 提供免費色票、顏色資訊網站,深獲許多朋友喜愛,或者你還可以透過 0to255 來快速選色,本文要介紹一款免費色彩產生器,能快速產生美麗的配色。

閱讀全文 »

Stylify Me 快速獲取網站配色、字型等風格資訊

Stylify Me 快速取得網站配色、字型等風格資訊

設計網頁除了參考現有網站的排版、架構外,更需要的就是觀摩別人是怎麼配色、選擇字型,好的設計不但能讓整體網頁質感加分,還有助於讓訪客更容易了解網站動線,而不會在瀏覽時迷路。Stylify Me 是一個讓你快速獲取某個網站配色、字型設定的線上工具,只要輸入網址,即可分析出網頁使用的所有顏色配置,包括背景顏色、文字顏色、字型、字體大小等資訊。

閱讀全文 »

0to255 實用網頁選色器,快速查顏色深淺、色碼 HEX 值

0to255 實用網頁選色器,快速查顏色深淺、色碼 HEX 值

影響一個設計的三大要素,分別為排版、佈局以及色彩,其中色彩是最難、也最需要費心來調整的項目,顏色不但會影響到整體的感覺,適當的配色也能為網站或設計增添質感,讓它看起來更與眾不同。對於非專業的設計者來說,可能經常為色碼所苦,畢竟要從一堆色碼中挑選出合適的顏色還是有些難度,我先前曾經介紹過不少網站配色工具,例如 Adobe Kuler 能提供你許多配色組合,讓你從不同的顏色組合中挑選出正確的配色。

閱讀全文 »

線上 RGB 色彩選色器、配色工具

線上 RGB 色彩選色器、配色工具

Colorspire 提供非常方便的網頁版選色工具,不用安裝軟體或下載額外程式,透過瀏覽器即可在線上選取自己需要的 RGB 色彩,並顯示出顏色的 HEX 值,例如 #FF0000 ,非常適合網頁設計或是繪製圖片時使用。

閱讀全文 »