本文へスキップ
Tintdex

Arcoiris

Arcoiris はダーク系のターミナル配色（パステル）。背景色 #201f1e、文字色 #eee4d9、コントラスト比 13.1:1

設定を取得
背景色
#201f1e
前景色
#eee4d9
文字のコントラスト
13.11:1AAA
アクセントのコントラスト
9.82:1最小 3.35
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
❯

Arcoiris の設定ファイル

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

Arcoiris

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

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

palette = 0=#333333
palette = 1=#da2700
palette = 2=#12c258
palette = 3=#ffc656
palette = 4=#518bfc
palette = 5=#e37bd9
palette = 6=#63fad5
palette = 7=#bab2b2
palette = 8=#777777
palette = 9=#ffb9b9
palette = 10=#e3f6aa
palette = 11=#ffddaa
palette = 12=#b3e8f3
palette = 13=#cbbaf9
palette = 14=#bcffc7
palette = 15=#efefef
background = #201f1e
foreground = #eee4d9
cursor-color = #7a1c1c
cursor-text = #fffbf2
selection-background = #25524a
selection-foreground = #f3fffd

Arcoiris のパレット

パレット各スロットの色値と背景に対する WCAG コントラスト比
カラースロットHEXRGBHSLOKLCHコントラスト
背景色background#201f1ergb(32 31 30)hsl(30 3% 12%)oklch(24.0% 0.002 67.7)—
前景色foreground#eee4d9rgb(238 228 217)hsl(31 38% 89%)oklch(92.4% 0.018 70.2)13.11 AAA
カーソルcursor#7a1c1crgb(122 28 28)hsl(0 63% 29%)oklch(38.5% 0.129 25.6)1.58 AA 未満
カーソルの文字cursorText#fffbf2rgb(255 251 242)hsl(42 100% 97%)oklch(98.9% 0.013 86.8)15.93 AAA
選択範囲selection#25524argb(37 82 74)hsl(169 38% 23%)oklch(40.4% 0.052 180.5)1.87 AA 未満
選択範囲の文字selectionText#f3fffdrgb(243 255 253)hsl(170 100% 98%)oklch(99.1% 0.013 185.1)16.09 AAA
黒color0#333333rgb(51 51 51)hsl(0 0% 20%)oklch(32.1% 0.000 0)1.30 AA 未満
赤color1#da2700rgb(218 39 0)hsl(11 100% 43%)oklch(57.2% 0.216 32.2)3.35 AA（大きな文字）
緑color2#12c258rgb(18 194 88)hsl(144 83% 42%)oklch(71.2% 0.196 149.3)6.96 AA
黄color3#ffc656rgb(255 198 86)hsl(40 100% 67%)oklch(85.8% 0.142 81.6)10.55 AAA
青color4#518bfcrgb(81 139 252)hsl(220 97% 65%)oklch(65.4% 0.179 262.2)5.05 AA
マゼンタcolor5#e37bd9rgb(227 123 217)hsl(306 65% 69%)oklch(73.0% 0.172 330.8)6.35 AA
シアンcolor6#63fad5rgb(99 250 213)hsl(165 94% 68%)oklch(89.4% 0.139 173.9)12.67 AAA
白color7#bab2b2rgb(186 178 178)hsl(0 5% 71%)oklch(77.0% 0.009 17.4)7.91 AAA
明るい黒color8#777777rgb(119 119 119)hsl(0 0% 47%)oklch(56.9% 0.000 0)3.67 AA（大きな文字）
明るい赤color9#ffb9b9rgb(255 185 185)hsl(0 100% 86%)oklch(85.1% 0.081 18.9)10.10 AAA
明るい緑color10#e3f6aargb(227 246 170)hsl(75 81% 82%)oklch(94.1% 0.099 119.8)14.13 AAA
明るい黄color11#ffddaargb(255 221 170)hsl(36 100% 83%)oklch(91.4% 0.076 77.6)12.67 AAA
明るい青color12#b3e8f3rgb(179 232 243)hsl(190 73% 83%)oklch(89.8% 0.056 211.8)12.34 AAA
明るいマゼンタcolor13#cbbaf9rgb(203 186 249)hsl(256 84% 85%)oklch(82.5% 0.089 296.8)9.35 AAA
明るいシアンcolor14#bcffc7rgb(188 255 199)hsl(130 100% 87%)oklch(94.1% 0.101 149.2)14.31 AAA
明るい白color15#efefefrgb(239 239 239)hsl(0 0% 94%)oklch(95.2% 0.000 0)14.31 AAA

Arcoiris について

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

パレット全体は適度な彩度で、赤 #da2700、緑 #12c258、青 #518bfc、マゼンタ #e37bd9 を基調としています。

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

Arcoiris に似た配色

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