ColorDrop 免費線上調色盤!美觀實用兼具的色碼轉換器!

ColorDrop-免費線上調色盤!美觀實用兼具的色碼轉換器!封面

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略。如果你的工作或課業會需要配色技能的話,那你應該使用過 LOL Colors,今天鵠學院就要介紹另一款配色工具 – ColorDrop,ColorDrop其實跟 LoL Colors 非常相似,對小編來說最不同的是 ColorDrop 有非常齊全的色碼轉換器,相信對於大家來說一定也非常好上手,接下來就跟著鵠學苑的腳步,我們一起學習吧!

ColorDrop 免費調色盤
https://colordrop.io/

ColorDrop 是什麼

ColorDrop 介面跟 LOL Colors 類似,都是將四個顏色一起的組合,點選色彩後就會跳出對應色彩值(HEX、RGB);、比較不同的是 ColorDrop 允許使用者更換不同背景顏色,預覽在不同背景配色中套用某種顏色的感覺,讓使用者在瀏覽網站時有更多不同體驗。

ColorDrop 免費線上調色盤!美觀實用兼具的色碼轉換器!|鵠學苑

ColorDrop 使用教學

點擊上方的網址就可以進入 ColorDrop ,接下來就跟著小編一起學習,了解 ColorDrop 如何使用吧!

第一步:點擊「 ColorDrop 」進入網站後,上排的「畫筆」可以讓大家自由切換係歡的背景色。

ColorDrop 免費線上調色盤!美觀實用兼具的色碼轉換器!colordrop step1|鵠學苑

第二步:只要點選喜歡顏色的組合,便可以看色個顏色各自的色碼。

ColorDrop 免費線上調色盤!美觀實用兼具的色碼轉換器!colordrop step2|鵠學苑

第三步:最後加碼跟大家介紹在ColorDrop裡面中,小編覺得很有用的功能「色碼轉換器」。點選上排「三個點」的按鈕,選擇「Color Code Converter」,輸入HEX、RGB、HSV、HSL、CMYK 任一種色碼,即可轉換色碼。

ColorDrop 免費線上調色盤!美觀實用兼具的色碼轉換器!colordrop step3|鵠學苑

Animated icons 2.0 動態圖標Icon-提高你的網站豐富度!
https://www.design-hu.com.tw/wordpress/wordpress-tools/animated-icons.html
網頁 icon 資源分享 (一) – iconbros 及 ElegantThemes 介紹與使用方式
https://www.design-hu.com.tw/webmaster-tools/iconbros-elegantthemes.html

結語

關於 ColorDrop 的介面是不是非常容易上手呢?如果你是工作、課業上非常需要配色的讀者,或是本身就對顏色很著迷的人,趕快跟著小編的腳步一起來體驗ColorDrop吧,ColorDrop還有更多有實用的功能等你來試!

那今天的教學就到這裡告一段落了,如果想了解最新網站知識,也可以到 鵠崙設計 官網看看,我們下次的教學見~

鵠學苑|訂閱電子報

鵠學苑|網頁設計 線上免費諮詢

架站資源相關文章:

網站資訊文章推薦

通用 Google Analytics 即將停止服務,快來確認資源有沒有影響!
CTRCPMCPCCPA是什麼?一次搞懂20個網路廣告用語!
行銷組合4P4C?擬定行銷策略前必須了解的消費者觀點!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

返回頂端