マヤ辰砂
Mayan Cinnabar | Cinabrio Maya
広色域(Display P3)比較
sRGB(従来のWeb標準)
#E44D2E
Display P3(広色域)
color(display-p3 0.83 0.34 0.23)
意味と歴史
由来
マヤ文明で使用された辰砂(シナバー)の鮮やかな朱赤色。水銀硫化物から得る天然顔料。
歴史
マヤの王族の墓からは辰砂で覆われた遺骸が発見されている。パレンケのパカル王の翡翠の仮面の下には辰砂の赤が塗られていた。
心理的効果
死後の世界・王権・再生を象徴し、死を超越する力を赤い顔料に託したマヤの死生観を伝える。
伝統的な用途
マヤ考古学をテーマとしたミュージアムデザインや古代文明のビジュアル表現に使用される色。
CSSコード
HEX
#E44D2E RGB
rgb(228, 77, 46) CMYK
cmyk(0%, 66%, 80%, 11%) HSV
hsv(10, 80%, 89%) OKLCH
oklch(0.625 0.193 33.4) Display P3
color(display-p3 0.83 0.34 0.23) Munsell
2.5YR 5.4/14 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #E44D2E;
background-color: oklch(0.625 0.193 33.4);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.83 0.34 0.23);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
3.89:1
黒背景
5.40:1
白文字
3.89:1
黒文字
5.40: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型)
赤色の感度が低下
#796C29
D型(2型)
緑色の感度が低下
#9E8E27
T型(3型)
青色の感度が低下
#FB1D47
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント(明るく)
background: linear-gradient(to right, #E44D2E, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #E44D2E, #000000); 透明へ
background: linear-gradient(to right, #E44D2E, transparent); エクスポート
--color-mayan_cinnabar: #E44D2E;
--color-mayan_cinnabar-rgb: 228, 77, 46;
--color-mayan_cinnabar-oklch: 0.625 0.193 33.4; $color-mayan_cinnabar: #E44D2E;
$color-mayan_cinnabar-rgb: rgb(228, 77, 46);
$color-mayan_cinnabar-oklch: oklch(0.625 0.193 33.4); 'mayan_cinnabar': '#E44D2E', Color(red: 0.894, green: 0.302, blue: 0.180) {
"name": {
"ja": "マヤ辰砂",
"en": "Mayan Cinnabar",
"local": "Cinabrio Maya"
},
"hex": "#E44D2E",
"rgb": {
"r": 228,
"g": 77,
"b": 46
},
"cmyk": {
"c": 0,
"m": 66,
"y": 80,
"k": 11
},
"oklch": {
"l": 0.625,
"c": 0.193,
"h": 33.4
},
"displayP3": {
"r": 0.83,
"g": 0.34,
"b": 0.23
},
"hsv": {
"h": 10,
"s": 80,
"v": 89
},
"munsell": "2.5YR 5.4/14"
}