白練
しろねり | Bleached White
広色域(Display P3)比較
sRGB(従来のWeb標準)
#FCFAF2
Display P3(広色域)
color(display-p3 0.99 0.98 0.95)
意味と歴史
由来
生糸を灰汁で精錬(練り)した後の、わずかに黄みを帯びた温かな白色に由来する。漂白せず練るだけで得られる自然な白は、人工的な真白よりも柔らかく温かみがあり、日本人が理想とする「和の白」の代表である。
歴史
絹の精錬技術は古代から行われ、練り上げた絹の自然な白色は最高の礼装色として尊ばれた。花嫁の白無垢に代表されるように、白練は純潔と新しい出発を象徴する神聖な色として、日本の婚礼文化に欠かせない色である。
心理的効果
清浄さ、自然の美、神聖な始まりを感じさせる。化学的に漂白された冷たい白ではなく、絹本来の温もりを残した白練の色は、自然を敬い素材の持ち味を活かす日本の美意識を体現し、穏やかな安心感を与える色である。
伝統的な用途
花嫁の白無垢や神事の装束、高級絹織物の基本色として最も格式の高い場面に用いられた。現代でも婚礼衣装の白無垢や和紙の高級品に使われ、真白よりも温かみのある品格ある白として選ばれ続けている。
CSSコード
HEX
#FCFAF2 RGB
rgb(252, 250, 242) CMYK
cmyk(0%, 1%, 4%, 1%) HSV
hsv(48, 4%, 99%) OKLCH
oklch(0.984 0.011 95.3) Display P3
color(display-p3 0.99 0.98 0.95) Munsell
10Y 9.8/2 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #FCFAF2;
background-color: oklch(0.984 0.011 95.3);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.99 0.98 0.95);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.05:1
黒背景
20.10:1
白文字
1.05:1
黒文字
20.10: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型)
赤色の感度が低下
#FCF9F2
D型(2型)
緑色の感度が低下
#FDFAF2
T型(3型)
青色の感度が低下
#FEF9F8
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント(明るく)
background: linear-gradient(to right, #FCFAF2, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #FCFAF2, #000000); 透明へ
background: linear-gradient(to right, #FCFAF2, transparent); エクスポート
--color-shironeri2: #FCFAF2;
--color-shironeri2-rgb: 252, 250, 242;
--color-shironeri2-oklch: 0.984 0.011 95.3; $color-shironeri2: #FCFAF2;
$color-shironeri2-rgb: rgb(252, 250, 242);
$color-shironeri2-oklch: oklch(0.984 0.011 95.3); 'shironeri2': '#FCFAF2', Color(red: 0.988, green: 0.980, blue: 0.949) {
"name": {
"ja": "白練",
"en": "Bleached White",
"reading": "しろねり"
},
"hex": "#FCFAF2",
"rgb": {
"r": 252,
"g": 250,
"b": 242
},
"cmyk": {
"c": 0,
"m": 1,
"y": 4,
"k": 1
},
"oklch": {
"l": 0.984,
"c": 0.011,
"h": 95.3
},
"displayP3": {
"r": 0.99,
"g": 0.98,
"b": 0.95
},
"hsv": {
"h": 48,
"s": 4,
"v": 99
},
"munsell": "10Y 9.8/2"
}