本文へスキップ
Tintdex

Black Box Recorder

Black Box Recorder はダーク系のターミナル配色（トゥルーブラック・ハイコントラスト）。背景色 #050608、文字色 #f4f1e8、コントラスト比 17.9:1

設定を取得
背景色
#050608
前景色
#f4f1e8
文字のコントラスト
17.95:1AAA
アクセントのコントラスト
11.56:1最小 8.26
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
❯

Black Box Recorder の設定ファイル

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

Black Box Recorder

~/.config/ghostty/themes/Black Box Recorder に保存し、config または config.ghostty に theme = Black Box Recorder を書く

Ghostty の配色をもっと見る
元ファイル
# Theme: Black Box Recorder (Ghostty)
# Preview & customize online: https://tintdex.afengim.com/ja/schemes/black-box-recorder?format=ghostty

palette = 0=#b9b7b0
palette = 1=#ff806d
palette = 2=#78d19d
palette = 3=#f1ca63
palette = 4=#8cb2ed
palette = 5=#d5a0e6
palette = 6=#80d3dc
palette = 7=#f4f1e8
palette = 8=#cbc8c0
palette = 9=#ff9c8b
palette = 10=#99deb5
palette = 11=#f7db86
palette = 12=#aac7f3
palette = 13=#e4b9ed
palette = 14=#a1e1e7
palette = 15=#fffdf7
background = #050608
foreground = #f4f1e8
cursor-color = #ffcc33
cursor-text = #050608
selection-background = #2b2414
selection-foreground = #fff8e7

Black Box Recorder のパレット

パレット各スロットの色値と背景に対する WCAG コントラスト比
カラースロットHEXRGBHSLOKLCHコントラスト
背景色background#050608rgb(5 6 8)hsl(220 23% 3%)oklch(12.2% 0.006 261.6)—
前景色foreground#f4f1e8rgb(244 241 232)hsl(45 35% 93%)oklch(95.8% 0.012 91.5)17.95 AAA
カーソルcursor#ffcc33rgb(255 204 51)hsl(45 100% 60%)oklch(86.7% 0.165 88.7)13.45 AAA
カーソルの文字cursorText#050608rgb(5 6 8)hsl(220 23% 3%)oklch(12.2% 0.006 261.6)1.00 AA 未満
選択範囲selection#2b2414rgb(43 36 20)hsl(42 37% 12%)oklch(26.4% 0.029 86.8)1.32 AA 未満
選択範囲の文字selectionText#fff8e7rgb(255 248 231)hsl(42 100% 95%)oklch(98.0% 0.024 88.2)19.14 AAA
黒color0#b9b7b0rgb(185 183 176)hsl(47 6% 71%)oklch(77.9% 0.010 93.6)10.10 AAA
赤color1#ff806drgb(255 128 109)hsl(8 100% 71%)oklch(74.1% 0.158 30.1)8.26 AAA
緑color2#78d19drgb(120 209 157)hsl(145 49% 65%)oklch(79.1% 0.114 156.9)11.01 AAA
黄color3#f1ca63rgb(241 202 99)hsl(44 84% 67%)oklch(85.3% 0.129 88.7)12.90 AAA
青color4#8cb2edrgb(140 178 237)hsl(216 73% 74%)oklch(75.8% 0.095 259.0)9.37 AAA
マゼンタcolor5#d5a0e6rgb(213 160 230)hsl(285 58% 76%)oklch(77.9% 0.113 317.8)9.65 AAA
シアンcolor6#80d3dcrgb(128 211 220)hsl(186 57% 68%)oklch(81.7% 0.082 204.6)11.84 AAA
白color7#f4f1e8rgb(244 241 232)hsl(45 35% 93%)oklch(95.8% 0.012 91.5)17.95 AAA
明るい黒color8#cbc8c0rgb(203 200 192)hsl(44 10% 77%)oklch(83.3% 0.011 89.7)12.13 AAA
明るい赤color9#ff9c8brgb(255 156 139)hsl(9 100% 77%)oklch(79.0% 0.122 30.5)10.02 AAA
明るい緑color10#99deb5rgb(153 222 181)hsl(144 51% 74%)oklch(84.3% 0.090 157.7)13.00 AAA
明るい黄color11#f7db86rgb(247 219 134)hsl(45 88% 75%)oklch(89.7% 0.109 91.8)14.90 AAA
明るい青color12#aac7f3rgb(170 199 243)hsl(216 75% 81%)oklch(82.3% 0.070 258.6)11.75 AAA
明るいマゼンタcolor13#e4b9edrgb(228 185 237)hsl(290 59% 83%)oklch(84.0% 0.085 320.4)12.03 AAA
明るいシアンcolor14#a1e1e7rgb(161 225 231)hsl(185 59% 77%)oklch(86.9% 0.065 203.3)13.94 AAA
明るい白color15#fffdf7rgb(255 253 247)hsl(45 100% 98%)oklch(99.4% 0.008 91.5)19.93 AAA

Black Box Recorder について

Black Box Recorder はニュートラルのダーク背景（#050608）を採用し、標準の前景色に #f4f1e8 を使ったターミナル配色です。本文の WCAG コントラスト比は 17.95:1（AAA）、12 色の ANSI カラーは平均 11.56:1、最小 8.26:1 です。

パレット全体は適度な彩度で、赤 #ff806d、緑 #78d19d、青 #8cb2ed、マゼンタ #d5a0e6 を基調としています。

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

Black Box Recorder に似た配色

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