重點整理
LOL Colors 和 NIPPON COLORS 是兩個免費、不用註冊的配色網站。LOL Colors 提供 60 多組設計好的 4 色配色，滑鼠移到顏色上就看得到 HEX 色碼；NIPPON COLORS 收錄 250 種日本傳統色，每個顏色都附 CMYK、RGB 與色碼。2026 年 10 月實測兩個網站都正常，LOL Colors 的按讚與排序功能仍暫停中。
做網站、設計 Logo 或社群圖片時，最常卡關的就是配色：自己挑的顏色怎麼搭都怪，換來換去又浪費時間。比較有效率的做法，是先從設計師配好的組合開始，再依品牌需求微調。這篇介紹兩個風格完全不同的配色網站：給你現成組合的 LOL Colors，以及適合和風、自然色調的 NIPPON COLORS，並說明拿到色碼之後怎麼實際套用到網站上。
LOL Colors：直接挑現成的 4 色配色
LOL Colors 目前放在 WebDesignRankings 網站底下，畫面非常單純：白底上排滿一串串水滴形狀的色票，每一串就是一組 4 個顏色的配色。沒有搜尋、沒有分類，往下捲動挑順眼的就好。2026 年 10 月實際打開，首頁列出 60 多組配色。
步驟一：捲動瀏覽，找喜歡的組合
每組配色下方有一個愛心與數字，是過去累積的按讚數，可以當成「哪些組合比較多人喜歡」的參考。網站左側的說明寫著，按讚與排序功能目前暫時停用，所以現在只能看、不能投票或依熱門度排序。
步驟二：滑鼠移到顏色上看色碼
把滑鼠移到任一個水滴上，右上方就會出現這個顏色的 HEX 色碼（例如 #30A9DE）。把 4 個色碼抄下來，就能貼到 Canva、Figma、Photoshop 或 WordPress 佈景主題的顏色設定裡。
LOL Colors 的配色大多明亮、對比強，適合活潑的品牌、活動頁或兒童相關網站。需要沉穩、專業感的企業網站，可以挑其中深色比例較高的組合。
NIPPON COLORS：250 種日本傳統色
NIPPON COLORS 是日本設計師製作的網站，資料引用自日本傳統色彩的專書，收錄 250 種傳統色，例如「桜（SAKURA）」「青磁（SEIJI）」「韓紅花（KARAKURENAI）」。它不像 LOL Colors 給你配好的組合，而是一次看一個顏色，適合用來挑品牌主色，或替和風、自然、手作類的網站找有溫度的顏色。
步驟一：從左側色票點選顏色
畫面左側是所有傳統色的直式列表，每個顏色都標有編號、漢字名稱、羅馬拼音與 HEX 色碼。點一下任一個顏色，整個網頁背景就會換成這個顏色，右側顯示大大的漢字名稱。
建議一定要點開看整片背景的效果：小色塊看起來好看的顏色，鋪滿一整個畫面時感覺可能完全不同，這也是 NIPPON COLORS 最實用的地方。
步驟二：看 CMYK 與 RGB 數值
中間一欄會顯示目前顏色的 CMYK（印刷用）與 RGB（螢幕用）數值。網頁用 HEX 或 RGB；名片、DM 等印刷品要交給印刷廠時，則用 CMYK 數值。
小功能：Munsell 自動輪播
右側的 MUNSELL 開關打開後，網站會自動輪流切換顏色，適合沒有方向、想隨意看看配色靈感的時候。
拿到色碼後，怎麼套用到網站上？
配色網站給的是「顏色組合」，但哪個顏色當背景、哪個當按鈕，還是要自己決定。最簡單的做法是先替每個顏色分配一個工作：
- 深色：頁首、頁尾、標題文字。
- 強調色：按鈕、價格、最重要的行動呼籲，全頁只用在少數地方才顯眼。
- 輔助色：區塊背景、標籤。
- 點綴色：連結、圖示。
內文建議維持深灰色、背景留白，讓配色只出現在重點位置。另外要特別檢查按鈕文字與底色的對比：淺黃、淺粉這類顏色上放白字通常看不清楚，可以用 Adobe Color 的對比檢查器確認。想找更多配色網站，可以參考網站配色工具推薦。
常見問題
LOL Colors 還能用嗎？
可以。2026 年 10 月實測網站正常，所有配色與色碼都能瀏覽；只有按讚和排序功能官方標示暫時停用。
NIPPON COLORS 的色碼可以商用嗎？
顏色本身與色碼數值可以自由用在自己的設計上；但網站的設計、文字與色彩資料整理屬於作者，不要直接複製整個網站內容或截圖拿去販售。
NIPPON COLORS 怎麼複製色碼？
每個顏色名稱旁邊都直接標著 HEX 色碼（例如 #DC9FB4），照著輸入即可；中間欄的 RGB 數值也可以直接填進設計軟體的 RGB 欄位。
結語
沒有配色靈感時，先到 LOL Colors 挑一組現成的 4 色組合；想找有質感、帶點和風的品牌主色，就到 NIPPON COLORS 一個一個點開看整片背景的效果。拿到色碼後記得先分配每個顏色的用途、檢查文字對比，配色才會好看又好讀。