ポピーレッド
Poppy Red
広色域（Display P3）比較
sRGB（従来のWeb標準）
#E35335
Display P3（広色域）
color(display-p3 0.83 0.36 0.25)
意味と歴史
由来
ヨーロッパの野原に咲くヒナゲシ（ポピー）の花弁の鮮やかな赤色に由来する。薄い花弁が陽光を透かして輝く軽やかで明るい赤を表現した色名である。
歴史
第一次世界大戦のフランダースの戦場跡にヒナゲシが咲き乱れたことから、戦没者追悼の象徴となった。英連邦諸国のリメンブランスデーではポピーの赤いブローチを胸に着ける。
心理的効果
野の花のような素朴な美しさと、戦没者への鎮魂の祈りが重なる二重の意味を持つ赤。華やかさの中に儚さと哀悼の念を秘めた繊細な色である。
伝統的な用途
英連邦のリメンブランスデーの追悼ポピーバッジ、印象派画家モネの「ひなげし」の主題色、春のファッション、そしてガーデンデザインに使用される。
CSSコード
HEX
#E35335 RGB
rgb(227, 83, 53) CMYK
cmyk(0%, 63%, 77%, 11%) HSV
hsv(10, 77%, 89%) OKLCH
oklch(0.631 0.185 33.5) Display P3
color(display-p3 0.83 0.36 0.25) Munsell
2.5YR 5.5/12 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #E35335;
background-color: oklch(0.631 0.185 33.5);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.83 0.36 0.25);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
3.78:1
黒背景
5.55:1
白文字
3.78:1
黒文字
5.55: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型）
赤色の感度が低下
#7C6F31
D型（2型）
緑色の感度が低下
#9F8F30
T型（3型）
青色の感度が低下
#F92C4D
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #E35335, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #E35335, #000000); 透明へ
background: linear-gradient(to right, #E35335, transparent); エクスポート
--color-poppy_red: #E35335;
--color-poppy_red-rgb: 227, 83, 53;
--color-poppy_red-oklch: 0.631 0.185 33.5;$color-poppy_red: #E35335;
$color-poppy_red-rgb: rgb(227, 83, 53);
$color-poppy_red-oklch: oklch(0.631 0.185 33.5);'poppy_red': '#E35335',Color(red: 0.890, green: 0.325, blue: 0.208){
"name": {
"ja": "ポピーレッド",
"en": "Poppy Red"
},
"hex": "#E35335",
"rgb": {
"r": 227,
"g": 83,
"b": 53
},
"cmyk": {
"c": 0,
"m": 63,
"y": 77,
"k": 11
},
"oklch": {
"l": 0.631,
"c": 0.185,
"h": 33.5
},
"displayP3": {
"r": 0.83,
"g": 0.36,
"b": 0.25
},
"hsv": {
"h": 10,
"s": 77,
"v": 89
},
"munsell": "2.5YR 5.5/12"
}