哈囉~大家是否對於如何配色感到困擾呢~ 這次要來分享一個網站「COLORION」，提供大家眾多 ... 在單獨點選色碼後，可以看到更詳細的資訊，像是顏色的RGB或是CMYK色碼，【飛肯設計學苑】教學範例區飛肯課程介紹教學文章首頁教學文章分類Photoshop平面設計Photoshop後製修圖Dreamweaver網頁設計CSS排版–網頁設計JavaScript程式設計RWD網頁設計SEO優化-網站優化GoodDesign好站報Free免費資源好康報開課時間表影像設計課程網頁設計課程前端程式課程免費試聽課程飛肯教學»FreeResource好康報報»【靈感來源】COLORION-尋找配色靈感的好幫手<<【上一篇】【靈感來源】-字型網站欣賞【下一篇】CSS教學分享文–固定背景圖之語法練習>>【靈感來源】COLORION-尋找配色靈感的好幫手哈囉~大家是否對於如何配色感到困擾呢~這次要來分享一個網站「COLORION」，提供大家眾多的配色組合啦😊！這網站很方便的是顏色間都可以再做關聯查詢，讓大家可以更容易去搜尋到喜歡的配色方案唷💟文章段落列表【一】瀏覽配色【二】儲存配色組合【三】配色資訊與色碼【四】相關色組合【五】上傳照片分析配色【一】瀏覽配色首先，一進入網站就可以看到很多的配色組合囉，新增加的組合會排列在上方，方便大家瀏覽。

如果大家沒有特別的想法，就直接瀏覽吧，從眾多組合中尋找喜歡的配色唷~【二】儲存配色組合每個組合下方都會有不同按鈕，像是【Save】可以儲存喜歡的配色組合❤。

【三】配色資訊與色碼或是可以點【Info】去看這組配色的詳細資訊喔👀！在單獨點選色碼後，可以看到更詳細的資訊，像是顏色的RGB或是CMYK色碼，以及其他的陰影、色調和類似色的部分，另外還有語法碼可以讓大家複製使用喔！【四】相關色組合如果是看到某組配色中有喜歡的顏色，也可以單獨選擇其中的顏色，直接點選就可以複製色碼囉，然後會跳出如下圖的對話框，點選【Findrelatedpalettes】的話，可以找到和這顏色相關🔗的其他配色組合唷！在頁面的最上方也有一排按鈕，提供大家不同的選項去搜尋顏色！像是【BASECOLORS】就提供基本的顏色讓大家做選擇，點選後一樣可以搜尋到相關的配色~【五】上傳照片分析配色或是有喜歡的圖片，也可以選【IMAGETOMATERIALPALETTE】，上傳圖片後，會看到他根據照片給的配色建議喔！大家有空就來逛逛這個網站，蒐集不同配色靈感吧 🔍！登入網站也很簡單，有Facebook、Twitter或者是Google的帳號就可以直接登入囉，將自己喜歡的組合儲存起來，也方便自己閱覽呢！今天介紹的網站，希望大家會喜歡唷🙂(網址:http://www.colorion.co/) 當您對本文有任何問題或指教，歡迎到我們的【網頁設計交流討論區】一起交流討論喔！ 相似的文章【設計資源】Halloween免費素材下載CSS教學-簡化CSS語法-「群組化」選擇器CSS3Filter濾鏡特效【設計資源】GoogleNotoFonts-免費下載「思源宋體」熱門的文章CSS語法「cursor屬性」改變滑鼠游標的形狀使用Veiwport設定手機網頁的螢幕解析度【靈感來源】-字型網站欣賞HTML到HTML5的發展簡史CSS教學–margin-top失效！外間距會直接影響到上一層postedinFreeResource好康報報,GoodDesign好站報報andtaggedcolor,css,inspiration,resource,好站推薦,設計資源,配色.<<【上一篇】【靈感來源】-字型網站欣賞【下一篇】CSS教學分享文–固定背景圖之語法練習>>留言功能已關閉。

Top【飛肯設計學苑】教學範例區本站採用WordPress建置