チャンパ
Champa Yellow | चम्पा
広色域（Display P3）比較
sRGB（従来のWeb標準）
#F0D58C
Display P3（広色域）
color(display-p3 0.923593 0.839089 0.585413)
意味と歴史
由来
インド原産のチャンパカ（キンコウボク、Magnolia champaca）の花に由来する黄金色。サンスクリット語で「チャンパカ（campaka）」と呼ばれ、ヒンドゥー教・仏教双方で神聖な花とされる。
伝統的な用途
ヒンドゥー教寺院への供花として最も重要な花の一つであり、神像の装飾やプージャー（礼拝）に欠かせない。また、チャンパカの精油は高級香料として珍重され、ナグチャンパ香の主要原料としてインド全土で日常的に焚かれている。
CSSコード
HEX
#F0D58C RGB
rgb(240, 213, 140) CMYK
cmyk(0%, 11.25%, 41.67%, 5.88%) HSV
hsv(43.8, 41.67%, 94.12%) OKLCH
oklch(87.94% 0.0966 89.96) Display P3
color(display-p3 0.923593 0.839089 0.585413) Munsell
CIE XYZ
XYZ(0.64465, 0.6801, 0.34537) CIE L*a*b*
Lab(86.011314, -0.400492, 39.484089) CIE LCH(ab)
LCH(86.011314, 39.48612, 90.581138°) CIE L*u*v*
Luv(86.011314, 21.437644, 52.320701) Hunter Lab
Hunter Lab(82.468012, -0.00388, 0.295004) xyY
xyY(0.385989, 0.407215, 0.6801) JzAzBz
JzAzBz(0.013829, 0.001016, 0.009994) JzCzHz
JzCzHz(0.013829, 0.010045, 84.194856°) フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #F0D58C;
background-color: oklch(87.94% 0.0966 89.96);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.923593 0.839089 0.585413);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.44:1
黒背景
14.60:1
白文字
1.44:1
黒文字
14.60: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型）
赤色の感度が低下
#E4D387
D型（2型）
緑色の感度が低下
#EBDA8E
T型（3型）
青色の感度が低下
#FFCAC3
配色提案
この配色はインドのナヴァラサ（九つの情感）の色彩体系と、アーユルヴェーダの色彩療法に基づく伝統的な調和原理を反映しています。
補色
Complementary色相環の反対側に位置する色。最も強いコントラストを生む
類似色
Analogous色相が近い色の組み合わせ。自然で調和的な印象を与える
トライアド
Triadic色相環を三等分する配色。活力がありバランスの良い組み合わせ
スプリットコンプリメンタリー
Split-complementary補色の両隣を使う配色。補色より柔らかいコントラスト
テトラディック（正方形）
Tetradic (Square)色相環を四等分する配色。豊かな色彩で華やかな印象
テトラディック（長方形）
Tetradic (Rectangle)二対の補色を組み合わせた配色。多彩ながらまとまりのある配色
モノクロマティック
Monochromatic同じ色相で明度・彩度を変えた配色。統一感のある上品な印象
ダブルコンプリメンタリー
Double Complementary隣り合う二色とその補色による四色配色。複雑で魅力的な配色
グラデーション
ティント（明るく）
background: linear-gradient(to right, #F0D58C, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #F0D58C, #000000); 透明へ
background: linear-gradient(to right, #F0D58C, transparent); エクスポート
--color-champa_yellow: #F0D58C;
--color-champa_yellow-rgb: 240, 213, 140;
--color-champa_yellow-oklch: 87.94% 0.0966 89.96;$color-champa_yellow: #F0D58C;
$color-champa_yellow-rgb: rgb(240, 213, 140);
$color-champa_yellow-oklch: oklch(87.94% 0.0966 89.96);'champa_yellow': '#F0D58C',Color(red: 0.941, green: 0.835, blue: 0.549){
"name": {
"ja": "チャンパ",
"en": "Champa Yellow",
"local": "चम्पा"
},
"hex": "#F0D58C",
"rgb": {
"r": 240,
"g": 213,
"b": 140
},
"cmyk": {
"c": 0,
"m": 11.25,
"y": 41.67,
"k": 5.88
},
"oklch": {
"l": 87.94,
"c": 0.0966,
"h": 89.96
},
"displayP3": {
"r": 0.923593,
"g": 0.839089,
"b": 0.585413
},
"hsv": {
"h": 43.8,
"s": 41.67,
"v": 94.12
},
"munsell": ""
}