按一下空白鍵,把中意的顏色留下:Coolors

摘要

Coolors 是線上配色產生器:按空白鍵換一組和諧色板,中意的顏色可以鎖住,也能從照片取色、檢查對比,並以多種格式匯出。

軟體名稱
Coolors
版本
20260919
開源
非開源
作業系統
Web
更新時間
2026-10-06 15:38

Coolors 是線上的配色產生器,核心循環小得驚人:打開頁面,按一下空白鍵,一組和諧的顏色就出現了。如果其中一個是對的、其餘都不對,把它鎖住再按一次,一次一次按下去,直到整排都成立。截至 2026 年 9 月,已經有 800 多萬名設計師與開發者把它當成日常配色的幫手。個人使用者有一個可以長期使用的免費版本,旁邊另有一個什麼都多一點的付費方案。

空白鍵換一組,鎖頭留一個

傳統的配色方式,是在調色盤裡反覆試錯。這套工具把它換成「產生、判斷、鎖定」的循環。每按一次空白鍵,五個色塊同時換新;其中一個合意,點一下鎖頭圖示把它釘住,其餘繼續漂移。這種互動讓找方向的過程輕得多,也正好適合專案的草圖階段——主色與陪襯色必須很快定下來的時候。

在這層簡單之下,單一顏色仍然可以調整:色相、明度與飽和度都能微調,所以一次幸運的按鍵可以慢慢修成一份精確的規格。

從一張照片裡取出一組色

手上已經有參考圖的時候,取色功能會分析照片裡的主要顏色,據此組出一份對應的色板,再逐個色塊微調。對品牌視覺、海報或介面設計來說,這等於把現實素材快速轉成可用的色彩規範,也省掉拿著色卡貼在螢幕前、用眼睛猜數值的那段折磨。

在瀏覽器工具裡從一張圖片取出色板

逛別人做出來的色板

除了自己生成,站上還收著大量由使用者分享的色板。可以依主題、風格或顏色瀏覽,也能用關鍵字搜尋。當專案需要某種情緒基調——偏柔和、偏復古或偏明快——先在那一大片色板裡找到方向,再回到產生器微調,通常比從空白的一排開始快得多。這些公開色板同時也是設計參考,讓團隊在視覺風格上對齊時,不必從品味從頭爭起。

除了好看,還要看得清

配色好不好看只是一半,另一半是壓在上面的文字到底讀不讀得出來。內建的檢查工具會依通行的無障礙指引,算出前景與背景的對比比值,讓版面避開那種「一眼看還行、實際上看不清」的組合。美觀與可讀性,最後落在同一場討論裡。

匯出,以及與別人協作

色板定下來之後,可以用幾種常見格式匯出,這才是它進得了真實工作流程的關鍵。前端開發可以把數值直接複製進樣式表的變數裡,設計端則能產出一份描述這組配色的書面資料。部分較完整的匯出選項屬於付費方案。免費版本已經涵蓋日常的挑色與取色;要去掉廣告、解鎖更豐富的匯出、拿到個人主頁,就得訂閱。顏色要寫進專案時,複製對應格式就好,手動換算那一步可以省下。

擴充與其他裝置

作為線上工具,它在瀏覽器裡即開即用,沒有東西要安裝;登入同一個帳號,同一批色板在幾台裝置上都看得到。瀏覽器擴充與設計軟體的插件,把配色產生器直接放進畫圖或寫程式的那個視窗裡;手機上也有應用,出門在外想到什麼,隨手記下來不成問題。

適合誰

獨立開發者、介面設計師,或者只是想要一組順眼顏色來做簡報的人,上手的速度都差不多。圍繞它長出來的公開色板庫已經夠大,光是逛熱門色板本身就是靈感來源。對剛接觸配色的人來說,先模仿再調整,比死記色輪輕鬆得多。

不管你是做了很多年,還是上週才開始,下次卡在「這兩個顏色到底搭不搭」的時候,打開網站按幾下空白鍵,讓和諧自己跳出來。色彩理論被藏在一句話就能講完的操作背後,這正是它值得常備在日常工具裡的原因。

Coolors下載地址
支援的作業系統: Web