カラハリの日没
Kalahari Sunset
広色域(Display P3)比較
sRGB(従来のWeb標準)
#E8742C
Display P3(広色域)
color(display-p3 0.85 0.48 0.23)
意味と歴史
由来
カラハリ砂漠に沈む夕日の深い赤橙色。南部アフリカの広大な半砂漠の夕景。
歴史
カラハリ砂漠はボツワナ・ナミビア・南アフリカにまたがる広大な半砂漠。サン人(ブッシュマン)が5万年以上暮らしてきた人類最古の居住地の一つ。
心理的効果
原始的な美しさ・人類の起源・時間を超えた壮大さを象徴し、深い感慨を呼び起こす。
伝統的な用途
アフリカの自然ドキュメンタリーや高級サファリロッジのブランディングにおける象徴色。
CSSコード
HEX
#E8742C RGB
rgb(232, 116, 44) CMYK
cmyk(0%, 50%, 81%, 9%) HSV
hsv(23, 81%, 91%) OKLCH
oklch(0.669 0.178 47.8) Display P3
color(display-p3 0.85 0.48 0.23) Munsell
5YR 6.2/12 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #E8742C;
background-color: oklch(0.669 0.178 47.8);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.85 0.48 0.23);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
3.01:1
黒背景
6.97:1
白文字
3.01:1
黒文字
6.97: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型)
赤色の感度が低下
#958421
D型(2型)
緑色の感度が低下
#B19F29
T型(3型)
青色の感度が低下
#FE5A66
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント(明るく)
background: linear-gradient(to right, #E8742C, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #E8742C, #000000); 透明へ
background: linear-gradient(to right, #E8742C, transparent); エクスポート
--color-kalahari_sunset: #E8742C;
--color-kalahari_sunset-rgb: 232, 116, 44;
--color-kalahari_sunset-oklch: 0.669 0.178 47.8; $color-kalahari_sunset: #E8742C;
$color-kalahari_sunset-rgb: rgb(232, 116, 44);
$color-kalahari_sunset-oklch: oklch(0.669 0.178 47.8); 'kalahari_sunset': '#E8742C', Color(red: 0.910, green: 0.455, blue: 0.173) {
"name": {
"ja": "カラハリの日没",
"en": "Kalahari Sunset"
},
"hex": "#E8742C",
"rgb": {
"r": 232,
"g": 116,
"b": 44
},
"cmyk": {
"c": 0,
"m": 50,
"y": 81,
"k": 9
},
"oklch": {
"l": 0.669,
"c": 0.178,
"h": 47.8
},
"displayP3": {
"r": 0.85,
"g": 0.48,
"b": 0.23
},
"hsv": {
"h": 23,
"s": 81,
"v": 91
},
"munsell": "5YR 6.2/12"
}