本文へスキップ

Royal Rhapsody

Royal Rhapsody はライト系のターミナル配色(落ち着いた・暖色)。背景色 #f0e6d8、文字色 #2d2b3b、コントラスト比 11.2:1

設定を取得
背景色
#f0e6d8
前景色
#2d2b3b
文字のコントラスト
11.19:1AAA
アクセントのコントラスト
6.36:1最小 4.76
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
❯

Royal Rhapsody の設定ファイル

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

Royal Rhapsody

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

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

palette = 0=#685c59
palette = 1=#843344
palette = 2=#386f55
palette = 3=#735417
palette = 4=#2b537b
palette = 5=#6d446f
palette = 6=#29686c
palette = 7=#2d2b3b
palette = 8=#534a47
palette = 9=#742d3c
palette = 10=#31624b
palette = 11=#654a14
palette = 12=#26496c
palette = 13=#603c62
palette = 14=#245c5f
palette = 15=#24222f
background = #f0e6d8
foreground = #2d2b3b
cursor-color = #654a14
cursor-text = #f0e6d8
selection-background = #dbc7c3
selection-foreground = #2d2b3b

Royal Rhapsody のパレット

パレット各スロットの色値と背景に対する WCAG コントラスト比
カラースロットHEXRGBHSLOKLCHコントラスト
背景色background#f0e6d8rgb(240 230 216)hsl(35 44% 89%)oklch(92.9% 0.022 76.5)—
前景色foreground#2d2b3brgb(45 43 59)hsl(248 16% 20%)oklch(29.8% 0.029 290.3)11.19 AAA
カーソルcursor#654a14rgb(101 74 20)hsl(40 67% 24%)oklch(42.8% 0.078 80.7)6.69 AA
カーソルの文字cursorText#f0e6d8rgb(240 230 216)hsl(35 44% 89%)oklch(92.9% 0.022 76.5)1.00 AA 未満
選択範囲selection#dbc7c3rgb(219 199 195)hsl(10 25% 81%)oklch(84.5% 0.023 31.1)1.31 AA 未満
選択範囲の文字selectionText#2d2b3brgb(45 43 59)hsl(248 16% 20%)oklch(29.8% 0.029 290.3)11.19 AAA
黒color0#685c59rgb(104 92 89)hsl(12 8% 38%)oklch(48.5% 0.016 34.3)5.21 AA
赤color1#843344rgb(132 51 68)hsl(347 44% 36%)oklch(44.0% 0.112 10.0)6.70 AA
緑color2#386f55rgb(56 111 85)hsl(152 33% 33%)oklch(49.6% 0.073 161.6)4.76 AA
黄color3#735417rgb(115 84 23)hsl(40 67% 27%)oklch(46.7% 0.086 80.1)5.65 AA
青color4#2b537brgb(43 83 123)hsl(210 48% 33%)oklch(43.2% 0.081 250.2)6.48 AA
マゼンタcolor5#6d446frgb(109 68 111)hsl(297 24% 35%)oklch(45.0% 0.085 325.2)6.29 AA
シアンcolor6#29686crgb(41 104 108)hsl(184 45% 29%)oklch(47.9% 0.064 201.0)5.17 AA
白color7#2d2b3brgb(45 43 59)hsl(248 16% 20%)oklch(29.8% 0.029 290.3)11.19 AAA
明るい黒color8#534a47rgb(83 74 71)hsl(15 8% 30%)oklch(41.7% 0.013 39.3)6.98 AA
明るい赤color9#742d3crgb(116 45 60)hsl(347 44% 32%)oklch(40.2% 0.101 9.8)7.79 AAA
明るい緑color10#31624brgb(49 98 75)hsl(152 33% 29%)oklch(45.4% 0.066 161.8)5.71 AA
明るい黄color11#654a14rgb(101 74 20)hsl(40 67% 24%)oklch(42.8% 0.078 80.7)6.69 AA
明るい青color12#26496crgb(38 73 108)hsl(210 48% 29%)oklch(39.6% 0.072 250.1)7.56 AAA
明るいマゼンタcolor13#603c62rgb(96 60 98)hsl(297 24% 31%)oklch(41.3% 0.076 325.0)7.33 AAA
明るいシアンcolor14#245c5frgb(36 92 95)hsl(183 45% 26%)oklch(43.9% 0.058 200.1)6.14 AA
明るい白color15#24222frgb(36 34 47)hsl(249 16% 16%)oklch(26.0% 0.024 291.7)12.65 AAA

Royal Rhapsody について

Royal Rhapsody は暖色寄りのライト背景(#f0e6d8)を採用し、標準の前景色に #2d2b3b を使ったターミナル配色です。本文の WCAG コントラスト比は 11.19:1(AAA)、12 色の ANSI カラーは平均 6.36:1、最小 4.76:1 です。

パレット全体は彩度が控えめで、赤 #843344、緑 #386f55、青 #2b537b、マゼンタ #6d446f を基調としています。

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

Royal Rhapsody に似た配色

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