kuler 由 Adobe 所開發的線上色彩配置服務

kuler 由 Adobe 所開發的線上色彩配置服務

不管是平面的海報、廣告設計或網頁美工、職場上的簡報等等,常有顏色搭配的需求,若自己非科班出身,對於顏色應如何搭配才顯得合適,常會佔用較多的時間。若有色彩配置的問題,不彷可以試試由 Adobe 所開發的線上色彩配置服務 kuler ,透過 kuler 的色彩配置規則,為自己的作品搭配出更顯專業的美工色彩。

Piknik 線上顏色選擇工具

Piknik 線上顏色選擇工具

Piknik 是一個免費的線上顏色選擇服務,不同其它工具的選擇方式,Piknik 只要移動滑鼠,便能顯示出顏色,若搭配其顯示顏色的 RGB、HEX 及 HSL 的顏色碼區塊,整體配色方式就會相當協調,而所提供的顏色碼,只要複製就可以應用。

Huemint 用人工智慧替主題產生成套風格的色彩配置

Huemint 用人工智慧替主題產生成套風格的色彩配置

顏色搭配是門學問,除了基礎的色彩意義、色彩理論與色彩心理學外,還要兼顧傳統及現行的用色趨勢,因此,不同主題在不同設計師的操刀下,就會產生截然不同的效果,但,多數人可能都離色彩理論或是花錢請設計師的這條道路很遠,那該怎麼辦呢?網路上也有很多關於顏色配置的免費資源可供運用,但 Huemint 這個網站則不僅僅是產生顏色代碼,然後要用戶自行選擇而已,而是使用機器學習的方法產生具有成套風格的色彩配置,並可根據使用者對不同主題像是網站、雜誌、導引、插圖等作品及對色彩的要求,例如需要高對比度、明亮些、顏色繽紛點或是要有活力的顏色產生 1到多種具成套風格的配色板,讓使用者可以免註冊,通通拿去用。

Coolors 線上調色盤免費工具

Coolors 線上調色盤免費工具

在日常生活中或是工作上都難免會碰到有顏色要如何搭配的問題,至於要如何解決,有人會請專業人士幫忙,有人會找書,還有人就是瞎矇了,當然,瞎矇還不如到網路上找解決方案,Coolors 就是個線上配色免費工具,使用者可以自行增刪或拖動色塊並藉此調整出兩色間的層次顏色,亦可以直接選用系統搭配出的各種配色方案,每種顏色均可以產生 16進制的顏色碼,方便後續的應用,該網站可註冊成用戶,主要就是可以保存自己的顏色方案,。

AI Colors 讓 AI 根據文字描述產生配色方案,還有套用後的範本可預覽

AI Colors 讓 AI 根據文字描述產生配色方案,還有套用後的範本可預覽

AI Colors 是一個將人工智慧運用在顏色搭配領域的免費網站,除了有提供一系列熱門的顏色搭配方案可供參考外,還可讓 AI 產出符合自己文字描述的配色方案,而這些配色方案在實際應用後的效果如何?使用者也不須先實作後才能得知,AI Colors 提供該配色方案在 Mobile App、Dashboard、Portfolio 及 Landing Page 頁面等設計配色實際效果圖,直接預覽在網頁色彩搭配後的效果。

Photo Lab 讓圖片套用各類的特效樣本

Photo Lab 讓圖片套用各類的特效樣本

要自己後製圖片的門檻不低,除了要能運用圖片編輯軟體外,還要有配色、布局、美工等技巧,所以網路上有不少專以提供各式各樣的圖片特效樣板讓使用者可以直接套用的網站服務,用戶僅需選擇中意的樣板,然後上傳圖片,就能製作出如同樣版中圖片的效果圖,不但簡單、快速且效果相當好,Photo Lab 這個網站同樣提供各類的特效樣版圖,有別以往大多是以實體場景合成的單一特效樣板為主,該網站則是將主角融入虛擬化場景,而在操作上也是先選好特效樣板後就可以上傳圖片,唯一美中不足的便是下載的圖片有該網站的浮水印。

Accessible color palette generator 遵循 Google 配色指南的顏色搭配組合產生器

Accessible color palette generator 遵循 Google 配色指南的顏色搭配組合產生器

Accessible color palette generator 這個免費的線上配色工具來自 Venngage 網站,該工具遵循 WCAG 2.1 的 4.5:1 對比度的原則,使用者可以輸入主要顏色後,就可依循上述原則自動產生色彩的互補色組合,如果不知道用何種顏色,也可以透過網站隨機色彩來挑選,讓顏色搭配工作,也可以很輕鬆完成。