赤紫
あかむらさき | Red Purple
広色域(Display P3)比較
sRGB(従来のWeb標準)
#EB6EA5
Display P3(広色域)
color(display-p3 0.86 0.46 0.64)
意味と歴史
由来
赤みの強い紫色に由来する日本の伝統色名。紫根と茜を重ね染めすることで得られる赤紫色で、二つの高貴な色を併せ持つことから、最も格式の高い色の一つとして位置づけられた
歴史
古来より高貴な色として用いられ、聖徳太子の冠位十二階では紫が最上位の色とされた。赤紫はその紫に茜の赤を加えた華やかな色で、平安時代の女房装束にも好んで用いられた
心理的効果
華やかさと神秘性を兼ね備える色であり、紫の高貴さと赤の情熱が融合した複雑な感情を呼び起こす。権威と美の象徴として、見る者に崇高な気品と深い精神性を感じさせる色である
伝統的な用途
宮廷の装束や神事の装飾に使用されたほか、能装束の唐織にも多用された。現代では和装の帯や半衿の色として人気があり、フォーマルなドレスやインテリアファブリックにも取り入れられる
CSSコード
HEX
#EB6EA5 RGB
rgb(235, 110, 165) CMYK
cmyk(0%, 53%, 30%, 8%) HSV
hsv(334, 53%, 92%) OKLCH
oklch(0.702 0.165 354.5) Display P3
color(display-p3 0.86 0.46 0.64) Munsell
2.5RP 6.3/10 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #EB6EA5;
background-color: oklch(0.702 0.165 354.5);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.86 0.46 0.64);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
2.87:1
黒背景
7.31:1
白文字
2.87:1
黒文字
7.31: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型)
赤色の感度が低下
#7F8AA7
D型(2型)
緑色の感度が低下
#A0A1A2
T型(3型)
青色の感度が低下
#FB6783
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント(明るく)
background: linear-gradient(to right, #EB6EA5, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #EB6EA5, #000000); 透明へ
background: linear-gradient(to right, #EB6EA5, transparent); エクスポート
--color-akamurasaki: #EB6EA5;
--color-akamurasaki-rgb: 235, 110, 165;
--color-akamurasaki-oklch: 0.702 0.165 354.5; $color-akamurasaki: #EB6EA5;
$color-akamurasaki-rgb: rgb(235, 110, 165);
$color-akamurasaki-oklch: oklch(0.702 0.165 354.5); 'akamurasaki': '#EB6EA5', Color(red: 0.922, green: 0.431, blue: 0.647) {
"name": {
"ja": "赤紫",
"en": "Red Purple",
"reading": "あかむらさき"
},
"hex": "#EB6EA5",
"rgb": {
"r": 235,
"g": 110,
"b": 165
},
"cmyk": {
"c": 0,
"m": 53,
"y": 30,
"k": 8
},
"oklch": {
"l": 0.702,
"c": 0.165,
"h": 354.5
},
"displayP3": {
"r": 0.86,
"g": 0.46,
"b": 0.64
},
"hsv": {
"h": 334,
"s": 53,
"v": 92
},
"munsell": "2.5RP 6.3/10"
}