配色單調怎麼辦?用這11個網站讓你的文案擁有「高級感」
配色單調怎麼辦?用這11個網站讓你的文案擁有「高級感」

色彩,在我們工作的時候是一種錦上添花的元素。無論你是做設計,是製作幻燈片,還是製作文案,一個套優秀的配色總會讓你的作品別有一番韻味,惹的不只是別人的眼,還順了自己的心。但你可能會時常苦惱自己不是很瞭解配色理論,無法搭配出一讓人滿意的顏色。

其實你只需要一些網站,就可以完成一套不錯的配色了,這篇文章裡少數派就會為你推薦11款不錯的配色網站。

Colordot & Colourcode

ColordotColourcode這兩個網站其實大致一樣,都是使用者在網頁區域內隨意移動滑鼠來生產色卡,在不斷生成的色卡的同時用戶可以產生自己靈感,看看能不能隨機出一個自己滿意的配色。

對於已經生成的色卡,你可以點擊刪除或者對它的色值(RGB、HSL)進行微調。其中 Colordot 還提供了iOS用戶端,可以直接用滑動縮放等手勢操作即可完成色卡的選擇。而 Colourcode 的功能比前者更加全面一些,完成自己色卡選擇過後還可以選擇不同的色卡搭配,並且還可以以不同的格式保存到本地。

Colourcode.gif
圖/ Colourcode

Awwwards

一個好的配色,不只是可以從專門的配色網站中獲取,有時我們也可以直接流覽一些優秀的設計案例。Awwwards上蒐集了眾多非常優秀的網頁設計案例,我們在鑒賞他們的設計作品時,不妨也可以看看人家是如何幫項目配色的。

它的搜索分類非常的齊全,你可以根據顏色、類型、標籤、地理位置等多個方面去篩選出你需要的專案。並且網站也會對項目進行一個評分,分別從「Design、Usability、Creativity、Content、Developer」五個方面評價,所以使用者也可以直接根據分數更快的找到最好的作品。

Awwwards.png
圖/ Awwwards

colr.org

很多優秀的電影或者照片,時常會在後期進行調色,就是「銀翼殺手」的色調風格在那段時間可說是非常的火熱。其實這些調色方案,我們也可以用於你自己的項目,colr.org就是來幫助你完成這項任務的一個工具網站。

用戶可以通過自己上傳本地的照片,或者直接使用網頁連結來導入照片。當你點擊照片的時候,上面會顯示很多的正方形方塊,那就是照片上的色彩。用戶可以自己在眾多小方塊中選擇自己喜歡的顏色,也可以點擊上方的按鈕讓網頁自動幫你把照片裡的主色調提取出來。

如果你是Sketch的用戶,可能這個網站你也不需要了,可以嘗試Alembic這款外掛程式,它用起來會更加簡單。

colr.org.png
圖/ colr.org

Material Colors

在每年Google Play評選優秀App的時候,都會有很多嚴格遵守Material設計規範的軟體出現在我們的視野裡。這些精美的App出來在佈局、元素的使用上是遵守規範的,在色彩的使用上也是非常的「精準」。對於我們來說,也可以把Material Colors運用到我們的項目中。

除了在Google官網的Guidelines裡可以找到詳細的配色以外,用戶也可以通過協力廠商的網站來快速選擇出自己的一套方案。比如在materialuicolors和Flat UI Colors上你可以快速獲得多種顏色的搭配。

然後還可以根據自己的使用情況來適當的調節顏色的等級,等級越高的色彩會越深厚。為了方便不同的色值使用習慣,網站也提供了HEX、RGB 等多種樣式複製。

Material Colors.png
圖/ Material Colors

Hex Color

使用設計工具的用戶對於不同色值的使用一定是非常的熟悉,而且大多數設計工具也可以使用不同的類型的色值。對於一個不同用戶來說,可能你有的時候在找到一個顏色後,它提供的色值並不是你需要的。

這個時候你可以使用軟體中的滴管工具來直接採集顏色,但是滴管工具其實並沒有你想像的那麼精準,時常會出現一定的偏差。而Hex Color這個網址會給你更好的答案,它會將你的色彩的所有詳細資訊展示出來。不僅是不同色值的情況,還有這些顏色所應用在哪些顏色主題中比較合適,以及相應的顏色又有哪些,可以說是顏色的百科全書了。

Hex Color.png
圖/ Hex Color

Cute Color

Color HuntLOL Colors是兩個既「直接」又「可愛」的色彩網站。說它們直接的原因是因為在這裡有著非常現成的成品,無需你搜索,只需要你瀏覽並選擇你所愛即可。而他們的設計又是眾多網站裡最可愛的,圓潤的邊角加上清新的顏色,給人一種非常的舒適的感覺,當你看到網頁左上角的笑臉時會更加喜歡它們。

除了現成的配色方案以外,還提供了一個熱度系統,你可以為自己喜歡的配色方案按讚,同時也方便你直接找到最熱門的配色方案,用戶也可以通過Email訂閱的方式來每週收到新配色的推薦。

Cute Color.png
圖/ Cute Color

傳統の色彩

除了現代的流行配色以外,傳統的色彩搭配也是一个非常不錯的選擇。不論是介绍一个傳統文化項目,又或者現在的種種,都是可以採用一下最為經典的顏色的,或許會给你帶來一些意想不到的效果。CHINESE COLORSNIPPON COLORS這兩個網站裡,就為你展現了完整的傳統色彩,不在單單只是數字符號,還有那些充滿韻味的古風名稱。

當你點開一個你喜歡的色彩後,整個網頁的背景色會發生改變,顏色的具體參數會在網頁中間展示出來。友情提醒,不要以小矩形的色彩來選擇,儘量點擊選擇後再做決定,因為背景的色彩會對你的判斷造成一定的影響。

傳統の色彩.png
圖/ 傳統の色彩

轉載授權自:少數派

關鍵字: #UI/UX設計
往下滑看下一篇文章
彰化,是活的!台灣設計展「圓未來之行」:以源創圓,看交通、建設、生活等多方面向,如何從300年中轉譯甦醒,令過去翻頁至今,創建未來!
彰化,是活的!台灣設計展「圓未來之行」:以源創圓,看交通、建設、生活等多方面向,如何從300年中轉譯甦醒,令過去翻頁至今,創建未來!

2025台灣設計展將開展!本次由彰化縣政府建設處 陳昌茂處長與策展人何來香,共同聊聊「圓未來之行」展覽與其背後的城市發展與公共建設,時代帶來了哪些蛻變與機會,彰化的未來,會是什麼模樣?陳昌茂處長談到:「先輕鬆聊聊彰化最為人知的印象吧,許多外地人提到彰化,就是控肉飯與肉圓,美食旅遊確實是大家的共同嗜好,但是否有其他的深度內容,能給大眾重新認識彰化的機會?『台灣設計展:圓未來之行』就是一個好契機。

圓未來之行,與城市一起成長:你所知道的彰化,它是什麼?

300年來的發展,彰化的農業與工業在國內甚至國際都佔有舉足輕重的角色,半工又半農的發展成了城市獨有特色,在行政區劃及地方制度的調整下,縣市間的城鄉差距造成了資源上的落差,因此,政府近年於交通、城市規劃與建設上積極推動許多計畫,此次的展覽為的就是讓民眾看見設計中與蛻變進行中的彰化,包含:彰化交流道的農業區解編、國民運動中心興建、規劃與建設八大生活圈轉運站及全國首創的長照衛福大樓等等,從交通、建設面改善實質生活,正是此次展覽核心,透過時代回顧轉譯為當代及未來發展能量,讓彰化充滿地方鮮活的發展魅力。」

策展人何來香說起,『台灣設計展:圓未來之行』以時間、轉譯、共創為展出主軸,將時間梳理成「過去─現在─未來」,包含:源(回顧記憶與成長記號)、緣(轉譯與生活)、圓(圓未來城市之貌)、合(共創未來),一如處長所說,將300年的背景梳理轉譯,在「交通、建設、生活」呈現,將其佈局為:三個室內展區X一個戶外展區,透過線上互動與實體呈現,讓彰化時代(過去─現在─未來)逐漸活起來,從低調走向鮮活光亮,「現在」,正是未來的縮影與定錨力量。

圖二.jpg
「圓未來之行」兩大重要推手:策展人何來香、彰化縣政府建設處陳昌茂處長。
圖/ 彰化縣政府

四大展區表述「三源一合」:未來可以被共創,一同設計理想的生活模樣

『台灣設計展:圓未來之行』共有四大展區,規劃為:源(記憶之源)、緣(轉譯之間)、圓(未來城市)、合(共創未來),同時串接著「時間:過去─現在─未來」的脈絡線,一覽城市的成長姿態。走進展區,開始從「過去」中逐漸甦醒,壓艙石、鐵道枕木等建材文物彷若時光倒流,將觀展者帶回記憶之源,透過佈局中的架構語言,從最微觀的建築元素開始見證曾經,呈現彰化的移居風光;來到「現在」,城市逐漸有了治理與變化,交通疏通了生活與流動,當下的建設創造了更多的「宜居」,像是:「共生共享」,表述著近年的建設成果,如:交通樞紐轉運站、伸港青年住宅、鹿江綠建築,以及老屋改造返鄉青年創業案例等,透過不同形式的交通、城市建設的延伸,以延續更多的綠化、永續、教育與建築示範及全齡照顧與幸福範例城市、共融場域等,舒展著彰化的此刻宜居。
而「未來」正在萌發的可能性,則以情境式劇場呈現城市建設藍圖,置身體驗充滿希望的願景,陪伴居民一起邁向未來。

圖三.jpg
員林市衛生所暨長照社福大樓新建工程拿下第23屆公共工程建築工程類金質獎,建築採全齡化無障礙、節能減碳設計。
圖/ 彰化縣政府

陳昌茂處長與策展人何來香提到,「未來城市」象徵著:綻放、圓滿、快捷與新鮮,展區整體風格呈現現代、乾淨、溫暖的未來感,此區域特別設計一個共創互動環節,以大尺度的城市規劃角度出發,邀請觀展者共同打造屬於彰化的未來城市,透過彰交特定區為城市共創背景,觀展者能透過平板互動,依需求、喜好選定主題類型與建築,如:該區域希望如何發展?公園綠地(共融公園、生態濕地)、產業經濟(百貨商場、研發大樓)、休閒育樂(美術館、圖書館等),民眾意見將由 AI 即時生成建築並影響城市發展指數,進而反思發展過程中經濟建設與生活環境的平衡取捨,最終會將互動成果整理成報告做為縣府施政參考,此區域的未來,將是共創而生的實驗計畫之一。而代表「合」的「戶外串聯區」,則是由在地師生以自然素材共創的「魚的肚子是我們的生活」,延伸探索永續、自然、未來想像及綠色療癒,令「圓未來之行」參與民眾跨域孩童到成人,擁抱接納多齡意見,讓想像活躍充滿新鮮生命力。

彰化的蛻變,是成長留下的獨特印記──未來,由我們共創

有趣的是,『台灣設計展:圓未來之行』本次展出地點為:彰化縣立鹿江國際中小學,它不僅是彰化首間公辦的雙語學校,也確定籌設高中部,以接軌國際的教育為目標。當展區中的時間(過去─現在─未來)與交通、建設、生活相互交融與牽連,讓每個時代的彰化,蛻變都因成長而留下獨特印記。從海洋(船運、通商)而生的彰化,在展覽中扣回海洋生態的共創溯源反思。

圖四.jpg
鹿江國際中小學新設高中部,預計117年學年度正式招生。
圖/ 彰化縣政府

陳昌茂處長認為,彰化的發展不必然要同於其他城市,當然也不會是其他城市的翻版,因為彰化有自己的專屬發展模式。期待透過此次展覽與共創,讓民眾與我們一起共同體驗最宜人與舒服的生活輪廓與幸福感受以及發掘彰化未來的無限發展可能;策展人何來香笑著分享,彰化是全球百大幸福城市的銀牌級城市,很期待各地民眾來參觀,重新感受彰化,並與群眾一同共創彰化。延續這樣的願景,彰化縣長王惠美也分享:「縣府其實一直在思考,如何擘劃下一個百年都市發展願景,讓民眾的生活變得更好,外移的人口逐漸回流。這些交通、城市建設的規劃、執行與聆聽大眾意見,都是為了一同探索未來、共同創造大家真正嚮往的生活」。

圖五.jpg
彰化縣長王惠美與縣府團隊積極規劃下一個百年都市發展願景,打造最宜居 幸福的城市。
圖/ 彰化縣政府

採訪・撰文/楊喻婷

【彰化縣政府 廣告】

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
一次搞懂Vibe Coding
© 2025 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓