快訊
![2022,02,24,10,05,38.png](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/9478135e93a4732808e7b6d31e1cd696.png)
許多設計師必備的色彩搭配網站「Coolors」,好用的程度甚至不需要小編特別推薦,絕對是所有設計人的愛用網站,不管你想要甚麼風格、色系的配色應有盡有,甚至有一些你根本意想不到的搭配,卻能夠很巧妙的融合。
特色介紹
■ 免費設計資源。
■ 隨機生成色票,一鍵換色票。
■ 針對照片的配色產生一組顏色搭配。
■ 可直接複製色彩編號,輸出單張的色票圖檔
■ 輸出單張的色票圖檔,多種格式的下載。
■ 創建專屬自己的色彩搭配組合。
網站連結
➤ 線上免費顏色搭配網站『Coolors』
隨機產生色票
▼ 來到首頁後,點選藍色方框【Start the generator!】
![001.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/e6c04ad6d69412fd054b3fa3120af8f7.jpeg)
▼ 會出現隨機的5個顏色的色票,而每個色塊都可以選擇不同的顏色,色碼會產生在色塊的下方。
![002.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/9cb77861126b64160db08fff861a612a.jpeg)
▼ 只要按空白鍵,就可以隨機更換色票顏色。如果其中一個顏色不是你需要的,或是你的色票不需要這麼多顏色可以點選「X」,即可刪掉這個顏色。
![004.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/cb0c45caeebee62fcfe603d5c69245d4.jpeg)
如何選擇其他顏色
▼點按顏色代碼就會出現控制板可以調整。
![005.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/20b7bb8ee34e180dfa27f3c9cf5b016e.jpeg)
▼ 如果是想選擇相似顏色的話可以點選「View Shades」。
![006.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/9b773b7afc62a4b7f689b8ded73d6e47.jpeg)
▼ 可以點選想要的近似色,這個功能在你需要選擇陰影顏色時會很好用。
![007.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/0492307c4cc5a14fe7db066dd45f6291.jpeg)
▼ 如果是確定好其中一個顏色,不希望有所變動的話可以點選「🔒」。
![009.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/7fef71670a7a68be75eba5856ee16703.jpeg)
如何自訂色票排序
▼如果想編輯色票的順序,可以點按「↔」,即可用游標點按拖曳它的位置。
![009.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/7fef71670a7a68be75eba5856ee16703.jpeg)
產生照片的顏色色票
▼ 步驟1:打開頁面上方照相機的符號。
![010.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/26cf8a08b387f62d5c68141cf37279d7.jpeg)
▼ 步驟2:選擇要「上傳照片檔」、「相機拍攝」、「圖片網址」、「資料庫」其中一種,並上傳照片。
![011.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/aca63f3f8664b8f2ad0dc141beb7d9d0.jpeg)
▼ 步驟3:系統會自動偵測這張圖片的顏色,並形成色票,若要改變顏色,就移動圖片上的圓點,圓點會隨著移動而改變顏色。
步驟4:下方的「+」、「-」符號,可以增加或減少色塊的數量。而圓點可拉的區塊則是系統會自動幫你隨機選擇這張圖片中的顏色,而有不一樣的色票結果。
![012.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/e4f9ce18c20466f8ed9194898b960d62.jpeg)
▼ 步驟5:選擇完成後,點選「Open in the generator」。
![013.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/560bdc024f4483c6fc975105c8a41913.jpeg)
▼ 最後你所選的由照片所組成的色票就會出現在原本的版面上。
![014.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/69a7f4994c0153c81db4d2bffa0a0f49.jpeg)
如何將色票下載
▼點選右上方的「Export」。
![015.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/28de73e55d97cd65acf6d027674781b6.jpeg)
▼ 這裡有多種方式可以存取或是分享這張色票,小編在這裡示範如何存成圖片檔。點選「image」。
![016.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/a0f89aba2c482389a1c2ffe5a25ff26e.jpeg)
▼ 簡單取個檔名,選「Export」,就可以將這張色票圖下載。
![017.jpg](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/4220a97486a913041cbbd419f15df88a.jpeg)
▼ 最終就會得到這張你自己製作的色票圖片。
![my color.png](http://178.128.105.246/cars-http-cdn.kikinote.net/gallery/kikinote/e7dd93d9300e5106d117e48acd08751a.png)