本文へスキップ

Sun Bleached

Sun Bleached はライト系のターミナル配色(落ち着いた・暖色)。背景色 #f0dfc3、文字色 #4a382f、コントラスト比 8.5:1

設定を取得
背景色
#f0dfc3
前景色
#4a382f
文字のコントラスト
8.46:1AAA
アクセントのコントラスト
4.82:1最小 4.61
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
❯

Sun Bleached の設定ファイル

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

Sun Bleached

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

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

palette = 0=#4a4038
palette = 1=#9e4935
palette = 2=#4b694d
palette = 3=#725a1c
palette = 4=#3a6378
palette = 5=#76546e
palette = 6=#33656a
palette = 7=#594b40
palette = 8=#65574d
palette = 9=#904b37
palette = 10=#506950
palette = 11=#725c23
palette = 12=#426678
palette = 13=#775a70
palette = 14=#3a666a
palette = 15=#302925
background = #f0dfc3
foreground = #4a382f
cursor-color = #b75b3f
cursor-text = #f0dfc3
selection-background = #dfcbaa
selection-foreground = #2e2825

Sun Bleached のパレット

パレット各スロットの色値と背景に対する WCAG コントラスト比
カラースロットHEXRGBHSLOKLCHコントラスト
背景色background#f0dfc3rgb(240 223 195)hsl(37 60% 85%)oklch(91.0% 0.042 80.3)—
前景色foreground#4a382frgb(74 56 47)hsl(20 22% 24%)oklch(35.8% 0.030 47.9)8.46 AAA
カーソルcursor#b75b3frgb(183 91 63)hsl(14 49% 48%)oklch(57.7% 0.126 37.7)3.50 AA(大きな文字)
カーソルの文字cursorText#f0dfc3rgb(240 223 195)hsl(37 60% 85%)oklch(91.0% 0.042 80.3)1.00 AA 未満
選択範囲selection#dfcbaargb(223 203 170)hsl(37 45% 77%)oklch(85.0% 0.049 80.3)1.21 AA 未満
選択範囲の文字selectionText#2e2825rgb(46 40 37)hsl(20 11% 16%)oklch(28.2% 0.010 48.3)11.10 AAA
黒color0#4a4038rgb(74 64 56)hsl(27 14% 25%)oklch(37.9% 0.019 60.8)7.71 AAA
赤color1#9e4935rgb(158 73 53)hsl(11 50% 41%)oklch(51.0% 0.118 34.5)4.64 AA
緑color2#4b694drgb(75 105 77)hsl(124 17% 35%)oklch(48.9% 0.057 146.3)4.68 AA
黄color3#725a1crgb(114 90 28)hsl(43 61% 28%)oklch(48.0% 0.084 87.0)5.02 AA
青color4#3a6378rgb(58 99 120)hsl(200 35% 35%)oklch(47.8% 0.057 232.0)4.96 AA
マゼンタcolor5#76546ergb(118 84 110)hsl(314 17% 40%)oklch(49.1% 0.059 335.2)4.92 AA
シアンcolor6#33656argb(51 101 106)hsl(185 35% 31%)oklch(47.4% 0.054 204.0)5.00 AA
白color7#594b40rgb(89 75 64)hsl(26 16% 30%)oklch(42.4% 0.026 60.2)6.41 AA
明るい黒color8#65574drgb(101 87 77)hsl(25 13% 35%)oklch(46.7% 0.024 57.6)5.31 AA
明るい赤color9#904b37rgb(144 75 55)hsl(13 45% 39%)oklch(49.3% 0.098 37.0)4.94 AA
明るい緑color10#506950rgb(80 105 80)hsl(120 14% 36%)oklch(49.3% 0.049 144.8)4.61 AA
明るい黄color11#725c23rgb(114 92 35)hsl(43 53% 29%)oklch(48.5% 0.080 87.8)4.91 AA
明るい青color12#426678rgb(66 102 120)hsl(200 29% 36%)oklch(49.0% 0.050 230.8)4.72 AA
明るいマゼンタcolor13#775a70rgb(119 90 112)hsl(314 14% 41%)oklch(50.5% 0.050 335.1)4.61 AA
明るいシアンcolor14#3a666argb(58 102 106)hsl(185 29% 32%)oklch(48.0% 0.049 203.2)4.88 AA
明るい白color15#302925rgb(48 41 37)hsl(22 13% 17%)oklch(28.7% 0.013 51.7)10.92 AAA

Sun Bleached について

Sun Bleached は暖色寄りのライト背景(#f0dfc3)を採用し、標準の前景色に #4a382f を使ったターミナル配色です。本文の WCAG コントラスト比は 8.46:1(AAA)、12 色の ANSI カラーは平均 4.82:1、最小 4.61:1 です。

パレット全体は彩度が控えめで、赤 #9e4935、緑 #4b694d、青 #3a6378、マゼンタ #76546e を基調としています。

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

Sun Bleached に似た配色

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