TechMoon 科技月球
WordPress、SEO 與 AI 工具實測指南
TechMoon 科技月球
WordPress、SEO 與 AI 工具實測指南

中國獨立開發者的免費色彩網站「顏色代碼表」把 48 張標準色卡對照、一千多組配色與無障礙對比計算收在同一頁,全程免註冊。實測 AI 配色八秒生五色,背後是站方出錢架的智譜免費模型,你輸入的描述會送出去;真正值得收藏的是色彩內容庫,167 個線上工具只是附屬品。
用 AI 摘要這篇文章:
做設計或寫報告的人大概都遇過這種情況:要對 Pantone 色號,開一個網站;要找適合論文圖表的配色,再開一個;交付前檢查文字對比有沒有過無障礙標準,又是另一個。三個書籤、三套介面,色碼複製來貼去。中國獨立開發者經營的「顏色代碼表」(ysdaima.com)把這幾件事收在同一個免費網站,全部功能不用註冊帳號。實際測下來,它值得收藏的理由跟首頁選單給人的印象不太一樣:真正值錢的是色卡對照與配色資料庫,2026 年改版後擴充到 167 個的線上工具反而是附屬品。
點開「色卡對照表」,左側是完整體系清單,明細共 47 張。塗裝與印刷產業常用的 RAL、Pantone、NCS 都在;塗料品牌有 Dulux 與立邦(Nippon Paint);色彩科學體系有 Munsell。偏東方與建築的一側有敦煌色、中國傳統色、中國建築色卡 CBCC、中國國標色卡。寫程式的人也不會空手而歸:Tailwind、Material Design、Bootstrap、matplotlib、MATLAB 的官方色板各佔一頁,色號旁邊就是 hex 值,點一下複製。
比色卡更難得的是「學術科研配色」這個分類。站方在分類頁自述這裡收的是「精選高對比度、色盲友好的 SCI 論文配色」,並支援匯出成 R 與 Python 程式碼。寫論文畫圖常卡在配色這關的人,多了一個不用翻英文文件的去處。學術圈常用的 Sci 色板、高對比離散色與色盲安全的連續色階,這裡已經先篩過一輪,拿到論文裡被審查委員挑配色的機率低一些。R 與 Python 的匯出按鈕我沒有逐一點開驗證,但配色本體是開放瀏覽的,色值可以直接抄。
48 張色卡依用途粗分,大概長這樣:
| 用途 | 收錄體系 |
|---|---|
| 印刷與塗裝對色 | RAL、Pantone、NCS |
| 塗料品牌色 | Dulux、立邦 |
| 色彩科學體系 | Munsell、CMYK、RGB 基礎 |
| 東方與建築 | 敦煌色、中國傳統色、中國建築色卡 CBCC、國標色卡 |
| 前端框架 | Tailwind、Material Design、Bootstrap、Ant Design |
| 資料科學 | matplotlib、MATLAB、Python 常用色板 |
| 風格色系 | 莫蘭迪、美拉德、多巴胺、復古、霓虹 |
從網站地圖看規模最準。截至 2026 年 10 月,這個站的地圖檔收錄約 2,500 個頁面:色彩百科一千兩百多頁、配色方案一千多組、線上工具約 170 項、色卡四十多張,另外有十來篇設計文章。內容頁合計二千三百多頁,是工具頁的十幾倍。這個比例說明它的本體是內容庫掛了個工具箱,跟首頁「全能線上工具箱」的招牌正好相反。
配色方案的命名看得出編輯者的口味:《歡迎來到布達佩斯大飯店》的粉彩復古、《銀翼殺手 2049》的賽博暗色、吉卜力《神隱少女》(站內原名《千與千尋》)的暖調,再到秋日美拉德、夏日多巴胺這類風格詞,分成學術科研、UI 設計、風格潮流、品牌平面四類。台灣讀者熟悉的電影與風格詞都在,不用先懂對岸的行話。每組配色可以愛心收藏,收藏會存進瀏覽器本機。
色彩百科則是另一種實用:每個色號一頁,附名稱、色系、心理學聯想,再加一頁專門的對比計算。以克萊因藍(#002FA7)的詞條為例,頁面除了一般資訊,還給出互補色 #A87900 與「控制比例、避免過度刺激」這類搭配建議,寫得像一段短評而非死板的規格表。喜歡收集色票的人可以直接把百科當字典查。

站上的部落格只有十來篇,但主題挑得準:60-30-10 配色法則、無障礙對比實作、資料視覺化的選色原則、深色模式的配色調整,都是配色工作者實際會遇到的題目。文章密度不高,拿來當入門讀物剛好,也看得出站方對「色彩內容」這個本業是有想法的。
無障礙對比是很多配色站最容易做錯的地方,所以我把其中一頁拿出來算了一次。對比度的意思是前景色與背景色的亮度差距,WCAG 2.0 要求普通文字至少 4.5:1 才算 AA 級合格,數字越大越省眼力。以克萊因藍(#002FA7)的對比頁為例,站方給出的判定是白字 10.69:1(推薦)、黑字 1.96:1(不推薦)。我用 WCAG 2.0 的相對亮度公式自行計算,兩個數字完全一致,頁面標註的 AA 級 4.5:1 門檻也與規範相符。換句話說,這些對比數字可以直接引用到你的無障礙檢查報告裡。

站上另有獨立的「對比度檢測工具」,任填前景與背景色,即時顯示 AA 與 AAA、普通文字與大型文字四個判定。做政府或企業案常有對比要求的設計師,這一頁就能省下一套檢查工具。
首頁把「AI 智能配色」放在最顯眼的位置。讀它的前端程式碼可以確定這個功能的骨架:瀏覽器把你的描述送到站方自己架的代理端點,背後接的是智譜(Zhipu AI)的 glm-4-flash 模型,也就是智譜開放平台上的免費級模型。提示詞的開頭是固定的「請根據以下描述生成一個專業的配色方案」,要求模型只給出五個十六進位色碼與一段中文說明。
我實際打了一次這個端點:不登入、不填任何資料,輸入「台灣夜市 帶著霓虹感的熱鬧」,約 8 秒後拿到名為「夜市霓虹配色方案」的五色組合(#F44336、#E91E63、#9C27B0、#673AB7、#3F51B5),附一段描述氛圍的中文文字。沒有額度面板,沒有出現使用次數限制的提示。網頁版的使用方式更簡單:輸入框下方備好極簡主義、復古波普、自然森林、賽博朋克、莫蘭迪色系、韋斯安德森風格這類現成提示詞,點一下就能套用,懶得想描述的人直接選詞也可以。

代價要說清楚:你輸入的描述文字會離開瀏覽器,送到模型供應商那裡。隱私政策對這一點寫得誠實,明說 AI 功能的提示詞會送至 API 供應商處理,其餘工具則是本機運算為主。站方的贊助頁也自述,讀者打賞(站方的贊助機制)的用途之一是支付 AI 介面的呼叫成本。免費 AI 配色的真相,是站長出錢養的一個免費模型代理,能用,但別把敏感字句丟進去。
站方在 2026 年 1 月 1 日的部落格文章宣布 2.0 版上線,標題寫「不僅是查色號,更是設計師的全能瑞士軍刀」。工具分類頁合計 167 項,分七類:色彩設計、多媒體、開發轉換、資料圖表、PDF、文字、其他。圖片壓縮、截圖美化、毛玻璃效果產生器、電子簽名,甚至年終獎個稅計算器都在裡面。色彩設計類裡有幾件順手的小工具值得點名:配色場景預覽把你的配色直接套進 UI、海報與圖表的示意畫面,配色好不好看當場見真章;螢幕取色器用滴管吸取畫面上任何位置的顏色;漸變色產生器做線性與徑向漸層,成品可存進工作台。這幾件與色彩本業貼得近,用起來有加分。
老實說,這一層沒有明顯的獨門貨。圖片壓縮有更專精的免費壓縮工具,白噪音有功能更完整的線上混音站,工具箱這個品類的整體生態與商業套路,我們在黑點工具箱的拆解裡談過。167 項我沒有逐項試玩,只實測了 AI 配色與對比工具,但工具層的內容在別處都找得到同級品,不構成收藏這個站的理由。真正的差異化都在色彩內容那一層。
整理資料流向,這個站可以拆成三塊來看。收藏與工作台完全本機:常用工具、配色方案、「漸變色」、單色四種收藏都存在瀏覽器的本機儲存空間,工作台頁明寫所有收藏資料只放在瀏覽器本機快取、沒有上傳雲端,並提供匯出與匯入當備份。要注意的是換瀏覽器或清除快取會讓收藏消失,養成匯出習慣比較保險。AI 配色的輸入會出門,前一節說過了。剩下的一塊在背景跑:廣告與統計。
關於頁承諾「無廣告打擾」。實測結果兩面:首頁版面乾淨,看不到橫幅廣告;但走進色卡與工具等內頁,右側欄會出現標了 AD 的「精選神器」推薦區(阿里雲、騰訊雲這類中國雲端服務)與廣告保留位,位置固定在側欄、不會遮住內容。背景層也一樣熱鬧:Google AdSense 自動廣告、Google 同意管理與 GA4 分析都在載入,廣告競價鏈有實際運作。說「廣告不干擾閱讀」大致成立,說「零廣告」就超過事實。贊助頁另開宗明義歡迎商務廣告合作,免費站靠廣告與打賞維生是合理生意,只是使用者該知道它在跑。
授權口徑方面,常見問題頁寫所有配色方案與轉換結果免費開放,可用於個人或商業專案,產生的圖片不含浮水印、權利歸使用者,這些都是站方單方面的口徑。沒有公開 API,想批次取色的人目前只能手動。營運主體公開可查的線索是:域名 2022 年 3 月註冊,網站掛浙江 ICP 備案,聯絡信箱與贊助頁都指向一個小團隊。域名四年半、備案可查、改版有記錄,存續風險中等偏低,但站方沒有公開具名負責人。
介面是簡體中文,沒有繁體或英文版,本文引自站方的文字都轉成了繁體。部分介紹文章提到這個站支援中英文切換與 PWA 安裝,那是 2.0 改版前的舊資訊,現在的網站沒有語言切換器,安裝設定檔也不存在。好在色彩數值沒有兩岸差異,色碼與 hex 值照抄即可;需要讀字的場合(色彩心理學描述、配色命名)簡繁讀起來障礙不大。年終獎個稅計算器這類以人民幣場景設計的工具,對台灣用戶就只是看看熱鬧。
常做色彩工作的人,這個站值得放一個書籤:色卡對照、配色靈感與無障礙對比在同一站完成,對比數字也驗算無誤,收藏資料更不出瀏覽器。若你平常用的是英文介面的配色工具站或線上色彩產生器,它補上的是中文語境與東方色系那一塊,特別是學術論文與傳統色。
相反地,若你要的是線上小工具,它的工具層同質品太多,不必為了 167 個工具收藏它;若你需要繁體介面、公開 API 或商用授權的書面保證,它目前都不提供。AI 配色當靈感產生器可以,正式選色仍要自己把關,模型給的是五個顏色,不是設計決策。把它當一本持續更新的色彩字典用,需要對色或查配色的時候打開它,是這個站最實在的用法。