檳榔子染
びんろうじぞめ | Betel Nut Dye
広色域(Display P3)比較
sRGB(従来のWeb標準)
#352925
Display P3(広色域)
color(display-p3 0.2 0.16 0.15)
意味と歴史
由来
ヤシ科の植物・檳榔子(ビンロウジ)の実で染めた暗い褐色に由来する。東南アジア原産のこの植物の実はタンニンを豊富に含み、堅牢で深みのある黒褐色に染まるため、高級な染料として珍重された色名である。
歴史
鎌倉時代から武家の間で好まれた格式高い染色法。檳榔子染めは非常に堅牢で褪せにくいため、武士の実用着として高く評価された。正式な装束にも用いられ、武家の質実剛健の精神にふさわしい色として位置づけられた。
心理的効果
重厚さ、力強さ、揺るぎない信念を感じさせる。黒に近い深い褐色は、武士の不屈の精神と実直な生き方を象徴し、華やかさよりも堅実さを重んじる価値観と、長い年月にわたる耐久性への信頼を感じさせる色である。
伝統的な用途
鎌倉武士の装束や直垂の染め色として重用され、室町時代以降も武家の正装に使われ続けた。現代では伝統的な草木染めの技法として復元され、堅牢な自然染料の色として工芸品や和装の染め色に用いられている。
CSSコード
HEX
#352925 RGB
rgb(53, 41, 37) CMYK
cmyk(0%, 23%, 30%, 79%) HSV
hsv(15, 30%, 21%) OKLCH
oklch(0.293 0.019 39.2) Display P3
color(display-p3 0.2 0.16 0.15) Munsell
2.5YR 1.8/2 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #352925;
background-color: oklch(0.293 0.019 39.2);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.2 0.16 0.15);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
14.04:1
黒背景
1.50:1
白文字
14.04:1
黒文字
1.50: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型)
赤色の感度が低下
#2C2A25
D型(2型)
緑色の感度が低下
#2F2D25
T型(3型)
青色の感度が低下
#382728
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント(明るく)
background: linear-gradient(to right, #352925, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #352925, #000000); 透明へ
background: linear-gradient(to right, #352925, transparent); エクスポート
--color-binroujizome: #352925;
--color-binroujizome-rgb: 53, 41, 37;
--color-binroujizome-oklch: 0.293 0.019 39.2; $color-binroujizome: #352925;
$color-binroujizome-rgb: rgb(53, 41, 37);
$color-binroujizome-oklch: oklch(0.293 0.019 39.2); 'binroujizome': '#352925', Color(red: 0.208, green: 0.161, blue: 0.145) {
"name": {
"ja": "檳榔子染",
"en": "Betel Nut Dye",
"reading": "びんろうじぞめ"
},
"hex": "#352925",
"rgb": {
"r": 53,
"g": 41,
"b": 37
},
"cmyk": {
"c": 0,
"m": 23,
"y": 30,
"k": 79
},
"oklch": {
"l": 0.293,
"c": 0.019,
"h": 39.2
},
"displayP3": {
"r": 0.2,
"g": 0.16,
"b": 0.15
},
"hsv": {
"h": 15,
"s": 30,
"v": 21
},
"munsell": "2.5YR 1.8/2"
}