這個網(wǎng)站能猜出你最喜歡的配色組合!

2020-2-28    資深UI設(shè)計者

本文要介紹的「Palettable」是一個線上配色工具,Palettable 通過互動方式協(xié)助使用者找出最合適的色彩組合,開啟網(wǎng)站后會先隨機顯示顏色,使用者可點選喜歡、不喜歡(或是使用快捷鍵)重新顯示顏色或?qū)㈩伾潭ㄔ陧撁嬷?,最后就能得出五個搭配好的顏色組合。

依照說明,Palettable 收錄數(shù)百萬設(shè)計師的知識結(jié)晶,這些顏色可以協(xié)助我們產(chǎn)生漂亮的調(diào)色盤,利用控制選項亦可個別調(diào)整每個顏色,最后匯出帶有色碼的PNG 圖片或固定網(wǎng)址。

Palettable

網(wǎng)站鏈接:https://www.palettable.io/

使用教學(xué)

開啟Palettable 后會隨機顯示一個顏色,可點選下方的喜歡或不喜歡(快捷鍵為L 和D),喜歡會將顏色固定并開始選擇下一個顏色,不喜歡就會繼續(xù)演算其他顏色。

每個顏色中間會有HEX 色碼,點選下方的設(shè)定選項會出現(xiàn)調(diào)色盤,可以更直覺選擇你要的顏色。

點選喜歡后前一個顏色會被固定,接著就繼續(xù)選下一個顏色。

在我十分鐘的使用經(jīng)驗,重復(fù)幾次不同的配色組合,發(fā)現(xiàn)Palettable 會隨著使用者喜歡的顏色而選擇更為貼近、可互相搭配且不重復(fù)的色彩,這部份相較于其他只能隨機選色的服務(wù)來說應(yīng)該更有優(yōu)勢。

持續(xù)重復(fù)到第五個顏色,Palettable會跳出最多只有5個顏色的提示訊息,點選「Export」匯出結(jié)果。

Palettable 支援匯出為固定網(wǎng)址(會帶有你剛才選定的五個顏色組合)或是輸出為PNG 格式,如果你想把顏色組合保存下來,儲存為圖片會更易于整理和使用。

下圖就是我透過Palettable 建立的配色組合,每個顏色會有預(yù)覽,下方帶有HEX 色碼。

值得一試的三個理由:

  • 透過互動方式協(xié)助使用者找出最合適的色彩組合
  • 利用使用者選擇的顏色,計算出更貼近、可互相搭配的色彩
  • 匯出為帶有色碼PNG 圖片格式,或是產(chǎn)生固定網(wǎng)址

文章來源:優(yōu)設(shè)    作者:Pseric

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔