配色網站推薦:線上配色工具怎麼用在居家選色

風格與佈置 · 最後更新 2026-10-17 · OPEN Design 動能開啟 編輯部

居家空間設計參考案例實景
居家空間實景|圖片來源:OPEN Design 設計師作品〈海暮色〉.莊媛婷 . 鄭瑞文
本頁重點

配色網站能幫什麼忙:居家選色先縮小範圍

配色網站最大的用處,是在去油漆行翻色卡之前,先幫你把喜歡的顏色組合找出來並縮小範圍。常見的線上配色工具可以分成四類:用色輪套用配色規則的工具、按一下就隨機產生整組顏色的色票產生器、上傳照片自動抓色的取色工具,以及可以瀏覽別人配好色票的靈感圖庫。居家選色時,通常先用照片取色或靈感圖庫找到方向,再用色輪微調,最後把色碼帶去對照實體色卡。

這些工具原本多是為平面設計與網站配色而做,所以輸出的是螢幕上的色碼,而不是油漆或建材的色號。了解這個前提,就知道配色網站的角色是「找方向」,最後仍要回到實體樣品確認。站上另有客廳配色模擬的流程整理,談的是渲染圖與大色板驗證;本篇聚焦在配色工具本身怎麼挑、怎麼操作,以及色票如何轉換成實際的材料。

常見線上配色工具類型比較

市面上的配色網站與手機應用程式很多,名稱與介面各不相同,但核心功能大致可歸納為以下幾類。挑選時不必追求功能最多,選擇能匯出色碼、操作直覺、並能儲存色票的工具即可。

工具類型主要功能適合居家選色的用途限制
色輪型配色工具選定主色後依互補、類似、三角等規則自動產生搭配色已確定牆面主色,想找家具或點綴色規則配出的顏色有時過於鮮豔,需要自行降低彩度
隨機色票產生器一鍵產生整組五色左右的色票,可鎖定喜歡的色塊再重新產生沒有方向時快速瀏覽大量組合隨機結果不考慮室內光線與材質,需要篩選
照片取色工具上傳照片後自動抓出主要色彩,可手動移動取色點把喜歡的空間照、旅行照或布料轉成色票照片受曝光與濾鏡影響,抓到的顏色可能偏亮或偏暗
配色靈感圖庫瀏覽他人分享的色票,可依熱門度或關鍵字搜尋找特定風格的配色方向多為平面或數位用途,未必適合大面積牆面
對比與漸層工具檢查兩色對比度,或產生同色系深淺漸層規劃同色系的牆面、櫃體與布料深淺層次功能單一,需搭配其他工具使用

許多隨機色票產生器按空白鍵或點一下就會換一組配色,可以把喜歡的顏色鎖定,讓其他格子繼續變換,直到整組順眼為止,對沒有方向的人特別方便。也有部分工具能把色票轉成色盲模擬、或顯示每個顏色的名稱,這些附加功能在居家應用上不是必要,但可以協助檢查顏色之間是否區分得夠清楚。

色輪配色規則:互補、類似、三角怎麼用在居家

色輪型工具會提供幾種經典配色規則,這些規則來自色彩學,但直接套用到居家空間時,往往會太鮮豔。關鍵在於把規則產生的顏色降低彩度、調整明度,變成適合大面積使用的柔和色調。

實際操作時,可以在工具裡把主色的明度調高、彩度調低,讓它變成帶灰的柔和色,再看搭配色是否仍然協調。很多人在螢幕上看起來很漂亮的純色組合,刷到整面牆後會覺得刺眼,就是因為彩度太高。居家牆面常見的莫蘭迪色、奶茶色、灰綠色,本質上都是降低彩度後的顏色。

色輪規則只是起點,不是必須遵守的公式;空間裡的木地板、石材檯面、既有家具本身都帶有顏色,應該把它們也當成色票的一部分,再決定牆面與軟裝的搭配。

照片取色與色票產生器的操作技巧

照片取色是把靈感轉成具體顏色最快的方法。上傳一張喜歡的室內照片,工具會自動抓出五到六個代表色,通常包含牆面、地板、家具與植物的顏色。不過自動抓色常會被高光或陰影影響,建議手動把取色點移到照片中光線均勻、沒有反光的區域。

使用隨機色票產生器時,可以先把照片取色得到的主色輸入並鎖定,再讓工具產生其他搭配色。這樣產生的組合會以你的主色為核心,不會完全天馬行空。若某組配色看起來不錯,但其中一色太亮,也可以點進該色塊微調明度或彩度,不必整組重來。

色票匯出格式:HEX、RGB、CMYK 與色號的差別

配色工具匯出色票時,常見的格式有 HEX、RGB、HSL 與 CMYK。HEX 是以井字號開頭的六位英數字色碼,RGB 則以紅綠藍三個數值表示,兩者都是螢幕顯示用的色彩;HSL 以色相、飽和度、亮度描述顏色,方便微調;CMYK 是印刷用的四色模式。這些格式都無法直接對應油漆或建材的色號。

同一組 HEX 色碼,在手機、筆電、外接螢幕上看起來可能都不一樣,因為每台螢幕的亮度、色溫與色域不同。因此色碼最適合用來記錄與溝通,而不是當成最終顏色的依據。和設計師或油漆師傅討論時,提供色碼與參考照片,比只說「淡淡的灰藍色」清楚得多。

把色票轉成油漆色號:比對、調色與試刷

要把螢幕上的色票變成牆上的顏色,最可靠的流程是:先用色碼縮小範圍,再找實體色卡比對,最後試刷確認。部分油漆系統的網站或應用程式提供輸入色碼找最接近色號的功能,可以作為初步參考,但找到的色號仍要看實體色卡確認。

同一個顏色刷在大面積牆面上,看起來通常會比小色卡更亮、更飽和,因此選色時可以考慮比心目中再淡一階的色號;光澤度也會影響顯色,霧面較沉穩,半光澤較亮且容易反光。

調色漆的費用通常依油漆等級、容量與調色方式計價,價格區間差異很大,僅供參考,實際依現場與報價為準。若是請師傅施工,建議把確定的色號、光澤度與塗刷位置寫在書面上,避免口頭溝通造成誤差;同一面牆最好一次調足用量,分批調色可能出現些微色差。

把色票分配到材質:牆面、地板、家具與布料

一組色票通常有五個左右的顏色,但居家空間不需要每個顏色都用上同樣比例。常用的分配方法是 60-30-10 原則:約六成面積用主色,通常是牆面與天花板;約三成用輔助色,例如大型家具、地毯、窗簾;剩下約一成用點綴色,放在抱枕、畫作、燈具與小擺飾上。

材質的質感也會改變顏色的感受。同樣的灰綠色,用在霧面牆面顯得柔和,用在亮面烤漆櫃門則顯得較鮮明,用在絨布沙發上又會因為布料光影而更深。因此選定色票後,最好收集牆面漆、櫃體樣板、布料與地板樣品,放在一起拍照比對,確認整體組合,再正式下訂。

網站配色與居家配色的差異,以及常見失誤

很多人搜尋網站配色時找到的工具,和居家選色用的是同一批配色網站,但兩者的需求不同。網站配色重視文字與背景的對比度、按鈕是否醒目,在螢幕上呈現;居家配色則要考慮自然光與燈光的變化、材質的反射,以及每天長時間待在空間裡的感受,顏色通常要比網頁上看起來更柔和。

配色工具最適合在裝修初期使用,把想法視覺化,讓家人之間、屋主與設計師之間有共同的討論基礎。建議把最後確定的色票、色碼、對應的油漆色號與材料樣品照片整理成一頁清單,施工期間隨時對照,就能讓螢幕上的配色構想更準確地落實到真實空間。

常見問題

色票產生器產生的顏色可以直接拿去調油漆嗎?

不建議直接使用。色票產生器輸出的是螢幕顯示用的色碼,每台螢幕呈現的顏色都不同,油漆則是另一套色號系統。比較好的做法是用色碼縮小範圍,再到油漆行對照實體色卡找出接近色號,或帶著樣品請店家電腦調色,最後買小罐樣品漆試刷,在不同時段的光線下確認效果。

隨機產生配色的網站適合用在室內設計嗎?

適合用來找靈感,但要經過篩選。這類工具可以鎖定喜歡的顏色、讓其他色塊持續換新,快速瀏覽大量組合,對沒有方向的人很有幫助。不過隨機結果不考慮室內光線、材質與面積比例,彩度常偏高。挑出喜歡的組合後,建議把主色調淡、彩度降低,再依六三一比例分配到牆面與家具。

網站配色工具和居家配色工具有什麼不同?

工具本身多半是同一類,差別在使用方式。網站配色重視文字與背景的對比、按鈕是否醒目,成品在螢幕上呈現;居家配色則要把自然光、燈光色溫、材質反射與大面積效果都考慮進去。因此同一組色票用在居家時,通常要調得更柔和,並且一定要以實體色卡與試刷結果為準。

照片取色抓出來的顏色為什麼和實際不一樣?

照片會受到拍攝時的光線、相機白平衡、曝光與濾鏡影響,同一面牆在陰天、晴天或黃光下拍出來的顏色都不同,取色點落在反光或陰影處也會偏亮偏暗。建議選用自然光拍攝、沒有套濾鏡的照片,手動把取色點移到光線均勻的位置,並用多張照片比對,找出反覆出現的共同色。

HEX 色碼要怎麼找到對應的油漆色號?

可以先利用部分油漆系統提供的色碼查詢功能,輸入 HEX 色碼找出最接近的幾個色號作為候選,再到店裡拿實體色卡在自然光下比對。也可以把色碼與參考照片給油漆行或設計師,請他們協助挑選。由於螢幕色與油漆顯色原理不同,查詢結果只能當參考,最後仍要試刷確認。

一個房間的色票要用幾個顏色比較好?

一般以三到五個顏色為宜,並且不要平均分配。可以參考六三一比例:約六成面積用主色,通常是牆面;約三成用輔助色,如沙發、櫃體、窗簾;約一成用點綴色,放在抱枕與飾品上。地板、木作與石材本身的顏色也要算進去,否則實際空間裡的顏色會比色票上多出許多。

為什麼刷上牆的顏色比色卡看起來更深或更亮?

這是大面積效應造成的。顏色面積放大後,周圍的牆面會互相反射光線,整體看起來通常更亮、更飽和;若房間採光不足,則可能顯得更深沉。光澤度與燈光色溫也會改變顯色。因此選色時常建議比心中理想再淡一階,並先用樣品漆刷出至少一張紙的面積觀察。

延伸閱讀

還在煩惱怎麼開始?

OPEN Design 收錄全台室內設計師與設計公司的實際作品,可依風格、地區與空間類型篩選,免費查看完整案例。

免費瀏覽設計師名錄 →