MaterialPalette:線上顏色組合匹配工具

Material Palette 網站是一個致力於為設計師們提供顏色組合搭配的工具,讓設計師輕鬆的選擇自己喜歡的顏色,線上生成Metaerial Design 風格配色的搭配方案,讓你從煩亂的顏色中篩選出一條極具創意的顏色組合。

MaterialPalette:線上顏色組合匹配工具

如果你喜歡Material Design設計,想研究一下要怎麼做到類似效果,先前我介紹過Google釋出數百個免費Material Design圖示,可以免費使用,另外,在本文要介紹的是跟設計息息相關的「配色」,尤其適合對於顏色較不敏感,或者沒有足夠點子的設計師。

Material Palette是一款提供Material Design配色的線上工具,它的用法很簡單,你只要找出想要搭配的兩種顏色,它就會顯示出兩種顏色搭配在一起的效果預覽,並提供你較深或較淺的顏色選項,以及其他你可能會用到的顏色程式碼。

使用方法:

1.開啟Material Palette網站後,任意選擇兩種顏色,它就會自動搭配、並顯示在結果頁面的預覽圖裡,這時候你可以判斷看看顏色是不是你喜歡的,或者繼續點選左邊的色塊來選擇其他配色選項。

2.Material Palette 除了提供顏色的大方向供使用者選擇、測試外,也會提供更深、更淺的顏色組合,以及可以用於文字、圖示、分隔線、主要文字、次要文字等等的配色建議。

3.如果想保留下當前的調色盤配色組合,點選「Download」後會出現許多格式,包括CSS、SASS、LESS、SVG、XML、PNG和POLYMER。或者可以把它推送到Twitter。

猜你喜歡

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *