本文へスキップ
Tintdex

Purpurite

Purpurite はダーク系のターミナル配色（パステル・寒色）。背景色 #1f2533、文字色 #ccddff、コントラスト比 11.2:1

設定を取得
背景色
#1f2533
前景色
#ccddff
文字のコントラスト
11.20:1AAA
アクセントのコントラスト
9.32:1最小 5.36
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
❯

Purpurite の設定ファイル

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

Purpurite

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

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

palette = 0=#1f2533
palette = 1=#ff6666
palette = 2=#99ff99
palette = 3=#ff9966
palette = 4=#99bbff
palette = 5=#ff99dd
palette = 6=#99ddff
palette = 7=#ccddff
palette = 8=#3d4b66
palette = 9=#ff9999
palette = 10=#99ffdd
palette = 11=#ffcc66
palette = 12=#ccddff
palette = 13=#9999ff
palette = 14=#cceeff
palette = 15=#99ffdd
background = #1f2533
foreground = #ccddff
cursor-color = #ccddff
cursor-text = #1f2533
selection-background = #454e61
selection-foreground = #ccddff

Purpurite のパレット

パレット各スロットの色値と背景に対する WCAG コントラスト比
カラースロットHEXRGBHSLOKLCHコントラスト
背景色background#1f2533rgb(31 37 51)hsl(222 24% 16%)oklch(26.5% 0.028 266.5)—
前景色foreground#ccddffrgb(204 221 255)hsl(220 100% 90%)oklch(89.6% 0.050 264.3)11.20 AAA
カーソルcursor#ccddffrgb(204 221 255)hsl(220 100% 90%)oklch(89.6% 0.050 264.3)11.20 AAA
カーソルの文字cursorText#1f2533rgb(31 37 51)hsl(222 24% 16%)oklch(26.5% 0.028 266.5)1.00 AA 未満
選択範囲selection#454e61rgb(69 78 97)hsl(221 17% 33%)oklch(42.4% 0.034 265.1)1.84 AA 未満
選択範囲の文字selectionText#ccddffrgb(204 221 255)hsl(220 100% 90%)oklch(89.6% 0.050 264.3)11.20 AAA
黒color0#1f2533rgb(31 37 51)hsl(222 24% 16%)oklch(26.5% 0.028 266.5)1.00 AA 未満
赤color1#ff6666rgb(255 102 102)hsl(0 100% 70%)oklch(70.4% 0.187 23.2)5.36 AA
緑color2#99ff99rgb(153 255 153)hsl(120 100% 80%)oklch(91.3% 0.167 144.1)12.49 AAA
黄color3#ff9966rgb(255 153 102)hsl(20 100% 70%)oklch(77.9% 0.139 46.6)7.30 AAA
青color4#99bbffrgb(153 187 255)hsl(220 100% 80%)oklch(79.3% 0.104 263.7)7.96 AAA
マゼンタcolor5#ff99ddrgb(255 153 221)hsl(320 100% 80%)oklch(80.9% 0.146 340.6)7.92 AAA
シアンcolor6#99ddffrgb(153 221 255)hsl(200 100% 80%)oklch(86.4% 0.083 230.6)10.32 AAA
白color7#ccddffrgb(204 221 255)hsl(220 100% 90%)oklch(89.6% 0.050 264.3)11.20 AAA
明るい黒color8#3d4b66rgb(61 75 102)hsl(220 25% 32%)oklch(41.2% 0.049 263.2)1.75 AA 未満
明るい赤color9#ff9999rgb(255 153 153)hsl(0 100% 80%)oklch(78.8% 0.123 20.2)7.49 AAA
明るい緑color10#99ffddrgb(153 255 221)hsl(160 100% 80%)oklch(92.8% 0.108 170.5)12.92 AAA
明るい黄color11#ffcc66rgb(255 204 102)hsl(40 100% 70%)oklch(87.1% 0.133 82.7)10.27 AAA
明るい青color12#ccddffrgb(204 221 255)hsl(220 100% 90%)oklch(89.6% 0.050 264.3)11.20 AAA
明るいマゼンタcolor13#9999ffrgb(153 153 255)hsl(240 100% 80%)oklch(72.6% 0.146 282.1)6.10 AA
明るいシアンcolor14#cceeffrgb(204 238 255)hsl(200 100% 90%)oklch(93.0% 0.042 229.4)12.58 AAA
明るい白color15#99ffddrgb(153 255 221)hsl(160 100% 80%)oklch(92.8% 0.108 170.5)12.92 AAA

Purpurite について

Purpurite は寒色寄りのダーク背景（#1f2533）を採用し、標準の前景色に #ccddff を使ったターミナル配色です。本文の WCAG コントラスト比は 11.20:1（AAA）、12 色の ANSI カラーは平均 9.32:1、最小 5.36:1 です。

パレット全体は適度な彩度で、赤 #ff6666、緑 #99ff99、青 #99bbff、マゼンタ #ff99dd を基調としています。

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

Purpurite に似た配色

データ出典：Gogh (MIT OR Apache-2.0)