跳到主要內容
Tintdex

Arcoiris

Arcoiris 是一套深色終端機配色（粉彩），背景色 #201f1e，文字色 #eee4d9，對比度 13.1:1

取得設定檔
背景色
#201f1e
前景色
#eee4d9
文字對比度
13.11:1AAA
強調色對比度
9.82:1最低 3.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
❯

Arcoiris 的設定檔

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

Arcoiris

存到 ~/.config/ghostty/themes/Arcoiris，再在 config 或 config.ghostty 裡寫 theme = Arcoiris

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

palette = 0=#333333
palette = 1=#da2700
palette = 2=#12c258
palette = 3=#ffc656
palette = 4=#518bfc
palette = 5=#e37bd9
palette = 6=#63fad5
palette = 7=#bab2b2
palette = 8=#777777
palette = 9=#ffb9b9
palette = 10=#e3f6aa
palette = 11=#ffddaa
palette = 12=#b3e8f3
palette = 13=#cbbaf9
palette = 14=#bcffc7
palette = 15=#efefef
background = #201f1e
foreground = #eee4d9
cursor-color = #7a1c1c
cursor-text = #fffbf2
selection-background = #25524a
selection-foreground = #f3fffd

Arcoiris 色票

色票各槽位的色值及其相對背景的 WCAG 對比度
顏色槽位HEXRGBHSLOKLCH對比度
背景色background#201f1ergb(32 31 30)hsl(30 3% 12%)oklch(24.0% 0.002 67.7)—
前景色foreground#eee4d9rgb(238 228 217)hsl(31 38% 89%)oklch(92.4% 0.018 70.2)13.11 AAA
游標cursor#7a1c1crgb(122 28 28)hsl(0 63% 29%)oklch(38.5% 0.129 25.6)1.58 低於 AA
游標文字cursorText#fffbf2rgb(255 251 242)hsl(42 100% 97%)oklch(98.9% 0.013 86.8)15.93 AAA
選取範圍selection#25524argb(37 82 74)hsl(169 38% 23%)oklch(40.4% 0.052 180.5)1.87 低於 AA
選取文字selectionText#f3fffdrgb(243 255 253)hsl(170 100% 98%)oklch(99.1% 0.013 185.1)16.09 AAA
黑color0#333333rgb(51 51 51)hsl(0 0% 20%)oklch(32.1% 0.000 0)1.30 低於 AA
紅color1#da2700rgb(218 39 0)hsl(11 100% 43%)oklch(57.2% 0.216 32.2)3.35 AA 大字級
綠color2#12c258rgb(18 194 88)hsl(144 83% 42%)oklch(71.2% 0.196 149.3)6.96 AA
黃color3#ffc656rgb(255 198 86)hsl(40 100% 67%)oklch(85.8% 0.142 81.6)10.55 AAA
藍color4#518bfcrgb(81 139 252)hsl(220 97% 65%)oklch(65.4% 0.179 262.2)5.05 AA
洋紅color5#e37bd9rgb(227 123 217)hsl(306 65% 69%)oklch(73.0% 0.172 330.8)6.35 AA
青color6#63fad5rgb(99 250 213)hsl(165 94% 68%)oklch(89.4% 0.139 173.9)12.67 AAA
白color7#bab2b2rgb(186 178 178)hsl(0 5% 71%)oklch(77.0% 0.009 17.4)7.91 AAA
亮黑color8#777777rgb(119 119 119)hsl(0 0% 47%)oklch(56.9% 0.000 0)3.67 AA 大字級
亮紅color9#ffb9b9rgb(255 185 185)hsl(0 100% 86%)oklch(85.1% 0.081 18.9)10.10 AAA
亮綠color10#e3f6aargb(227 246 170)hsl(75 81% 82%)oklch(94.1% 0.099 119.8)14.13 AAA
亮黃color11#ffddaargb(255 221 170)hsl(36 100% 83%)oklch(91.4% 0.076 77.6)12.67 AAA
亮藍color12#b3e8f3rgb(179 232 243)hsl(190 73% 83%)oklch(89.8% 0.056 211.8)12.34 AAA
亮洋紅color13#cbbaf9rgb(203 186 249)hsl(256 84% 85%)oklch(82.5% 0.089 296.8)9.35 AAA
亮青color14#bcffc7rgb(188 255 199)hsl(130 100% 87%)oklch(94.1% 0.101 149.2)14.31 AAA
亮白color15#efefefrgb(239 239 239)hsl(0 0% 94%)oklch(95.2% 0.000 0)14.31 AAA

關於 Arcoiris

Arcoiris 採用中性色調的深色背景（#201f1e），預設前景色為 #eee4d9。內文的 WCAG 對比度為 13.11:1（AAA），12 種 ANSI 彩色槽位平均對比度 9.82:1，最低 3.35:1。

色票整體色彩彩度適中，其中紅色為 #da2700、綠色為 #12c258、藍色為 #518bfc、洋紅為 #e37bd9。

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

與 Arcoiris 相似的配色

資料來源：iTerm2 Color Schemes (MIT)