銀鼠
ぎんねずみ | Silver Grey
広色域(Display P3)比較
sRGB(従来のWeb標準)
#97867C
Display P3(広色域)
color(display-p3 0.58 0.53 0.49)
意味と歴史
由来
銀のような冷たい光沢を感じさせる上品な鼠色に由来する。江戸時代に「百鼠」と呼ばれた多彩な灰色のバリエーションの中でも、銀の煌めきと鼠色の渋さを兼ね備えた最も洗練された色のひとつである。
歴史
江戸時代の粋人に最も好まれた鼠色で、銀色の持つ華やかさと灰色の持つ控えめさの絶妙なバランスが、通人の審美眼にかなった。歌舞伎の衣装にも用いられ、舞台の照明に映える上品な光沢が重宝された。
心理的効果
洗練、都会的な品格、控えめな華やかさを感じさせる。銀の光沢を内に秘めた灰色は、派手さを排しながらも確かな存在感を放ち、本物を知る者だけが理解できる高い美意識と洗練された感性を象徴する色である。
伝統的な用途
江戸の粋人の着物や帯、歌舞伎衣装の裏地に好んで用いられた。現代でもフォーマルな和装やビジネスの装いに品格を添える色として愛用され、シルバーグレーの名でスーツやネクタイにも広く取り入れられている。
CSSコード
HEX
#97867C RGB
rgb(151, 134, 124) CMYK
cmyk(0%, 11%, 18%, 41%) HSV
hsv(22, 18%, 59%) OKLCH
oklch(0.632 0.025 52.4) Display P3
color(display-p3 0.58 0.53 0.49) Munsell
5YR 5.7/2 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #97867C;
background-color: oklch(0.632 0.025 52.4);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.58 0.53 0.49);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
3.49:1
黒背景
6.02:1
白文字
3.49:1
黒文字
6.02: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型)
赤色の感度が低下
#8B877B
D型(2型)
緑色の感度が低下
#8F8B7C
T型(3型)
青色の感度が低下
#9C8383
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント(明るく)
background: linear-gradient(to right, #97867C, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #97867C, #000000); 透明へ
background: linear-gradient(to right, #97867C, transparent); エクスポート
--color-ginnezumi: #97867C;
--color-ginnezumi-rgb: 151, 134, 124;
--color-ginnezumi-oklch: 0.632 0.025 52.4; $color-ginnezumi: #97867C;
$color-ginnezumi-rgb: rgb(151, 134, 124);
$color-ginnezumi-oklch: oklch(0.632 0.025 52.4); 'ginnezumi': '#97867C', Color(red: 0.592, green: 0.525, blue: 0.486) {
"name": {
"ja": "銀鼠",
"en": "Silver Grey",
"reading": "ぎんねずみ"
},
"hex": "#97867C",
"rgb": {
"r": 151,
"g": 134,
"b": 124
},
"cmyk": {
"c": 0,
"m": 11,
"y": 18,
"k": 41
},
"oklch": {
"l": 0.632,
"c": 0.025,
"h": 52.4
},
"displayP3": {
"r": 0.58,
"g": 0.53,
"b": 0.49
},
"hsv": {
"h": 22,
"s": 18,
"v": 59
},
"munsell": "5YR 5.7/2"
}