本文へスキップ
Tintdex

2037 種類の配色 · 16 種類の設定形式

ターミナル配色を実画面で試し、設定をそのまま書き出す

実際のシェル出力、シンタックスハイライト、WCAG コントラスト比で配色を確認。ブラウザ上で色を微調整し、Ghostty、iTerm2、Kitty、Alacritty、WezTerm、Windows Terminal などの設定をすぐにコピーできます

配色を見る ランダム表示
zsh — ~/dev/tintdex
zsh — ~/dev/tintdex
zsh — ~/dev/tintdex
zsh — ~/dev/tintdex
zsh — ~/dev/tintdex — Konsole
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯ ls
src public build.sh logo.png node_modules package.json
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯ git status --short
M src/app.tsx
A src/theme.css
?? notes.md
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯ bun test
✓ 42 pass ✗ 1 fail ⚠ 2 warnings [38ms]
FAIL kitty > includes cursor_text_color
~/dev/tintdex on main [!?] via ⬢ v1.4.3
❯
Catppuccin Mocha

今日のピックアップ ·

Stasis

Stasis はダーク系のターミナル配色（ソフト・落ち着いた）。背景色 #2f2c33、文字色 #bbb1c9、コントラスト比 6.7:1

背景色
#2f2c33
前景色
#bbb1c9
文字のコントラスト
6.70:1AA
アクセントのコントラスト
6.79:1最小 2.09
  • 黒 #3c3841
  • 赤 #ba0e2e
  • 緑 #fc814a
  • 黄 #7c617c
  • 青 #bfbfbf
  • マゼンタ #fc814a
  • シアン #bfbfbf
  • 白 #c8c0d3
  • 明るい黒 #554f5c
  • 明るい赤 #e61f44
  • 明るい緑 #fec7ae
  • 明るい黄 #ad96ad
  • 明るい青 #f2f2f2
  • 明るいマゼンタ #fec7ae
  • 明るいシアン #f2f2f2
  • 明るい白 #e2dee8
配色と設定を見る

人気の配色

すべての配色

スタイルで探す

すべてのカテゴリ

ダーク

1562

暗い背景色を採用し、夜間の作業や暗い部屋、OLED ディスプレイに適した配色

ライト

475

明るい背景色を採用し、日中の室内や高輝度ディスプレイでも読みやすい配色

トゥルーブラック

250

純黒またはほぼ純黒の背景で、OLED パネルやフルスクリーン表示になじむ配色

ハイコントラスト

184

本文と ANSI カラーが背景に対して高い WCAG コントラスト比を保つ視認性重視の配色

ソフト

579

文字と背景の明暗差を適度に抑え、暗い環境でも目が疲れにくい配色

ビビッド

256

鮮やかなアクセントカラーで、構文ハイライトやコマンド出力が際立つ配色

落ち着いた

225

彩度を抑えた穏やかな色調で、コード本文に集中しやすい配色

パステル

212

ダーク背景に明るくやわらかなパステル調のアクセントを組み合わせた配色

モノクロ

129

単一色相やグレースケールで構成された、レトロ蛍光管風やミニマルな配色

暖色

228

ブラウン、アンバー、セピアなど暖かみのある色調を背景に持つ配色

寒色

629

スレートブルー、ティール、インディゴなど涼しげな色調を背景に持つ配色

テーマファミリー

すべてのファミリー

ひとつのパレットから、あらゆる環境の設定へ

すべての配色を共通パレットに正規化してから各形式を生成するため、ブラウザ上で調整した色はどの設定ファイルにも正確に反映されます。コピー、ファイル保存、コマンドラインからの直接取得に対応しています。

curl -fsSL https://tintdex.afengim.com/raw/dracula/kitty

Web

  • CSS 変数
  • Tailwind CSS v4

データ

  • JSON
Catppuccin Mocha

2037 種類の配色 · 16 種類の設定形式

配色を見る ランダム表示