【色票查詢】可下載!免費線上配色網站『Coolors』快速產生色票

線上配色,藝術與設計,色票,RGB,Coolors配色,免費網站,iOS,Android

作者: Ginger |
文章2022-03-01
86 分享
192
現在越來越多小編或是自媒體工作者都會需要製作一些網路圖文,很多時候是不是都覺得無法選出最滿意的配色呢?這時候「色票」就會是你的好幫手!只要跟著色票的原則,基本上都能有一定的水準,所以小編要來推薦免費的顏色搭配網站「Coolors」,也有推出手機的App版本,是許多前端設計師都很常會使用的網站資源。


Coolors介紹
2022,02,24,10,05,38.png

許多設計師必備的色彩搭配網站「Coolors」,好用的程度甚至不需要小編特別推薦,絕對是所有設計人的愛用網站,不管你想要甚麼風格、色系的配色應有盡有,甚至有一些你根本意想不到的搭配,卻能夠很巧妙的融合。

特色介紹

■ 免費設計資源。
■ 隨機生成色票,一鍵換色票。
■ 針對照片的配色產生一組顏色搭配。
■ 可直接複製色彩編號,輸出單張的色票圖檔
■ 輸出單張的色票圖檔,多種格式的下載。
■ 創建專屬自己的色彩搭配組合。

網站連結
線上免費顏色搭配網站『Coolors』
 
Coolors網頁版 教學

隨機產生色票

▼ 來到首頁後,點選藍色方框【Start the generator!】
001.jpg


▼ 會出現隨機的5個顏色的色票,而每個色塊都可以選擇不同的顏色,色碼會產生在色塊的下方。
002.jpg


只要按空白鍵,就可以隨機更換色票顏色。如果其中一個顏色不是你需要的,或是你的色票不需要這麼多顏色可以點選「X」,即可刪掉這個顏色。
004.jpg
 

如何選擇其他顏色

▼點按顏色代碼就會出現控制板可以調整
005.jpg


▼ 如果是想選擇相似顏色的話可以點選「View Shades」。
006.jpg


▼ 可以點選想要的近似色,這個功能在你需要選擇陰影顏色時會很好用。
007.jpg


▼ 如果是確定好其中一個顏色,不希望有所變動的話可以點選「🔒」。
009.jpg
​​​​​​​

如何自訂色票排序

▼如果想編輯色票的順序,可以點按「」,即可用游標點按拖曳它的位置。
009.jpg
 

產生照片的顏色色票

步驟1:打開頁面上方照相機的符號。
010.jpg


步驟2:選擇要「上傳照片檔」、「相機拍攝」、「圖片網址」、「資料庫」其中一種,並上傳照片。
011.jpg


步驟3:系統會自動偵測這張圖片的顏色,並形成色票,若要改變顏色,就移動圖片上的圓點,圓點會隨著移動而改變顏色。
    步驟4:下方的「+」、「-」符號,可以增加或減少色塊的數量。而圓點可拉的區塊則是系統會自動幫你隨機選擇這張圖片中的顏色,而有不一樣的色票結果。
012.jpg


步驟5:選擇完成後,點選「Open in the generator」。
013.jpg


▼ 最後你所選的由照片所組成的色票就會出現在原本的版面上。
014.jpg

 

如何將色票下載

▼點選右上方的「Export」。
015.jpg


▼ 這裡有多種方式可以存取或是分享這張色票,小編在這裡示範如何存成圖片檔。點選「image」。
016.jpg

▼ 簡單取個檔名,選「Export」,就可以將這張色票圖下載。
017.jpg


▼ 最終就會得到這張你自己製作的色票圖片。
my color.png
 
小編心得
對於所有自媒體工作者或是各領域的設計者來說,好的配色帶你上天堂,如果對自己的配色能力沒有自信的朋友,小編絕對推薦這個網站給你,因為它的色票真的非常多元,也可以針對不同需求去選擇你的配色,讓你在設計的時候再也不用擔心自己的色彩sense不足,還可以下載下來,直接做編輯設計也是非常的貼心又方便。

 

 
貼心小提醒
1.您目前未登入,若於此狀態進行文章收藏,紀錄可能無法長期保留。
2.建議登入後進行收藏,好文會幫你保存著,隨時要看也不怕找不到唷~

KiKiNote持續為您提供最優質的資訊內容,謝謝您!
不再顯示此視窗

複製成功