藤紫
ふじむらさき | Wisteria Purple
広色域(Display P3)比較
sRGB(従来のWeb標準)
#A294C8
Display P3(広色域)
color(display-p3 0.63 0.58 0.77)
意味と歴史
由来
藤の花の紫色をより鮮やかに表現した色名で、藤色よりもやや濃く青みの強い紫を指す。藤棚から垂れ下がる花房の最も色の濃い部分の紫を写し取った、藤色の系統の中でも特に華やかさを持つ色である。
歴史
藤は平安貴族に最も愛された花のひとつで、藤原氏の家紋にも描かれる。藤紫はその藤色の変種として、より鮮やかな紫を求める貴族の美意識から生まれ、重ね色目や装束の色として格式高い場面に用いられてきた。
心理的効果
優雅さ、高貴さ、華麗な品格を象徴する。藤色よりも濃い紫は存在感が増し、見る者に強い印象を与える。藤の花房が風に揺れるような動的な美しさと、紫が持つ高貴さが融合した、格調高い華やかさを持つ色である。
伝統的な用途
平安貴族の着物や襲色目、茶道具の仕覆などに広く用いられた。現代でも振袖や訪問着の染め色として人気が高く、格式ある場面での和装に華やかさと品格を添える、万能な紫色として幅広い世代に愛されている。
CSSコード
HEX
#A294C8 RGB
rgb(162, 148, 200) CMYK
cmyk(19%, 26%, 0%, 22%) HSV
hsv(256, 26%, 78%) OKLCH
oklch(0.697 0.077 296.7) Display P3
color(display-p3 0.63 0.58 0.77) Munsell
10PB 6.4/6 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #A294C8;
background-color: oklch(0.697 0.077 296.7);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.63 0.58 0.77);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
2.76:1
黒背景
7.61:1
白文字
2.76:1
黒文字
7.61: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型)
赤色の感度が低下
#899CCA
D型(2型)
緑色の感度が低下
#8A9BC7
T型(3型)
青色の感度が低下
#9B9CA6
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント(明るく)
background: linear-gradient(to right, #A294C8, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #A294C8, #000000); 透明へ
background: linear-gradient(to right, #A294C8, transparent); エクスポート
--color-fujimurasaki: #A294C8;
--color-fujimurasaki-rgb: 162, 148, 200;
--color-fujimurasaki-oklch: 0.697 0.077 296.7; $color-fujimurasaki: #A294C8;
$color-fujimurasaki-rgb: rgb(162, 148, 200);
$color-fujimurasaki-oklch: oklch(0.697 0.077 296.7); 'fujimurasaki': '#A294C8', Color(red: 0.635, green: 0.580, blue: 0.784) {
"name": {
"ja": "藤紫",
"en": "Wisteria Purple",
"reading": "ふじむらさき"
},
"hex": "#A294C8",
"rgb": {
"r": 162,
"g": 148,
"b": 200
},
"cmyk": {
"c": 19,
"m": 26,
"y": 0,
"k": 22
},
"oklch": {
"l": 0.697,
"c": 0.077,
"h": 296.7
},
"displayP3": {
"r": 0.63,
"g": 0.58,
"b": 0.77
},
"hsv": {
"h": 256,
"s": 26,
"v": 78
},
"munsell": "10PB 6.4/6"
}