本文へスキップ
Tintdex

Vacuum Tube

Vacuum Tube はダーク系のターミナル配色（トゥルーブラック・ハイコントラスト）。背景色 #0c0907、文字色 #f7efe3、コントラスト比 17.4:1

設定を取得
背景色
#0c0907
前景色
#f7efe3
文字のコントラスト
17.41:1AAA
アクセントのコントラスト
11.44:1最小 8.19
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
❯

Vacuum Tube の設定ファイル

16 種類の形式を、ひとつのパレットから生成

Vacuum Tube

~/.config/ghostty/themes/Vacuum Tube に保存し、config または config.ghostty に theme = Vacuum Tube を書く

Ghostty の配色をもっと見る
元ファイル
# Theme: Vacuum Tube (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/ja/schemes/vacuum-tube?format=ghostty

palette = 0=#bdb5aa
palette = 1=#ff826d
palette = 2=#79d09b
palette = 3=#f5cb67
palette = 4=#8fb4ee
palette = 5=#d9a1e8
palette = 6=#83d3dc
palette = 7=#f7efe3
palette = 8=#cec7bd
palette = 9=#ff9e8e
palette = 10=#99ddb4
palette = 11=#f9dc89
palette = 12=#adc8f4
palette = 13=#e7bbed
palette = 14=#a4e2e7
palette = 15=#fffaf2
background = #0c0907
foreground = #f7efe3
cursor-color = #ffc078
cursor-text = #0c0907
selection-background = #35251a
selection-foreground = #fff4e8

Vacuum Tube のパレット

パレット各スロットの色値と背景に対する WCAG コントラスト比
カラースロットHEXRGBHSLOKLCHコントラスト
背景色background#0c0907rgb(12 9 7)hsl(24 26% 4%)oklch(14.3% 0.007 59.2)—
前景色foreground#f7efe3rgb(247 239 227)hsl(36 56% 93%)oklch(95.5% 0.018 78.2)17.41 AAA
カーソルcursor#ffc078rgb(255 192 120)hsl(32 100% 74%)oklch(85.0% 0.115 69.0)12.35 AAA
カーソルの文字cursorText#0c0907rgb(12 9 7)hsl(24 26% 4%)oklch(14.3% 0.007 59.2)1.00 AA 未満
選択範囲selection#35251argb(53 37 26)hsl(24 34% 15%)oklch(28.0% 0.031 55.6)1.35 AA 未満
選択範囲の文字selectionText#fff4e8rgb(255 244 232)hsl(31 100% 95%)oklch(97.3% 0.020 70.0)18.30 AAA
黒color0#bdb5aargb(189 181 170)hsl(35 13% 70%)oklch(77.7% 0.018 76.1)9.79 AAA
赤color1#ff826drgb(255 130 109)hsl(9 100% 71%)oklch(74.4% 0.156 31.0)8.19 AAA
緑color2#79d09brgb(121 208 155)hsl(143 48% 65%)oklch(78.8% 0.114 155.9)10.69 AAA
黄color3#f5cb67rgb(245 203 103)hsl(42 88% 68%)oklch(85.9% 0.128 86.7)12.88 AAA
青color4#8fb4eergb(143 180 238)hsl(217 74% 75%)oklch(76.5% 0.093 259.2)9.39 AAA
マゼンタcolor5#d9a1e8rgb(217 161 232)hsl(287 61% 77%)oklch(78.5% 0.115 319.0)9.66 AAA
シアンcolor6#83d3dcrgb(131 211 220)hsl(186 56% 69%)oklch(81.9% 0.079 204.9)11.64 AAA
白color7#f7efe3rgb(247 239 227)hsl(36 56% 93%)oklch(95.5% 0.018 78.2)17.41 AAA
明るい黒color8#cec7bdrgb(206 199 189)hsl(35 15% 77%)oklch(83.3% 0.016 77.1)11.84 AAA
明るい赤color9#ff9e8ergb(255 158 142)hsl(8 100% 78%)oklch(79.4% 0.119 30.0)9.96 AAA
明るい緑color10#99ddb4rgb(153 221 180)hsl(144 50% 73%)oklch(84.1% 0.090 157.4)12.63 AAA
明るい黄color11#f9dc89rgb(249 220 137)hsl(44 90% 76%)oklch(90.1% 0.107 90.8)14.77 AAA
明るい青color12#adc8f4rgb(173 200 244)hsl(217 76% 82%)oklch(82.8% 0.069 260.1)11.67 AAA
明るいマゼンタcolor13#e7bbedrgb(231 187 237)hsl(293 58% 83%)oklch(84.6% 0.083 322.3)12.03 AAA
明るいシアンcolor14#a4e2e7rgb(164 226 231)hsl(184 58% 77%)oklch(87.3% 0.063 202.3)13.81 AAA
明るい白color15#fffaf2rgb(255 250 242)hsl(37 100% 97%)oklch(98.7% 0.012 79.8)19.10 AAA

Vacuum Tube について

Vacuum Tube はニュートラルのダーク背景（#0c0907）を採用し、標準の前景色に #f7efe3 を使ったターミナル配色です。本文の WCAG コントラスト比は 17.41:1（AAA）、12 色の ANSI カラーは平均 11.44:1、最小 8.19:1 です。

パレット全体は適度な彩度で、赤 #ff826d、緑 #79d09b、青 #8fb4ee、マゼンタ #d9a1e8 を基調としています。

Ghostty、iTerm2、Kitty、Alacritty、WezTerm、Windows Terminal、Warp、foot、Rio、XFCE4 Terminal、Xresources 向けの設定ファイルを書き出せるほか、VS Code・Zed の統合ターミナル、CSS 変数、Tailwind CSS、JSON 形式にも対応しています。

Vacuum Tube に似た配色

データ出典：iTerm2 Color Schemes (MIT)