每次要選擇顏色的時候,我總是會從眾多配色工具找一兩個自己喜歡的,無論從中尋找靈感或挑選合適的顏色都很好用,例如:Coolors快速選色器,後來改版後界面稍微有變得複雜一些;另外還有Colordot更人性化的選色工具服務,在移動滑鼠搖標時輕鬆找出配色靈感;我也喜歡NIPPON COLORS代表日本的250種顏色,這是找尋日本傳統色系配色的絕佳網站。
越簡單的工具越深得我心,至少可快速解決問題而不用花太多時間摸索,本文要推薦的「ColorSpark」是一款非常易用的選色器,開啟網站按下「生成」按鈕,每次都會隨機出現一種顏色,同時也會顯示十六進位顏色代碼可快速複製。
除此之外,ColorSpark還提供漸層色(梯度)產生器,之前在WebGradients和CoolHue有介紹過收錄漸層背景免費下載的網站,現在你也可以在這項服務上隨機產生漸層色,一鍵快速複製CSS3語法,將它加入你的網站設計。
站點名稱:ColorSpark
網站連接:HTTPS://colorspark.app/
使用教學
步驟1
開啟ColorSpark會隨機出現一個顏色,下方會有十六進位色碼,點選「生成」重新產生一個顏色,每個顏色之間沒什麼關連,可以多按幾次看看有沒有讓自己賞心悅目的顏色。
STEP 2
點選上方的「漸變」切換成漸層色模式,會顯示兩種顏色及偏移角度。
點擊右下角的「複製CSS」可快速複製CSS3代碼,將它放進CSS檔就能成為背景顏色使用。當然還有其他使用方法,可以自己研究一下語法,總之ColorSpark主要用途就是讓使用者找到配色靈感。
STEP 3
此外,ColorSpark還提供夜間模式,從右上角點選月亮圖標切換,夜間模式底色會變深色,但功能一樣沒變,蠻有趣的功能。
依照ColorSpark說明表示這項服務是為了讓設計師找到獨特的顏色和漸層組合,通過這個可產生隨機顏色和漸變顏色的工具,可以找到一些原本不知道的顏色,這是一個有趣的實驗,或許可以為你的下一個設計項目激發出靈感。
67運營推薦值得一試的三個理由:
1、可隨機產生顏色或漸層色組合
2、 一鍵複製十六進位色碼或CSS3代碼
3、 界面簡單易用,內置夜間模式降低亮度