イチジク紫
Fig Purple | بنفسجي التين
広色域(Display P3)比較
sRGB(従来のWeb標準)
#5E3A6E
Display P3(広色域)
color(display-p3 0.36 0.24 0.42)
意味と歴史
由来
中東原産のイチジク(ティーン)が完熟した際の深い紫色に由来する。イチジクの果皮が見せる黒みがかった紫は中東の果実の中で最も深い色の一つである。
歴史
イチジクは中東原産の世界最古の栽培果実の一つであり、コーランの第95章がイチジクの名で始まるなど、イスラム文化において神聖な果実として位置づけられる。
心理的効果
自然がもたらす豊かな恵み、古代から蓄積された知恵と経験、そして大地の実りへの感謝を象徴する。成熟と洗練を感じさせる奥深い紫色である。
伝統的な用途
テキスタイルの天然染料による染色、イスラム細密画における果実の描写、食文化と結びついた装飾芸術、そして庭園設計の色彩計画に関連する。
CSSコード
HEX
#5E3A6E RGB
rgb(94, 58, 110) CMYK
cmyk(15%, 47%, 0%, 57%) HSV
hsv(282, 47%, 43%) OKLCH
oklch(0.375 0.098 313) Display P3
color(display-p3 0.36 0.24 0.42) Munsell
2.5P 3.1/6 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #5E3A6E;
background-color: oklch(0.375 0.098 313);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.36 0.24 0.42);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
9.11:1
黒背景
2.31:1
白文字
9.11:1
黒文字
2.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型)
赤色の感度が低下
#304670
D型(2型)
緑色の感度が低下
#3A496D
T型(3型)
青色の感度が低下
#5D414E
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント(明るく)
background: linear-gradient(to right, #5E3A6E, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #5E3A6E, #000000); 透明へ
background: linear-gradient(to right, #5E3A6E, transparent); エクスポート
--color-fig_purple: #5E3A6E;
--color-fig_purple-rgb: 94, 58, 110;
--color-fig_purple-oklch: 0.375 0.098 313; $color-fig_purple: #5E3A6E;
$color-fig_purple-rgb: rgb(94, 58, 110);
$color-fig_purple-oklch: oklch(0.375 0.098 313); 'fig_purple': '#5E3A6E', Color(red: 0.369, green: 0.227, blue: 0.431) {
"name": {
"ja": "イチジク紫",
"en": "Fig Purple",
"local": "بنفسجي التين"
},
"hex": "#5E3A6E",
"rgb": {
"r": 94,
"g": 58,
"b": 110
},
"cmyk": {
"c": 15,
"m": 47,
"y": 0,
"k": 57
},
"oklch": {
"l": 0.375,
"c": 0.098,
"h": 313
},
"displayP3": {
"r": 0.36,
"g": 0.24,
"b": 0.42
},
"hsv": {
"h": 282,
"s": 47,
"v": 43
},
"munsell": "2.5P 3.1/6"
}