選單

ColorDrop 你唯一需要的線上調色盤!收錄各種配色組合,提供設計開發上絕佳色彩來源

ColorDrop 你唯一需要的線上調色盤!收錄各種配色組合,提供設計開發上絕佳色彩來源

如果你對於配色工具有興趣,一定還記得 LOL Colors,由國外開發者獨力完成的免費網頁選色服務,只花了 24 小時時間建置!這項服務最吸引人的地方在於網頁設計相當簡單,提供各種色彩組合,沒有太多額外或複雜難懂的功能,實在深得我心。本文要介紹的 ColorDrop 和 LOL Colors 有點相似,不過配色工具向來不嫌多,若是平常工作會需要找尋色彩靈感的話不妨將它加入書籤以備不時之需。

ColorDrop 介面跟 LOL Colors 類似,都是將四個一組顏色整合在一起,點選色彩後就會跳出對應色彩值(HEX、RGB),讓你能將顏色運用到其他設計開發。ColorDrop 已經收集一些配色組合,未來會持續更新,亦能將自己喜愛配色加入最愛,以便之後隨時返回網頁檢索。

比較不同的是 ColorDrop 允許使用者更換不同背景顏色,預覽在不同背景配色中套用某種顏色的感覺,讓你在瀏覽網站時有更多不同體驗。雖然是一個簡單的小工具,相信大家一定會喜歡(如果你手邊有其他推薦的配色工具,也歡迎提供給我)。

網站名稱:ColorDrop.io
網站鏈結:https://colordrop.io/

使用教學

STEP 1

開啟 ColorDrop.io 後,從首頁就能開始瀏覽色彩調色盤,網站收錄不少漂亮的配色組合,五顏六色、多采多姿。從左側切換不同背景色彩,以下是其中四種顏色。

ColorDrop

ColorDrop

ColorDrop

ColorDrop

STEP 2

點選其中任一配色組合後,網站右側會跳出這四種顏色及對應的色碼(HEX、RGB),對於要使用顏色來說確實非常方便。如果你想將它暫時收藏起來,之後返回網站時可以快速找到某個顏色的話,點選上方的「星星」就能標記為 Favourites。點選左側「Favourites」開啟所有你加入收藏的配色組合。

ColorDrop

ColorDrop

STEP 3

除此之外,ColorDrop.io 也收藏一些扁平化設計(Flat Design)常用顏色,從左側的 Flat Colors 可以找到這些顏色和 HEX 色碼。

ColorDrop

更多配色工具推薦:

分享本文