藤鼠
ふじねずみ | Wisteria Grey
広色域(Display P3)比較
sRGB(従来のWeb標準)
#A6A5C4
Display P3(広色域)
color(display-p3 0.65 0.65 0.76)
意味と歴史
由来
藤色に灰色を帯びた渋い色合い。「鼠」は江戸時代にグレー系統の色名に添えた接尾語で、微妙な灰色の色味を区別するために「四十八茶百鼠」の命名法から生まれた表現である。
歴史
江戸時代の奢侈禁止令により派手な色が禁じられる中、庶民は「百鼠」と呼ばれる多彩な灰色のバリエーションを生み出した。藤鼠はその中でも特に知的な印象をもつ粋な色とされた。
心理的効果
知的な品格、控えめな優雅さ、洗練された趣を感じさせる。藤の華やかさを灰色で抑えた色調は、過度な主張を避けつつも内面の豊かさを暗示する、大人の美意識を体現する色である。
伝統的な用途
江戸庶民の着物や帯、小物や室内装飾に広く用いられた。奢侈禁止令の制約を逆手に取った粋な色として、茶道具の取り合わせや現代のフォーマル和装にも好んで取り入れられている。
CSSコード
HEX
#A6A5C4 RGB
rgb(166, 165, 196) CMYK
cmyk(15%, 16%, 0%, 23%) HSV
hsv(242, 16%, 77%) OKLCH
oklch(0.733 0.045 286.7) Display P3
color(display-p3 0.65 0.65 0.76) Munsell
7.5PB 6.9/4 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #A6A5C4;
background-color: oklch(0.733 0.045 286.7);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.65 0.65 0.76);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
2.39:1
黒背景
8.80:1
白文字
2.39:1
黒文字
8.80: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型)
赤色の感度が低下
#9EA9C5
D型(2型)
緑色の感度が低下
#9DA7C3
T型(3型)
青色の感度が低下
#A0AAAF
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント(明るく)
background: linear-gradient(to right, #A6A5C4, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #A6A5C4, #000000); 透明へ
background: linear-gradient(to right, #A6A5C4, transparent); エクスポート
--color-fujinezumi: #A6A5C4;
--color-fujinezumi-rgb: 166, 165, 196;
--color-fujinezumi-oklch: 0.733 0.045 286.7; $color-fujinezumi: #A6A5C4;
$color-fujinezumi-rgb: rgb(166, 165, 196);
$color-fujinezumi-oklch: oklch(0.733 0.045 286.7); 'fujinezumi': '#A6A5C4', Color(red: 0.651, green: 0.647, blue: 0.769) {
"name": {
"ja": "藤鼠",
"en": "Wisteria Grey",
"reading": "ふじねずみ"
},
"hex": "#A6A5C4",
"rgb": {
"r": 166,
"g": 165,
"b": 196
},
"cmyk": {
"c": 15,
"m": 16,
"y": 0,
"k": 23
},
"oklch": {
"l": 0.733,
"c": 0.045,
"h": 286.7
},
"displayP3": {
"r": 0.65,
"g": 0.65,
"b": 0.76
},
"hsv": {
"h": 242,
"s": 16,
"v": 77
},
"munsell": "7.5PB 6.9/4"
}