月白
げっぱく | Yuebai
広色域（Display P3）比較
sRGB（従来のWeb標準）
#EEF7F2
Display P3（広色域）
color(display-p3 0.939779 0.967476 0.950102)
意味と歴史
由来
月白（げっぱく）は、宋代の青白磁（青白釉）に由来する、月光のような青みを帯びた白色。釉薬の薄さによる空気感と光透過性が特徴で、中国語で「月のように白い」色を意味する。
歴史
宋代（960〜1279年）の景徳鎮窯で発展した青白磁の釉薬色として確立された。青白磁は皇室御用達の磁器として珍重され、その淡く青みがかった白は宋代文人の美意識を体現する色として高く評価された。
心理的効果
月・清廉・高潔の象徴。中国詩文において「月白風清」という表現で清澄な夜の情景を表し、俗世を離れた精神的な清らかさや静寂を連想させる色である。
伝統的な用途
磁器の釉薬色として景徳鎮窯を中心に継承されてきた。現代でも中国工芸やインテリア、書画の配色に用いられ、伝統的な中国美学を象徴する色として親しまれている。
CSSコード
HEX
#EEF7F2 RGB
rgb(238, 247, 242) CMYK
cmyk(3.64%, 0%, 2.02%, 3.14%) HSV
hsv(146.7, 3.64%, 96.86%) OKLCH
oklch(96.8% 0.0116 162.05) Display P3
color(display-p3 0.939779 0.967476 0.950102) Munsell
CIE XYZ
XYZ(0.84545, 0.91109, 0.97119) CIE L*a*b*
Lab(96.454926, -3.85872, 1.366896) CIE LCH(ab)
LCH(96.454926, 4.093668, 160.494046°) CIE L*u*v*
Luv(96.454926, -4.723647, 2.797775) Hunter Lab
Hunter Lab(95.451057, -0.038978, 0.013438) xyY
xyY(0.309946, 0.334011, 0.91109) JzAzBz
JzAzBz(0.036801, -0.000867, 0.000283) JzCzHz
JzCzHz(0.036801, 0.000912, 161.933741°) フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #EEF7F2;
background-color: oklch(96.8% 0.0116 162.05);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.939779 0.967476 0.950102);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.09:1
黒背景
19.22:1
白文字
1.09:1
黒文字
19.22: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型）
赤色の感度が低下
#F7F5F2
D型（2型）
緑色の感度が低下
#F5F4F2
T型（3型）
青色の感度が低下
#EDF7F5
配色提案
この配色は中国の五行思想（木・火・土・金・水）の相生・相克の関係に着想を得て、伝統的な色彩調和の原理を反映しています。
補色
Complementary色相環の反対側に位置する色。最も強いコントラストを生む
類似色
Analogous色相が近い色の組み合わせ。自然で調和的な印象を与える
トライアド
Triadic色相環を三等分する配色。活力がありバランスの良い組み合わせ
スプリットコンプリメンタリー
Split-complementary補色の両隣を使う配色。補色より柔らかいコントラスト
テトラディック（正方形）
Tetradic (Square)色相環を四等分する配色。豊かな色彩で華やかな印象
テトラディック（長方形）
Tetradic (Rectangle)二対の補色を組み合わせた配色。多彩ながらまとまりのある配色
モノクロマティック
Monochromatic同じ色相で明度・彩度を変えた配色。統一感のある上品な印象
ダブルコンプリメンタリー
Double Complementary隣り合う二色とその補色による四色配色。複雑で魅力的な配色
グラデーション
ティント（明るく）
background: linear-gradient(to right, #EEF7F2, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #EEF7F2, #000000); 透明へ
background: linear-gradient(to right, #EEF7F2, transparent); エクスポート
--color-yuebai: #EEF7F2;
--color-yuebai-rgb: 238, 247, 242;
--color-yuebai-oklch: 96.8% 0.0116 162.05;$color-yuebai: #EEF7F2;
$color-yuebai-rgb: rgb(238, 247, 242);
$color-yuebai-oklch: oklch(96.8% 0.0116 162.05);'yuebai': '#EEF7F2',Color(red: 0.933, green: 0.969, blue: 0.949){
"name": {
"ja": "月白",
"en": "Yuebai",
"reading": "げっぱく",
"zh": "月白"
},
"hex": "#EEF7F2",
"rgb": {
"r": 238,
"g": 247,
"b": 242
},
"cmyk": {
"c": 3.64,
"m": 0,
"y": 2.02,
"k": 3.14
},
"oklch": {
"l": 96.8,
"c": 0.0116,
"h": 162.05
},
"displayP3": {
"r": 0.939779,
"g": 0.967476,
"b": 0.950102
},
"hsv": {
"h": 146.7,
"s": 3.64,
"v": 96.86
},
"munsell": ""
}