跳到主要內容
Tintdex

Cobweb

Cobweb 是一套深色終端機配色（低飽和、粉彩），背景色 #20272d，文字色 #eef1f3，對比度 13.3:1

取得設定檔
背景色
#20272d
前景色
#eef1f3
文字對比度
13.32:1AAA
強調色對比度
8.26:1最低 6.35
zsh — ls & git status
zsh — ls & git status
zsh — ls & git status
zsh — ls & git status
zsh — ls & git status — Konsole
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯ ls -la
drwxr-xr-x 12 ada staff 384 Oct 30 09:12 .
drwxr-xr-x 8 ada staff 256 Oct 29 18:40 ..
-rw-r--r-- 1 ada staff 1.2K Oct 30 09:10 .gitignore
drwxr-xr-x 5 ada staff 160 Oct 30 09:12 src
drwxr-xr-x 3 ada staff 96 Oct 28 11:02 public
-rwxr-xr-x 1 ada staff 2.4K Oct 30 08:57 build.sh
-rw-r--r-- 1 ada staff 4.1K Oct 30 09:01 package.json
lrwxr-xr-x 1 ada staff 18 Oct 27 14:33 node_modules -> ../cache/modules
-rw-r--r-- 1 ada staff 48K Oct 26 10:15 logo.png
-rw-r--r-- 1 ada staff 9.8M Oct 25 21:47 backup.tar.gz
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯ git status
On branch main
Your branch is ahead of 'origin/main' by 2 commits.
Changes to be committed:
new file: src/theme.css
modified: README.md
Changes not staged for commit:
modified: src/app.tsx
deleted: legacy/colors.js
Untracked files:
notes.md
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯

Cobweb 的設定檔

16 種格式，都從同一份色板產生

Cobweb

存到 ~/.config/ghostty/themes/Cobweb，再在 config 或 config.ghostty 裏寫 theme = Cobweb

更多 Ghostty 配色
原始檔案
# Theme: Cobweb (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/zh-hk/schemes/cobweb?format=ghostty

palette = 0=#aeb5ba
palette = 1=#ed8e88
palette = 2=#9bc6a3
palette = 3=#dec575
palette = 4=#92bad5
palette = 5=#bba4c9
palette = 6=#88c8c8
palette = 7=#eef1f3
palette = 8=#c3c9cd
palette = 9=#f0a7a1
palette = 10=#afd3b6
palette = 11=#e8d493
palette = 12=#abcde0
palette = 13=#cab8d4
palette = 14=#a4d6d6
palette = 15=#ffffff
background = #20272d
foreground = #eef1f3
cursor-color = #e7ebee
cursor-text = #20272d
selection-background = #3d454c
selection-foreground = #ffffff

Cobweb 色板

色板各槽位的色值及其相對背景的 WCAG 對比度
顏色槽位HEXRGBHSLOKLCH對比度
背景色background#20272drgb(32 39 45)hsl(208 17% 15%)oklch(26.8% 0.015 244.2)—
前景色foreground#eef1f3rgb(238 241 243)hsl(204 17% 94%)oklch(95.6% 0.004 236.5)13.32 AAA
光標cursor#e7ebeergb(231 235 238)hsl(206 17% 92%)oklch(93.8% 0.006 239.8)12.61 AAA
光標文字cursorText#20272drgb(32 39 45)hsl(208 17% 15%)oklch(26.8% 0.015 244.2)1.00 低於 AA
選取範圍selection#3d454crgb(61 69 76)hsl(208 11% 27%)oklch(38.6% 0.016 244.6)1.55 低於 AA
選取文字selectionText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)15.11 AAA
黑color0#aeb5bargb(174 181 186)hsl(205 8% 71%)oklch(76.9% 0.011 238.6)7.28 AAA
紅color1#ed8e88rgb(237 142 136)hsl(4 74% 73%)oklch(74.5% 0.116 24.1)6.35 AA
綠color2#9bc6a3rgb(155 198 163)hsl(131 27% 69%)oklch(78.6% 0.067 150.2)7.92 AAA
黃color3#dec575rgb(222 197 117)hsl(46 61% 66%)oklch(82.7% 0.104 92.6)8.89 AAA
藍color4#92bad5rgb(146 186 213)hsl(204 44% 70%)oklch(76.9% 0.058 238.0)7.35 AAA
洋紅color5#bba4c9rgb(187 164 201)hsl(277 26% 72%)oklch(75.1% 0.058 312.7)6.67 AA
青color6#88c8c8rgb(136 200 200)hsl(180 37% 66%)oklch(79.0% 0.065 195.9)8.02 AAA
白color7#eef1f3rgb(238 241 243)hsl(204 17% 94%)oklch(95.6% 0.004 236.5)13.32 AAA
亮黑color8#c3c9cdrgb(195 201 205)hsl(204 9% 78%)oklch(83.2% 0.009 236.6)9.04 AAA
亮紅color9#f0a7a1rgb(240 167 161)hsl(5 72% 79%)oklch(79.7% 0.087 24.4)7.73 AAA
亮綠color10#afd3b6rgb(175 211 182)hsl(132 29% 76%)oklch(83.3% 0.055 150.8)9.22 AAA
亮黃color11#e8d493rgb(232 212 147)hsl(46 65% 74%)oklch(87.1% 0.086 93.0)10.27 AAA
亮藍color12#abcde0rgb(171 205 224)hsl(202 46% 77%)oklch(83.0% 0.045 232.5)9.03 AAA
亮洋紅color13#cab8d4rgb(202 184 212)hsl(279 25% 78%)oklch(80.6% 0.043 313.6)8.15 AAA
亮青color14#a4d6d6rgb(164 214 214)hsl(180 38% 74%)oklch(84.1% 0.052 196.2)9.48 AAA
亮白color15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)15.11 AAA

關於 Cobweb

Cobweb 採用冷色調的深色背景（#20272d），預設前景色為 #eef1f3。正文的 WCAG 對比度為 13.32:1（AAA），12 種 ANSI 彩色槽位平均對比度 8.26:1，最低 6.35:1。

色板整體色彩飽和度偏低，其中紅色為 #ed8e88、綠色為 #9bc6a3、藍色為 #92bad5、洋紅為 #bba4c9。

支援一鍵匯出 Ghostty、iTerm2、Kitty、Alacritty、WezTerm、Windows Terminal、Warp、foot、Rio、XFCE4 Terminal、Xresources 終端機設定檔，同時提供 VS Code 與 Zed 整合終端機、CSS 變數、Tailwind CSS 及 JSON 色板格式。

與 Cobweb 相似的配色

資料來源：iTerm2 Color Schemes (MIT)