Alwane 網頁配色擷取工具,輸入網址就能取得顏色代碼相關資訊

Alwane 網頁配色擷取工具,輸入網址就能取得顏色代碼相關資訊

如果想知道某個網站配色方式,除了打開開發人員工具或是檢視原始碼,也有第三方服務可以使用,即使無法完整複製別人的配色,也能快速得知網站使用的顏色代碼或配色模式,取得顏色的色碼或色彩名稱。有沒有任何更直覺、簡單的方式來完成這些工作呢?若你有類似的需求,接下來要介紹的服務或許可以滿足,這項服務會擷取特定網頁使用的顏色,讓顏色相關資訊更一目瞭然。

Picalette 以你的心情、想法產生色彩建議,更有趣的調色盤產生器

Picalette 以你的心情、想法產生色彩建議,更有趣的調色盤產生器

如果想尋找和顏色有關的靈感,我之前介紹過不少配色工具,可以透過各種方式產生需要的顏色組合,像是 Color Palette Generator 快速產生五個可複製色碼顏色,Palettable 以互動方式來找出最合適的配色組合,都是可以碰碰運氣的方法。此外,Cover Colors 能夠從音樂專輯封面獲取配色,Google Art Palette 則是從各項藝術館藏挖掘色彩,相較於隨機產生可能更為實際,幫助使用者建構出各種畫面風格。

Accents 讓任何 Mac 都能選擇 iMac 2021 特別的強調顏色,美化顯示效果

Accents 讓任何 Mac 都能選擇 iMac 2021 特別的強調顏色,美化顯示效果

今年 Apple 公司推出搭載 M1 晶片全新 iMac 2021,使用七種不同配色,也是 iMac G4 以來首次包含多種顏色,最特別的是除了外觀顏色不同,連 Magic Keyboard 和 Magic Mouse 甚至是電源線都能搭配相同色系,看起來相當有一致性,也深受不少使用者喜愛(好像每一種顏色都有擁護者),不得不說顏色真的是很神奇的東西,讓原本平淡無奇的硬體多了更多可能性。

Flim.ai 高畫質電影劇照資料庫,25 萬張電影、紀錄片影集劇照免費下載

Flim.ai 高畫質電影劇照資料庫,25 萬張電影、紀錄片影集劇照免費下載

如果要尋找一部電影的封面照,只要在 Google 輸入片名、開啟維基百科就能得到結果,若想找電影、演員劇照或是某個很經典的橋段,就要從圖片搜尋碰碰運氣,像是給一些關鍵字描述等等,當然你也可以打開電影自己擷取某個畫面。電影劇照雖為著作權法保護的著作,但合理範圍使用是沒問題的,不過搜尋電影劇照確實有點難度,有沒有更專業的網站呢?

Veranda Colors 為設計找出合適的配色組合,也能和其他人分享調色盤

Veranda Colors 為設計找出合適的配色組合,也能和其他人分享調色盤

如果你需要一些配色靈感,我介紹過許多色彩工具,通常都會給出不錯的色彩組合,只要取得色碼就能套用,還有從特定主題挖掘色彩搭配,像是 Google Art Palette 就是以全世界藝術品來分析並找出相關色彩;Color Leap 時光機則是查詢每個時代流行的配色組合;另外,Cover Colors 從音樂專輯封面搜尋取得配色靈感,這些服務都是從實體獲取色彩的方式。當然也有很多色彩工具是採用隨機顯示,相較於有明確主題可能需要更多創造力才行。

Tailwind.ink 以神經網路產生色彩調色盤,在主色彩延伸 100 種相關顏色

Tailwind.ink

如果平常的工作和設計有關,對於色彩應該也會有一定的敏感度,若對顏色沒那麼熟悉,其實網路上有不少配色工具可以使用,通常會以不同方式產生調色盤,讓使用者在各種顏色裡快速選擇取用色碼,有助於降低色彩選擇的難度和時間。之前推薦過一些以特定主題收錄的色碼表,像是 NIPPON COLORS 就有代表日本傳統的 250 種顏色,BrandColors 收錄世界知名品牌使用的顏色資訊。

Color Palette Generator 線上調色盤工具,快速產生五個顏色可複製色碼

Color Palette Generator 線上調色盤工具,快速產生五個顏色可複製色碼

無論是開發新的應用程式、網頁設計或製作投影片時都需要用到顏色,好的色彩組合能讓整體質感提昇不少,如果對顏色沒什麼想法,也可從配色工具找尋靈感或是直接使用現成的顏色。例如之前介紹的 Palettable 透過互動方式找出最合適的色彩組合,利用 Eva Colors 深度學習的配色工具找出可搭配主品牌使用的顏色,或是從 Evernote Design 設計師必備懶人包一站式找到各種設計相關的素材資源,其中也包括色彩工具。

Palettable 線上產生漂亮配色,以互動方式找出最合適色彩組合

Palettable 線上產生漂亮配色,以互動方式找出最合適色彩組合

我推薦過不少網站配色工具,像是前段時間的 Colorinspire 我個人非常喜歡(不過好像已經無法連線有點可惜),直接推薦適合搭配一起使用的顏色組合,對於沒有靈感或色彩新手來說很有用,其他還有像是 Google Art Palette 可以從藝術品發掘色彩也是很有趣的工具。之前推薦的 CoolorsColorSpark 則透過隨機產生的方式快速建立各種顏色,不過顏色之間可能就比較沒有相關性,而配色也應該要考量到不同顏色之間可否互相搭配,對一般使用者來說就會比較棘手。

Cover Colors 從音樂專輯封面找配色靈感,顯示主要的五種顏色色碼

Cover Colors 從音樂專輯封面找配色靈感,顯示主要的五種顏色色碼

想獲得色彩靈感的方式很多,舉例來說,Google Art Palette 讓使用者從藝術作品發掘配色靈感,Color Leap 可查詢不同時代流行的色彩組合,NIPPON COLORSCHINESE COLORS 則有代表日本和中國傳統的顏色,都是透過一些實體獲取配色的方式。當沒有任何想法或對色彩沒有研究,Colorinspire 直接推薦你各種適合放在一起的色彩組合也很有用。

Colorinspire 推薦絕佳色彩組合,下個專案設計拿來試試吧!

Colorinspire 推薦絕佳色彩組合,下個專案設計拿來試試吧!

免費資源網路社群推薦過不少配色工具,但如果不是色彩控或從事相關工作,可能還是很難從顏色中挑選出合適的組合,例如要為下一個專案計畫、概念或想法設計新的色彩組合,從顏色裡可能毫無頭緒,不確定兩三種顏色搭配是不是相得益彰,這可能會影響整體視覺感受,不如直接給出色彩預覽會更易於參考。如果你經常糾結在沒有好的配色組合,接下來要介紹的服務或許會對你有幫助。