胡桃色
くるみいろ | Walnut Brown
広色域（Display P3）比較
sRGB（従来のWeb標準）
#947A6D
Display P3（広色域）
color(display-p3 0.56 0.48 0.43)
意味と歴史
由来
胡桃の樹皮や果皮から得られる染料で染めた、渋みのある茶褐色に由来する。胡桃は古くから食用・染料・油脂の原料として日本人の生活に深く根付いてきた、縄文時代以来の有用植物である。
歴史
胡桃染めは縄文時代から行われた日本最古の染色技法のひとつで、樹皮や果皮を煮出した液で布を染める。タンニンを豊富に含むため堅牢な色に染まり、素朴で温かみのある茶色として長く愛されてきた。
心理的効果
素朴さ、安定感、自然の温もりを感じさせる。胡桃の殻のような硬質な表面と内に秘めた豊かな実りの対比は、外見は控えめだが内面の充実した人柄を連想させ、信頼と安らぎを与える色である。
伝統的な用途
草木染めの素材として広く用いられ、秋冬の着物や帯、木工品の仕上げ色として親しまれた。胡桃の木目の美しさは家具材としても人気が高く、現代ではウォールナット色として住宅内装にも広く採用されている。
CSSコード
HEX
#947A6D RGB
rgb(148, 122, 109) CMYK
cmyk(0%, 18%, 26%, 42%) HSV
hsv(20, 26%, 58%) OKLCH
oklch(0.6 0.038 48) Display P3
color(display-p3 0.56 0.48 0.43) Munsell
5YR 5.3/2 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #947A6D;
background-color: oklch(0.6 0.038 48);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.56 0.48 0.43);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
3.99:1
黒背景
5.26:1
白文字
3.99:1
黒文字
5.26: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型）
赤色の感度が低下
#817C6C
D型（2型）
緑色の感度が低下
#87816D
T型（3型）
青色の感度が低下
#9B7676
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #947A6D, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #947A6D, #000000); 透明へ
background: linear-gradient(to right, #947A6D, transparent); エクスポート
--color-kurumiro: #947A6D;
--color-kurumiro-rgb: 148, 122, 109;
--color-kurumiro-oklch: 0.6 0.038 48;$color-kurumiro: #947A6D;
$color-kurumiro-rgb: rgb(148, 122, 109);
$color-kurumiro-oklch: oklch(0.6 0.038 48);'kurumiro': '#947A6D',Color(red: 0.580, green: 0.478, blue: 0.427){
"name": {
"ja": "胡桃色",
"en": "Walnut Brown",
"reading": "くるみいろ"
},
"hex": "#947A6D",
"rgb": {
"r": 148,
"g": 122,
"b": 109
},
"cmyk": {
"c": 0,
"m": 18,
"y": 26,
"k": 42
},
"oklch": {
"l": 0.6,
"c": 0.038,
"h": 48
},
"displayP3": {
"r": 0.56,
"g": 0.48,
"b": 0.43
},
"hsv": {
"h": 20,
"s": 26,
"v": 58
},
"munsell": "5YR 5.3/2"
}