赤橙
あかだいだい | Red Orange
広色域（Display P3）比較
sRGB（従来のWeb標準）
#EA5506
Display P3（広色域）
color(display-p3 0.85 0.37 0.16)
意味と歴史
由来
赤と橙の中間色に由来する日本の伝統色名。赤色と橙色が混じり合った鮮やかな色合いで、夕焼け空や紅葉の中に見られる自然の色彩から名付けられた。近代の色彩分類で定着した色名である
歴史
近代以降に色彩学の体系化とともに定着した比較的新しい色名であるが、夕焼けや紅葉の色として古来より日本人に親しまれてきた。明治以降の美術教育で色相環の概念と共に広まった色である
心理的効果
活力と元気を与える色であり、夕焼けの壮大さや紅葉の燃えるような美しさを連想させる。赤の情熱と橙の温かさが調和した色は、前向きなエネルギーと創造的な意欲を高める効果がある
伝統的な用途
デザインや看板、旗やポスターの目立つ配色に使用される。現代ではスポーツブランドのロゴや飲料パッケージ、紅葉シーズンの観光ポスターなど、活力と注目を集めたい場面で広く活用される
CSSコード
HEX
#EA5506 RGB
rgb(234, 85, 6) CMYK
cmyk(0%, 64%, 97%, 8%) HSV
hsv(21, 97%, 92%) OKLCH
oklch(0.642 0.197 40.6) Display P3
color(display-p3 0.85 0.37 0.16) Munsell
2.5YR 5.6/16 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #EA5506;
background-color: oklch(0.642 0.197 40.6);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.85 0.37 0.16);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
3.62:1
黒背景
5.80:1
白文字
3.62:1
黒文字
5.80: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型）
赤色の感度が低下
#817100
D型（2型）
緑色の感度が低下
#A69300
T型（3型）
青色の感度が低下
#FF2749
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #EA5506, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #EA5506, #000000); 透明へ
background: linear-gradient(to right, #EA5506, transparent); エクスポート
--color-akatou: #EA5506;
--color-akatou-rgb: 234, 85, 6;
--color-akatou-oklch: 0.642 0.197 40.6;$color-akatou: #EA5506;
$color-akatou-rgb: rgb(234, 85, 6);
$color-akatou-oklch: oklch(0.642 0.197 40.6);'akatou': '#EA5506',Color(red: 0.918, green: 0.333, blue: 0.024){
"name": {
"ja": "赤橙",
"en": "Red Orange",
"reading": "あかだいだい"
},
"hex": "#EA5506",
"rgb": {
"r": 234,
"g": 85,
"b": 6
},
"cmyk": {
"c": 0,
"m": 64,
"y": 97,
"k": 8
},
"oklch": {
"l": 0.642,
"c": 0.197,
"h": 40.6
},
"displayP3": {
"r": 0.85,
"g": 0.37,
"b": 0.16
},
"hsv": {
"h": 21,
"s": 97,
"v": 92
},
"munsell": "2.5YR 5.6/16"
}