本文へスキップ
Tintdex

Canyon Shadow

Canyon Shadow はダーク系のターミナル配色（落ち着いた・パステル）。背景色 #513554、文字色 #fff0df、コントラスト比 9.4:1

設定を取得
背景色
#513554
前景色
#fff0df
文字のコントラスト
9.45:1AAA
アクセントのコントラスト
6.81:1最小 5.45
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
❯

Canyon Shadow の設定ファイル

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

Canyon Shadow

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

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

palette = 0=#d5ccd3
palette = 1=#fba493
palette = 2=#9bd7ad
palette = 3=#f0d176
palette = 4=#a1cbed
palette = 5=#e5b1dc
palette = 6=#96dfda
palette = 7=#fff0df
palette = 8=#e2dae0
palette = 9=#ffb8a8
palette = 10=#b1e1bc
palette = 11=#f8df94
palette = 12=#bbdaf2
palette = 13=#edc5e5
palette = 14=#b4eae5
palette = 15=#fffaf3
background = #513554
foreground = #fff0df
cursor-color = #f5c15e
cursor-text = #513554
selection-background = #6e5270
selection-foreground = #fff8ed

Canyon Shadow のパレット

パレット各スロットの色値と背景に対する WCAG コントラスト比
カラースロットHEXRGBHSLOKLCHコントラスト
背景色background#513554rgb(81 53 84)hsl(294 23% 27%)oklch(37.4% 0.063 323.4)—
前景色foreground#fff0dfrgb(255 240 223)hsl(32 100% 94%)oklch(96.2% 0.028 71.0)9.45 AAA
カーソルcursor#f5c15ergb(245 193 94)hsl(39 88% 66%)oklch(83.9% 0.130 81.4)6.38 AA
カーソルの文字cursorText#513554rgb(81 53 84)hsl(294 23% 27%)oklch(37.4% 0.063 323.4)1.00 AA 未満
選択範囲selection#6e5270rgb(110 82 112)hsl(296 15% 38%)oklch(47.9% 0.058 324.2)1.56 AA 未満
選択範囲の文字selectionText#fff8edrgb(255 248 237)hsl(37 100% 96%)oklch(98.2% 0.016 79.4)10.02 AAA
黒color0#d5ccd3rgb(213 204 211)hsl(313 10% 82%)oklch(85.5% 0.014 333.1)6.75 AA
赤color1#fba493rgb(251 164 147)hsl(10 93% 78%)oklch(80.1% 0.107 31.6)5.45 AA
緑color2#9bd7adrgb(155 215 173)hsl(138 43% 73%)oklch(82.7% 0.085 153.7)6.40 AA
黄color3#f0d176rgb(240 209 118)hsl(45 80% 70%)oklch(86.8% 0.116 91.1)7.09 AAA
青color4#a1cbedrgb(161 203 237)hsl(207 68% 78%)oklch(82.4% 0.065 243.0)6.18 AA
マゼンタcolor5#e5b1dcrgb(229 177 220)hsl(310 50% 80%)oklch(82.1% 0.082 332.4)5.86 AA
シアンcolor6#96dfdargb(150 223 218)hsl(176 53% 73%)oklch(85.4% 0.073 190.4)6.98 AA
白color7#fff0dfrgb(255 240 223)hsl(32 100% 94%)oklch(96.2% 0.028 71.0)9.45 AAA
明るい黒color8#e2dae0rgb(226 218 224)hsl(315 12% 87%)oklch(89.6% 0.012 334.1)7.72 AAA
明るい赤color9#ffb8a8rgb(255 184 168)hsl(11 100% 83%)oklch(84.5% 0.086 33.1)6.38 AA
明るい緑color10#b1e1bcrgb(177 225 188)hsl(134 44% 79%)oklch(86.6% 0.071 151.7)7.23 AAA
明るい黄color11#f8df94rgb(248 223 148)hsl(45 88% 78%)oklch(90.8% 0.098 91.7)8.04 AAA
明るい青color12#bbdaf2rgb(187 218 242)hsl(206 68% 84%)oklch(87.3% 0.047 241.4)7.26 AAA
明るいマゼンタcolor13#edc5e5rgb(237 197 229)hsl(312 53% 85%)oklch(86.7% 0.062 333.0)6.90 AA
明るいシアンcolor14#b4eae5rgb(180 234 229)hsl(174 56% 81%)oklch(89.9% 0.055 189.2)7.97 AAA
明るい白color15#fffaf3rgb(255 250 243)hsl(35 100% 98%)oklch(98.7% 0.011 76.6)10.18 AAA

Canyon Shadow について

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

パレット全体は彩度が控えめで、赤 #fba493、緑 #9bd7ad、青 #a1cbed、マゼンタ #e5b1dc を基調としています。

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

Canyon Shadow に似た配色

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