京紫
きょうむらさき | Kyoto Purple
広色域（Display P3）比較
sRGB（従来のWeb標準）
#9B5394
Display P3（広色域）
color(display-p3 0.57 0.34 0.57)
意味と歴史
由来
京都の伝統的な紫草染めによる本紫を指し、紫草の根のみを用いて染め上げた正統な紫色である。赤みを帯びた上品な色調が特徴で、後に江戸で発展した「江戸紫」と対比して呼ばれるようになった。
歴史
京都の染色職人が代々受け継いできた紫草染めの技法から生まれた色。江戸時代に化学染料で染めた青みの強い「江戸紫」が台頭すると、伝統的な赤みの紫を「京紫」と呼んで区別するようになった。
心理的効果
伝統の重み、本物の品格、雅やかさを感じさせる。赤みを帯びた深い紫は、千年の都・京都が育んだ王朝文化の優美さと奥深さを凝縮したような、格調高く温かみのある印象を与える色である。
伝統的な用途
京都の高級友禅染めや西陣織、寺院の幔幕や法衣の装飾に用いられた。祇園祭の山鉾の懸装品にも見られ、現代でも京都の伝統工芸を象徴する色として染織品や和装小物に広く使われている。
CSSコード
HEX
#9B5394 RGB
rgb(155, 83, 148) CMYK
cmyk(0%, 46%, 5%, 39%) HSV
hsv(306, 46%, 61%) OKLCH
oklch(0.551 0.128 330.8) Display P3
color(display-p3 0.57 0.34 0.57) Munsell
7.5P 4.6/8 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #9B5394;
background-color: oklch(0.551 0.128 330.8);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.57 0.34 0.57);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
5.17:1
黒背景
4.06:1
白文字
5.17:1
黒文字
4.06: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型）
赤色の感度が低下
#506796
D型（2型）
緑色の感度が低下
#647192
T型（3型）
青色の感度が低下
#A0586C
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #9B5394, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #9B5394, #000000); 透明へ
background: linear-gradient(to right, #9B5394, transparent); エクスポート
--color-kyoumurasaki: #9B5394;
--color-kyoumurasaki-rgb: 155, 83, 148;
--color-kyoumurasaki-oklch: 0.551 0.128 330.8;$color-kyoumurasaki: #9B5394;
$color-kyoumurasaki-rgb: rgb(155, 83, 148);
$color-kyoumurasaki-oklch: oklch(0.551 0.128 330.8);'kyoumurasaki': '#9B5394',Color(red: 0.608, green: 0.325, blue: 0.580){
"name": {
"ja": "京紫",
"en": "Kyoto Purple",
"reading": "きょうむらさき"
},
"hex": "#9B5394",
"rgb": {
"r": 155,
"g": 83,
"b": 148
},
"cmyk": {
"c": 0,
"m": 46,
"y": 5,
"k": 39
},
"oklch": {
"l": 0.551,
"c": 0.128,
"h": 330.8
},
"displayP3": {
"r": 0.57,
"g": 0.34,
"b": 0.57
},
"hsv": {
"h": 306,
"s": 46,
"v": 61
},
"munsell": "7.5P 4.6/8"
}