我做了一個開源終端機配色檢索、實景預覽與線上調色網站 Tintdex（造訪網址：https://tintdex.afengim.com/ ）。它把散落在社群裡的 2037 套終端機配色 彙整到同一套標準色票下，支援在網頁裡直接切換 Shell、Git、行程監控與多語言程式碼語法突顯預覽，依需求微調任意顏色或進行 OKLCH 全域調色，並一鍵匯出 Ghostty、iTerm2、Kitty、Alacritty、WezTerm、Windows Terminal 等 16 種現成設定。
為什麼要自己架一個終端機配色站
折騰終端機模擬器和編輯器這幾年，我先後從 iTerm2 換到 Alacritty、WezTerm，最近又把主力終端機切到了 Ghostty。每次換終端機或者換新螢幕，找配色、遷配色都要重複踩一回坑。
最先遇到的是格式割裂。同樣一套喜歡的主題，在 iTerm2 裡是冗長的 XML .itermcolors，在 Alacritty 裡是 TOML，到了 WezTerm 變成 Lua 表，Ghostty 又是純文字鍵值對。去 GitHub 翻各個主題專案庫，往往只有一兩張靜態截圖，想換個終端機就得自己動手寫腳本轉色值。
更讓人頭痛的是**「買家秀與賣家秀」的落差**。很多主題在作者精挑細選的 neofetch 截圖裡看著極其驚艷，結果真正匯進本機終端機跑起 git diff、htop 或者 bun test，才發現 color0（黑）或 color8（亮黑）的註解文字跟背景幾乎融為一體；要嘛就是紅色錯誤和黃色警告在深色背景下刺眼得沒法盯螢幕超過半小時。為了一兩個看不清的槽位，又得翻開設定檔手動猜 Hex 色值、儲存、切回終端機重新載入，來回折騰十幾次。
我想要的其實很簡單：有一個打開就能直接試的網頁，能用我每天真正在敲的命令場景看效果，告訴我哪幾個顏色對比度不達標，讓我順手把不舒服的那個色值改掉，最後直接吐出對應終端機的設定檔。既然現成工具總差口氣，乾脆就自己動手架了 Tintdex（https://tintdex.afengim.com/ ）。
2037 套配色與 11 種視覺風格索引
為了不遺漏經典的社群作品，Tintdex 匯集了 iTerm2 Color Schemes、Gogh、Tinted Theming (Base16 & Base24)、Alacritty Theme、Warp Themes 和 Kitty Themes 六大開源資料來源，去重整理出 2037 套配色方案。
動態算繪的熱門配色卡片牆
面對兩千多套主題，只靠名字字母序翻找根本看不過來。在首頁和配色列表（https://tintdex.afengim.com/schemes ）裡，每一張卡片都不是靜態貼圖，而是直接用該色票真實算繪出的迷你終端機視窗——包含目錄列表、git status 狀態變更與測試輸出，一眼就能看出整套色票的冷暖傾向和明暗層次。
依背景明度、色溫與飽和度劃分的 11 類風格
除了依熱度檢索，我還依背景明度、色彩飽和度與色溫把全部主題拆成了 11 個視覺風格分類（https://tintdex.afengim.com/categories ）：
- 深色（1562 套）與淺色（475 套）：涵蓋夜間暗光寫程式與白天高亮度螢幕閱讀兩大基礎場景。
- 純黑 OLED（250 套）：背景為純黑或近純黑，適合 MacBook Pro XDR 或 OLED 外接螢幕實現無邊框沉浸感。
- 高對比度（184 套）與柔和（579 套）：前者確保內文與全部 ANSI 顏色均保持極高 WCAG 對比度；後者適度壓低明暗反差，緩解長時間盯螢幕的眼部酸脹。
- 粉彩（212 套）、低飽和（225 套）、鮮豔（256 套）、暖色（228 套）、冷色（629 套）與單色（129 套）：想找復古琥珀螢光幕、冷冽北歐藍，或是柔和馬卡龍粉彩，點進對應分類就能直接依閱讀舒適度篩選。
真實工作流實景預覽與 WCAG 對比度體檢
點進任意一套配色的詳情頁，核心區域是一台可在網頁內互動的即時預覽工作台，頂部提供了 終端機、程式碼 與 對比度 三種檢視切換。
涵蓋日常命令列的 8 種終端機實景與互動沙盒
在 終端機檢視 下，我內建了 8 個高頻命令列場景，用來檢驗配色在複雜輸出下的真實表現：
- Shell：日常
ls -la檔案權限、目錄顏色與git status分支提示字元。 - Git：真實的
git diff增刪行突顯與提交歷史圖譜。 - 測試：模擬
bun test的通過（綠）、失敗（紅）與耗時統計輸出。 - 日誌：帶時間戳記與
INFO/WARN/ERROR級別標籤的伺服器端結構化日誌流。 - 行程：完整的
htop風格多核心 CPU 負載條、記憶體進度與行程突顯表格。 - 系統：
neofetch/fastfetch風格的硬體資訊與色塊矩陣。 - 色彩測試：標準 16 色前景色與背景色交叉矩陣表。
- 試一試：一個可在瀏覽器裡直接敲入
help、ls、git status等命令體驗回饋的互動式終端機沙盒。
逐槽位測算的 WCAG 2 對比度體檢矩陣
很多配色的隱蔽缺陷只看 Shell 是看不出來的，一旦切到 對比度檢視 就會立刻現形。Tintdex 會即時計算前景色以及 color0 到 color15 共 17 個文字顏色在目前背景色上的 WCAG 2 對比度數值，並直接標出是否達到 AA（≥ 4.5:1）或 AAA（≥ 7.0:1）標準。
以大家最熟悉的 Catppuccin Mocha 為例，它的內文字體對比度高達 11.34:1（AAA），紅、綠、黃、藍等主強調色也全部在 7.08:1 以上；但透過對比度矩陣可以清楚看到，黑 · color0（#45475a）與 亮黑 · color8（#585b70）在背景 #1e1e2e 上的對比度分別為 1.80:1 和 2.46:1（均標紅提示「低於 AA」）。如果某個 CLI 工具恰好把次要提示或自動補全候選綁定在 color8 上，你在匯出前就能提前發現並順手把它調亮。
線上改色與 OKLCH 感知色彩空間微調
發現某個槽位看不清，或者單純覺得某套主題的背景不夠深、紅色太刺眼，不需要把設定下載到本機盲改——右側的 自訂面板 就是專門用來「線上動手改配色」的。
22 個顏色槽位單點選色與即時對比度回饋
在「顏色」分頁下，背景色、前景色、游標、游標文字、選取區、選取區文字以及標準 color0~`color15全部以獨立圓形色球排列。點擊任意色球（例如在 [Tokyo Night](https://tintdex.afengim.com/schemes/tokyo-night) 中選取紅 · color1`），即可直接拖曳選色器或輸入 Hex 色值。
你拖曳選色器的每一幀，左側的終端機視窗、程式碼語法突顯以及選色器底部的 即時背景對比度數值 都會同步重新整理。哪一格覺得暗，看著底部的對比度數字把它拉上 4.5:1（AA）甚至 7.0:1（AAA）即可，如果不滿意隨時點色球右上角的單步復原恢復原值。
基於 OKLCH 空間的色相旋轉與多語言程式碼突顯
有時候我們很喜歡某套主題的明暗層次與對比度關係，只是想換個整體色調——比如把偏紫的 Rosé Pine 往冷青色或暖琥珀色偏一點。
如果用傳統的 HSL 色彩空間整體旋轉色相，很容易出現「轉到黃色突然刺眼、轉到藍色瞬間發黑」的失真現象，因為人眼對不同色相的物理亮度感知完全不同。為此，Tintdex 的「調整」面板全部放在 OKLCH 感知均勻色彩空間 中運算：
- 色相偏移（
-180°~+180°）：旋轉整套色票的色相時，底層嚴格鎖定每個槽位的感知明度（Lightness），無論怎麼轉，原本的程式碼語法層次和對比度秩序都不會崩壞。 - 飽和度、亮度與對比度滑桿：支援一鍵把高飽和主題壓成耐看的低飽和風格，或者整體提亮暗部色階。雙擊任意滑桿即可歸零重設。
- 顯示環境模擬：在「顯示」分頁裡，還可以切換等寬字型（如
JetBrains Mono等）、調整字級與行高、開關「粗體使用亮色」和游標閃爍，甚至模擬80×24、100×30、120×40不同終端機視窗尺寸下的排版密度。
改完任何顏色後，點擊右上角的 分享 按鈕，網站會把目前自訂後的完整色票編碼進 URL，傳給朋友或存進書籤，打開就是你調校好的專屬版本。
挑幾套耐看的代表性配色與多主題並排對比
如果你剛打開網站不知道從哪逛起，不妨先從社群口碑最穩的幾套經典色票開始試手，再用對比工具橫向挑選。
六套經得起長期盯螢幕的代表性配色
下面整理了 6 套涵蓋粉彩、冷調深色、低飽和松木、復古暖棕、和風深色與日光淺色的代表作，點擊連結即可直接進入線上預覽與調色台：
| 配色名稱 | 風格定位 | 背景 / 前景色 | 內文對比度 | 線上預覽與調色直達 |
|---|---|---|---|---|
| Catppuccin Mocha | 柔和粉彩深色標竿，色彩豐富且不刺眼 | #1e1e2e / #cdd6f4 |
11.34:1 (AAA) |
https://tintdex.afengim.com/schemes/catppuccin-mocha |
| Tokyo Night | 深夜藍紫冷調，適合夜間低環境光長期盯螢幕 | #1a1b26 / #a9b1d6 |
8.10:1 (AAA) |
https://tintdex.afengim.com/schemes/tokyo-night |
| Rosé Pine | 低飽和松木灰紫配柔和玫瑰金，氣質溫潤 | #191724 / #e0def4 |
13.39:1 (AAA) |
https://tintdex.afengim.com/schemes/rose-pine |
| Gruvbox Dark | 經典暖棕復古色票，高辨識度暖色調代表 | #282828 / #ebdbb2 |
10.8:1 (AAA) |
https://tintdex.afengim.com/schemes/gruvbox-dark |
| Kanagawa Wave | 靈感源自葛飾北齋《神奈川沖浪裏》的沉穩和風深色 | #1f1f28 / #dcd7ba |
11.3:1 (AAA) |
https://tintdex.afengim.com/schemes/kanagawa-wave |
| Catppuccin Latte | 日光環境首選的高可讀性暖白淺色主題 | #eff1f5 / #4c4f69 |
7.1:1 (AAA) |
https://tintdex.afengim.com/schemes/catppuccin-latte |
最多四套配色同畫面對比與跨主題混搭工作台
選擇困難症發作、在幾套近似配色之間拿不定主意時，可以直接打開 配色對比工作台（https://tintdex.afengim.com/compare ）。它支援同時把最多 4 套配色 並排放在一起，內建了「Catppuccin 四種風味」「Tokyo Night 與 One Dark」「Dracula 與 Nord」「Gruvbox 深淺」四組快速預設。
在對比檢視裡，你不僅可以橫向比對每一個槽位的色值差異、實景終端機表現和對比度指標，甚至可以點擊 新建混搭——比如拿 Tokyo Night 的深邃背景，配 Catppuccin Mocha 的粉彩強調色，現場拼出一套混血主題。
一套色票直出 16 種終端機與開發設定
無論是直接使用原版配色，還是透過單點改色、OKLCH 滑桿調出了自己的滿意版本，頁面下方的 設定檔匯出區 都會即時產生 16 種目標格式，無需任何二次轉換。
涵蓋 11 款終端機、2 款編輯器與前端樣式的即時設定產生
匯出列表依使用場景分為四大類，點擊左側分頁即可即時切換對應的設定檔原始碼：
- 11 款主流終端機模擬器：
Ghostty、iTerm2、Kitty、Alacritty、WezTerm、Windows Terminal、Warp、foot、Rio、XFCE4 Terminal、Xresources（每個終端機分頁頂部都附帶了準確的本機設定檔存放路徑說明，也可以依終端機分類瀏覽：https://tintdex.afengim.com/terminals ）。 - 2 款程式碼編輯器內建終端機：
VS Code 終端機（workbench.colorCustomizationsJSON 片段）與Zed 終端機。 - 3 種前端與通用資料格式：
CSS 變數、Tailwind CSS v4（@theme語法）與標準JSON。
除了直接點擊 下載 或 複製 設定檔內容，我還順手加了一個 複製提示詞 按鈕。如果你在用某個尚未內建列表的小眾工具、Tmux 狀態列、Neovim 擴充套件或者自己寫的 TUI 應用，點一下「複製提示詞」，它會把目前色票的全部精確 Hex 對應整理成一段結構化 Prompt，直接傳給 AI 就能產生對應工具的完美設定。
網站目前支援簡體中文、繁體中文、日語和英語等多種語言切換，歡迎直接造訪 https://tintdex.afengim.com/ 挑一套順眼的配色，或者調出屬於你自己的終端機主題。
