煎茶色
せんちゃいろ | Sencha Brown
広色域（Display P3）比較
sRGB（従来のWeb標準）
#69633A
Display P3（広色域）
color(display-p3 0.41 0.39 0.25)
意味と歴史
由来
煎茶を淹れた時の、茶葉が湯に浸出した褐色がかった緑色に由来する。抹茶の鮮やかな緑とは異なり、煎茶特有の黄みを帯びた渋い緑褐色は、江戸時代以降の煎茶文化の広がりとともに定着した庶民的な色名である。
歴史
煎茶は江戸時代に黄檗宗の僧・売茶翁が広めたとされ、抹茶の格式張った作法に対し、より自由で文人的な茶の楽しみ方として知識人に広まった。煎茶色はその庶民的な茶文化の色として、日常の中の潤いを象徴する色である。
心理的効果
日常の安らぎ、素朴な知性、文人的な趣を感じさせる。煎茶の褐色がかった緑は、一杯の茶を味わう静かな時間の充足感を象徴し、華美を避けつつも知的な楽しみを求める文人的な美意識に通じる、味わい深い色である。
伝統的な用途
煎茶道具の色合わせや茶葉のパッケージの色として用いられた。現代では日本茶カフェのインテリアカラーや、お茶関連商品のブランドカラーとして広く使われ、和の落ち着きと健康的なイメージを伝える色として重宝されている。
CSSコード
HEX
#69633A RGB
rgb(105, 99, 58) CMYK
cmyk(0%, 6%, 45%, 59%) HSV
hsv(52, 45%, 41%) OKLCH
oklch(0.495 0.06 101) Display P3
color(display-p3 0.41 0.39 0.25) Munsell
10Y 4.2/4 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #69633A;
background-color: oklch(0.495 0.06 101);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.41 0.39 0.25);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
6.09:1
黒背景
3.45:1
白文字
6.09:1
黒文字
3.45:1
配色シミュレーター
この色を背景やテキストに使用した場合のプレビューです。
白テキスト — The quick brown fox
黒テキスト — The quick brown fox
色の上にテキストを配置した場合の可読性を確認できます。見出し・本文・リンクなど、さまざまなサイズで試してみてください。
白背景 — 見出しテキスト
本文テキストのサンプルです。The quick brown fox jumps over the lazy dog.
黒背景 — 見出しテキスト
本文テキストのサンプルです。The quick brown fox jumps over the lazy dog.
色覚シミュレーション
P型（1型）
赤色の感度が低下
#6A6137
D型（2型）
緑色の感度が低下
#6C633C
T型（3型）
青色の感度が低下
#6F5E59
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #69633A, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #69633A, #000000); 透明へ
background: linear-gradient(to right, #69633A, transparent); エクスポート
--color-sencha: #69633A;
--color-sencha-rgb: 105, 99, 58;
--color-sencha-oklch: 0.495 0.06 101;$color-sencha: #69633A;
$color-sencha-rgb: rgb(105, 99, 58);
$color-sencha-oklch: oklch(0.495 0.06 101);'sencha': '#69633A',Color(red: 0.412, green: 0.388, blue: 0.227){
"name": {
"ja": "煎茶色",
"en": "Sencha Brown",
"reading": "せんちゃいろ"
},
"hex": "#69633A",
"rgb": {
"r": 105,
"g": 99,
"b": 58
},
"cmyk": {
"c": 0,
"m": 6,
"y": 45,
"k": 59
},
"oklch": {
"l": 0.495,
"c": 0.06,
"h": 101
},
"displayP3": {
"r": 0.41,
"g": 0.39,
"b": 0.25
},
"hsv": {
"h": 52,
"s": 45,
"v": 41
},
"munsell": "10Y 4.2/4"
}