[筆記] Palettable 互動式的挑選配色工具

章節連結

雖說網路上的配色工具有百百種,但 Palettable 是一個用互動方式讓使用者來挑選顏色配置的方便工具。對於完全沒有美術觀念的我來說,靠著它背後的演算邏輯,配出了不錯的網頁配色,可以用在前端頁面上。
palettable-to-pick-your-color-matching


網址

https://www.palettable.io/

使用方法

點選進入網站後,你會隨機看到一組顏色出現在你眼前,同時配上色碼。你如果對這個顏色不滿意,你可以點選色碼下方的圖示,來選取你喜愛的顏色。

palettable-to-pick-your-color-matching demo
當你對於顏色滿意後,你可以按下畫面正下方的 Like (喜歡) / Dislike (不喜歡),或是快捷鍵 L / D。之後會根據你之前所選的所有結果,輸出可能可以搭配的顏色給你。你可以多按幾次 Dislike 來查看你喜歡的組合,直到你滿意為止。
palettable-to-pick-your-color-matching final result
最後按下右下角的 Export ,看你是要輸出成一組固定網址方便查詢,或是圖片型式都可以。建議是保留下網址,這樣日後也方便存取。
palettable-to-pick-your-color-matching export

按讚加入粉絲團

延伸閱讀