承和色
じょうわいろ | Jouwa
広色域（Display P3）比較
sRGB（従来のWeb標準）
#F2E8CE
Display P3（広色域）
color(display-p3 0.94 0.91 0.82)
意味と歴史
由来
承和年間（834-848）に由来する日本の伝統色名。仁明天皇の治世である承和年間に宮中で好まれた黄色系の染色で、支子と紅花を組み合わせて染められた格調高い淡黄色を指す
歴史
平安時代初期の承和年間に宮廷で流行した薄い黄色で、仁明天皇が特に好んだ色とされる。襲の色目として貴族の装束に取り入れられ、年号がそのまま色名となった珍しい例である
心理的効果
優雅さと上品さを感じさせる色であり、平安宮廷の雅やかな文化の記憶を呼び起こす。淡い黄色は穏やかな春の日差しのような温もりを持ち、高貴でありながら親しみやすい印象を与える
伝統的な用途
宮廷の装束や襲色目に使用され、貴族の表着や単衣の色として重宝された。現代では伝統色の研究において平安時代の色彩文化を象徴する色として注目され、和装や和紙製品に取り入れられている
CSSコード
HEX
#F2E8CE RGB
rgb(242, 232, 206) CMYK
cmyk(0%, 4%, 15%, 5%) HSV
hsv(43, 15%, 95%) OKLCH
oklch(0.932 0.036 89.5) Display P3
color(display-p3 0.94 0.91 0.82) Munsell
7.5Y 9.2/2 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #F2E8CE;
background-color: oklch(0.932 0.036 89.5);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.94 0.91 0.82);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.22:1
黒背景
17.21:1
白文字
1.22:1
黒文字
17.21: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型）
赤色の感度が低下
#EEE7CC
D型（2型）
緑色の感度が低下
#F1EACF
T型（3型）
青色の感度が低下
#F8E4E1
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #F2E8CE, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #F2E8CE, #000000); 透明へ
background: linear-gradient(to right, #F2E8CE, transparent); エクスポート
--color-jouwairo: #F2E8CE;
--color-jouwairo-rgb: 242, 232, 206;
--color-jouwairo-oklch: 0.932 0.036 89.5;$color-jouwairo: #F2E8CE;
$color-jouwairo-rgb: rgb(242, 232, 206);
$color-jouwairo-oklch: oklch(0.932 0.036 89.5);'jouwairo': '#F2E8CE',Color(red: 0.949, green: 0.910, blue: 0.808){
"name": {
"ja": "承和色",
"en": "Jouwa",
"reading": "じょうわいろ"
},
"hex": "#F2E8CE",
"rgb": {
"r": 242,
"g": 232,
"b": 206
},
"cmyk": {
"c": 0,
"m": 4,
"y": 15,
"k": 5
},
"oklch": {
"l": 0.932,
"c": 0.036,
"h": 89.5
},
"displayP3": {
"r": 0.94,
"g": 0.91,
"b": 0.82
},
"hsv": {
"h": 43,
"s": 15,
"v": 95
},
"munsell": "7.5Y 9.2/2"
}