本文へスキップ
Tintdex

Wombat

Wombat はダーク系のターミナル配色（パステル）。背景色 #171717、文字色 #dedacf、コントラスト比 12.8:1

設定を取得
背景色
#171717
前景色
#dedacf
文字のコントラスト
12.84:1AAA
アクセントのコントラスト
11.12:1最小 6.07
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
❯

Wombat の設定ファイル

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

Wombat

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

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

palette = 0=#000000
palette = 1=#ff615a
palette = 2=#b1e969
palette = 3=#ebd99c
palette = 4=#5da9f6
palette = 5=#e86aff
palette = 6=#82fff7
palette = 7=#dedacf
palette = 8=#313131
palette = 9=#f58c80
palette = 10=#ddf88f
palette = 11=#eee5b2
palette = 12=#a5c7ff
palette = 13=#ddaaff
palette = 14=#b7fff9
palette = 15=#ffffff
background = #171717
foreground = #dedacf
cursor-color = #bbbbbb
cursor-text = #ffffff
selection-background = #453b39
selection-foreground = #b6bbc0

Wombat のパレット

パレット各スロットの色値と背景に対する WCAG コントラスト比
カラースロットHEXRGBHSLOKLCHコントラスト
背景色background#171717rgb(23 23 23)hsl(0 0% 9%)oklch(20.5% 0.000 0)—
前景色foreground#dedacfrgb(222 218 207)hsl(44 19% 84%)oklch(88.8% 0.015 90.2)12.84 AAA
カーソルcursor#bbbbbbrgb(187 187 187)hsl(0 0% 73%)oklch(79.2% 0.000 0)9.34 AAA
カーソルの文字cursorText#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)17.93 AAA
選択範囲selection#453b39rgb(69 59 57)hsl(10 10% 25%)oklch(36.2% 0.014 31.2)1.65 AA 未満
選択範囲の文字selectionText#b6bbc0rgb(182 187 192)hsl(210 7% 73%)oklch(79.0% 0.009 247.9)9.27 AAA
黒color0#000000rgb(0 0 0)hsl(0 0% 0%)oklch(0.0% 0.000 0)1.17 AA 未満
赤color1#ff615argb(255 97 90)hsl(3 100% 68%)oklch(69.6% 0.194 25.9)6.07 AA
緑color2#b1e969rgb(177 233 105)hsl(86 74% 66%)oklch(86.9% 0.169 129.1)12.57 AAA
黄color3#ebd99crgb(235 217 156)hsl(46 66% 77%)oklch(88.6% 0.081 93.6)12.75 AAA
青color4#5da9f6rgb(93 169 246)hsl(210 89% 66%)oklch(71.9% 0.136 250.5)7.23 AAA
マゼンタcolor5#e86affrgb(232 106 255)hsl(291 100% 71%)oklch(73.2% 0.234 321.2)6.78 AA
シアンcolor6#82fff7rgb(130 255 247)hsl(176 100% 75%)oklch(92.6% 0.113 189.9)15.02 AAA
白color7#dedacfrgb(222 218 207)hsl(44 19% 84%)oklch(88.8% 0.015 90.2)12.84 AAA
明るい黒color8#313131rgb(49 49 49)hsl(0 0% 19%)oklch(31.3% 0.000 0)1.38 AA 未満
明るい赤color9#f58c80rgb(245 140 128)hsl(6 85% 73%)oklch(75.0% 0.130 27.4)7.64 AAA
明るい緑color10#ddf88frgb(221 248 143)hsl(75 88% 77%)oklch(93.7% 0.134 120.8)15.28 AAA
明るい黄color11#eee5b2rgb(238 229 178)hsl(51 64% 82%)oklch(91.7% 0.067 99.2)14.07 AAA
明るい青color12#a5c7ffrgb(165 199 255)hsl(217 100% 82%)oklch(82.5% 0.087 260.3)10.43 AAA
明るいマゼンタcolor13#ddaaffrgb(221 170 255)hsl(276 100% 83%)oklch(81.4% 0.128 311.2)9.62 AAA
明るいシアンcolor14#b7fff9rgb(183 255 249)hsl(175 100% 86%)oklch(95.1% 0.071 189.5)15.95 AAA
明るい白color15#ffffffrgb(255 255 255)hsl(0 0% 100%)oklch(100.0% 0.000 0)17.93 AAA

Wombat について

Wombat はニュートラルのダーク背景（#171717）を採用し、標準の前景色に #dedacf を使ったターミナル配色です。本文の WCAG コントラスト比は 12.84:1（AAA）、12 色の ANSI カラーは平均 11.12:1、最小 6.07:1 です。

パレット全体は適度な彩度で、赤 #ff615a、緑 #b1e969、青 #5da9f6、マゼンタ #e86aff を基調としています。

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

Wombat に似た配色

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