ANSIグレースケールランプ(232-255) - 24段階のグレー

ANSIグレースケール色232-255のリファレンス。ほぼ黒からほぼ白までの24のシェードを提供。ターミナルアプリケーションの微妙なUI要素、ボーダー、淡色テキストに最適。

256 Colors

詳細な説明

ANSIグレースケールランプ

グレースケールランプは256色パレットのカラーコード232から255を占め、24の均等に配置されたグレーのシェードを提供します。カラーキューブとは別で、グレースケール出力専用に設計されています。

グレースケール値

各コードは特定のグレーレベルにマッピングされます:

コード RGB値 明るさ
232 (8, 8, 8) 最も暗い
233 (18, 18, 18) 非常に暗い
234 (28, 28, 28)
... ...
243 (118,118,118) 中間グレー
... ...
254 (228,228,228) 非常に明るい
255 (238,238,238) 最も明るい

公式は:RGB = 8 + (code - 232) * 10(各チャネル)

使用例

# 淡色のセカンダリテキスト
echo -e "\033[38;5;245mセカンダリ情報\033[0m"

# 明るいグレーのボーダー効果
echo -e "\033[38;5;240m────────────────────\033[0m"

# ダークバックグラウンドパネル
echo -e "\033[48;5;234m  ダークパネルコンテンツ  \033[0m"

デザイン応用

グレースケールランプはターミナルUIで視覚的な階層を作成するのに非常に有用です:

  • コード240-245: セカンダリ/ミュートテキストに最適
  • コード234-237: 微妙なパネル背景に最適
  • コード248-252: ダーク背景でのボーダーとディバイダーに有効
  • コード232-233: ダークターミナルではほぼ見えず、非常に微妙な効果に有用

重要な考慮事項

コード232-255には純粋な黒(0,0,0)や純粋な白(255,255,255)は含まれません。それらには標準パレットのカラーコード0(黒)と15(白)を使用してください。グレースケールランプは明るさ8から始まり238で終わり、標準の黒と白に余地を残しています。

ユースケース

グレースケールランプは視覚的な深みと階層を持つ洗練されたターミナルUIを構築するために不可欠です。淡色のヘルプテキスト、微妙なボーダーとセパレーター、パネル背景、ツリービューのインデントガイド、フルカラーが気を散らす要素に使用します。htop、lazydocker、tigなどのターミナルダッシュボードツールは、プロフェッショナルな外観のインターフェースにグレースケールを広範に使用しています。

試してみる — ANSI Color Code Reference

フルツールを開く