白練
しろねり | Shironeri
広色域（Display P3）比較
sRGB（従来のWeb標準）
#F3F3F2
Display P3（広色域）
color(display-p3 0.953 0.9529 0.9493)
意味と歴史
歴史
古代から神聖さを象徴する色として用いられてきた。練絹は生糸を精練して光沢と柔らかさを持たせたもので、白練の技法は絹織物の重要な工程であった。近年でも清潔で高貴な色として愛用されている。
出典（1件）
伝統的な用途
古代から神事や儀式において神聖な色として用いられてきた。練絹の白は装束の基本色として重要な位置を占め、白の中でも特に格式の高い白色とされた。
出典（1件）
CSSコード
HEX
#F3F3F2 RGB
rgb(243, 243, 242) CMYK
cmyk(0%, 0%, 0.4%, 4.7%) HSV
hsv(60, 0.4%, 95.3%) OKLCH
oklch(96.39% 0.0012 107.93) Display P3
color(display-p3 0.953 0.9529 0.9493) Munsell
CIE XYZ
XYZ(0.85037, 0.89567, 0.96795) CIE L*a*b*
Lab(95.816748, -0.176233, 0.480625) CIE LCH(ab)
LCH(95.816748, 0.511917, 110.136754°) CIE L*u*v*
Luv(95.816748, 0.055719, 0.772445) Hunter Lab
Hunter Lab(94.639688, -0.001788, 0.004745) xyY
xyY(0.313329, 0.330018, 0.89567) JzAzBz
JzAzBz(0.036767, -0.000043, 0.00012) JzCzHz
JzCzHz(0.036767, 0.000127, 109.71°) フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #F3F3F2;
background-color: oklch(96.39% 0.0012 107.93);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.953 0.9529 0.9493);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.11:1
黒背景
18.91:1
白文字
1.11:1
黒文字
18.91: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型）
赤色の感度が低下
#F3F3F2
D型（2型）
緑色の感度が低下
#F3F3F2
T型（3型）
青色の感度が低下
#F3F3F3
配色提案
この色の配色提案は、日本の伝統的な「かさねの色目」や「しきたり」の美意識に基づき、同じ文化圏の伝統色から最も近い調和色を選出しています。
補色
Complementary色相環の反対側に位置する色。最も強いコントラストを生む
類似色
Analogous色相が近い色の組み合わせ。自然で調和的な印象を与える
トライアド
Triadic色相環を三等分する配色。活力がありバランスの良い組み合わせ
スプリットコンプリメンタリー
Split-complementary補色の両隣を使う配色。補色より柔らかいコントラスト
テトラディック（正方形）
Tetradic (Square)色相環を四等分する配色。豊かな色彩で華やかな印象
テトラディック（長方形）
Tetradic (Rectangle)二対の補色を組み合わせた配色。多彩ながらまとまりのある配色
モノクロマティック
Monochromatic同じ色相で明度・彩度を変えた配色。統一感のある上品な印象
ダブルコンプリメンタリー
Double Complementary隣り合う二色とその補色による四色配色。複雑で魅力的な配色
伝統的な配色の提案
同じ文化圏の伝統色から、色彩理論的に調和する色を選出しました。
グラデーション
ティント（明るく）
background: linear-gradient(to right, #F3F3F2, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #F3F3F2, #000000); 透明へ
background: linear-gradient(to right, #F3F3F2, transparent); エクスポート
--color-shironeri: #F3F3F2;
--color-shironeri-rgb: 243, 243, 242;
--color-shironeri-oklch: 96.39% 0.0012 107.93;$color-shironeri: #F3F3F2;
$color-shironeri-rgb: rgb(243, 243, 242);
$color-shironeri-oklch: oklch(96.39% 0.0012 107.93);'shironeri': '#F3F3F2',Color(red: 0.953, green: 0.953, blue: 0.949){
"name": {
"ja": "白練",
"en": "Shironeri",
"reading": "しろねり"
},
"hex": "#F3F3F2",
"rgb": {
"r": 243,
"g": 243,
"b": 242
},
"cmyk": {
"c": 0,
"m": 0,
"y": 0.4,
"k": 4.7
},
"oklch": {
"l": 96.39,
"c": 0.0012,
"h": 107.93
},
"displayP3": {
"r": 0.953,
"g": 0.9529,
"b": 0.9493
},
"hsv": {
"h": 60,
"s": 0.4,
"v": 95.3
},
"munsell": ""
}