檳榔子染

びんろうじぞめ | Betel Nut Dye

日本の伝統色 黒系 鎌倉時代(1185-1333)

広色域(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

AA Pass AAA Pass
AA大文字 Pass
サンプル

黒背景

1.50:1

AA Fail AAA Fail
AA大文字 Fail
サンプル

白文字

14.04:1

AA Pass AAA Pass
AA大文字 Pass
サンプル

黒文字

1.50:1

AA Fail AAA Fail
AA大文字 Fail

配色シミュレーター

この色を背景やテキストに使用した場合のプレビューです。

背景色として使用

白テキスト — 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.

UIコンポーネントでの使用例
バッジ

色覚シミュレーション

P型(1型)

赤色の感度が低下

#2C2A25

D型(2型)

緑色の感度が低下

#2F2D25

T型(3型)

青色の感度が低下

#382728

配色提案

補色

色相環の反対側

類似色

色相が近い色

トライアド

三角形の配色

スプリットコンプリメンタリー

補色の両隣

グラデーション

ティント(明るく)

background: linear-gradient(to right, #352925, #FFFFFF);
#352925
#5D5451
#867F7C
#AEA9A8
#D7D4D3
#FFFFFF

シェード(暗く)

background: linear-gradient(to right, #352925, #000000);
#352925
#2A211E
#201916
#15100F
#0B0807
#000000

透明へ

background: linear-gradient(to right, #352925, transparent);

エクスポート

CSS変数
--color-binroujizome: #352925;
--color-binroujizome-rgb: 53, 41, 37;
--color-binroujizome-oklch: 0.293 0.019 39.2;
Sass変数
$color-binroujizome: #352925;
$color-binroujizome-rgb: rgb(53, 41, 37);
$color-binroujizome-oklch: oklch(0.293 0.019 39.2);
Tailwind Config
'binroujizome': '#352925',
SwiftUI
Color(red: 0.208, green: 0.161, blue: 0.145)
JSON
{
  "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"
}

関連する色

他の文化圏の類似色