免費資源網路社群介紹過不少配色工具,大部分都是以色卡方式呈現,讓使用者從眾多顏色組合中挑選自己喜歡的顏色選項,比較特殊的例如 NIPPON COLORS 選出日本最具代表性的 250 種顏色組合;或是收錄世界知名品牌顏色 BrandColors,Material UI 則有 Google、微軟或其他社群網站的代表色,相當實用有趣。
本文要介紹的 Colordot 也是另一款特別的配色、選色器,不用下載安裝軟體,直接從瀏覽器就能操作,為什麼說它特別呢?因為 Colordot 不提供你任何色彩,而是給你一個空白頁面,只要在上面移動滑鼠就會自動調整及切換顏色,按下滑鼠後就會固定顏色並顯示色碼。
假如你正好想挑選配色,但又沒有任何想法的話,或許上去 Colordot 搖一搖點點滑鼠,可以有一些讓你覺得不錯的顏色出現。
網站名稱:Colordot
網站鏈結:https://color.hailpixel.com/
使用教學
STEP 1
開啟 Colordot 網站後可以預設的色碼,這網站的呈現方式是顏色會在背景顯示,然後色碼顯示於網頁中央(使用 HEX 網頁色碼值),點擊滑鼠左鍵就會立即「暫存顏色」。
STEP 2
當你按下滑鼠左鍵時,當前的顏色會立即被儲存然後移到左邊,你就能在右邊繼續滑動游標來選出下一個顏色,有一點像選色器的概念。
隨著挑選的顏色越多,可容納色塊的欄位也會越來越少,每個範圍的空間也會縮小,當你要取用之前的顏色時,只要複製顏色上方的色碼即可。
STEP 3
注意到每個色塊最底下的兩個圖示嗎?分別為設定和刪除,開啟設定可調整顏色的 RGB、HSL 值,對於微調色彩來說還蠻有用。
話說回來,顏色一直不是簡單的事,但這個工具確實有那麼一點點有趣,至少我從沒這樣挑選過顏色。
相關文章
- ColorDrop 你唯一需要的線上調色盤!收錄各種配色組合,提供設計開發上絕佳色彩來源
- HTML Color Codes 全方位免費線上選色器,輕鬆獲取色彩代碼、RGB 和 HSL
- Palettable 線上產生漂亮配色,以互動方式找出最合適色彩組合
- Veranda Colors 為設計找出合適的配色組合,也能和其他人分享調色盤
Ten articles before and after
寫程式必備!Microsoft Docs 收錄數千個程式碼範例,還可連結到 GitHub – telegram電腦版
blip.tv 免費影片視頻分享空間 – 免費資源網路社群 – telegram電腦版
Quintessential player – 免費資源網路社群 – telegram電腦版
自然輸入法9專業版免費序號贈送,填寫問卷立即取得!(可使用至2013/2/17) – 免費資源網路社群 – telegram電腦版
Free-PHP.net – 免費PHP程式、PHP書籍、PHP教學文件與相關資源 – 免費資源網路社群 – telegram電腦版
TWBBS.org 免費網域名稱,多種後綴、可自訂DNS – 免費資源網路社群 – telegram電腦版
Zemana AntiLogger 防鍵盤側錄程式,一年份序號限時免費下載 – 免費資源網路社群 – telegram電腦版
SimilarTech 挖掘網站使用那些技術與第三方服務,來自知名流量分析平台 SimilarWeb – 免費資源網路社群 – telegram電腦版