サフェード
Pure White | सफ़ेद
広色域(Display P3)比較
sRGB(従来のWeb標準)
#FEFEFA
Display P3(広色域)
color(display-p3 1 1 0.98)
意味と歴史
由来
ヒンディー語で「白」を意味する基本色名に由来する。インドにおいて白は二面的な意味を持ち、純粋さと平和の象徴であると同時に喪の色でもある。
歴史
インドでは白は喪服の色であり、寡婦が白いサリーを着る伝統がある一方で、マハトマ・ガーンディーが着用した白いカーディー布は非暴力と自給自足の独立運動の象徴となった。
心理的効果
一切の穢れなき純粋さ、暴力を否定する平和の精神、そして物質的欲望からの精神的解放(モークシャ)を象徴する。すべての色を内包する白は究極の真理を表す。
伝統的な用途
喪服として着用される白いサリー、ガーンディーのカーディー布運動に象徴される国民衣装、ヨーガや瞑想の修行者の衣装、そしてジャイナ教の聖職者の白衣に使用される。
CSSコード
HEX
#FEFEFA RGB
rgb(254, 254, 250) CMYK
cmyk(0%, 0%, 2%, 0%) HSV
hsv(60, 2%, 100%) OKLCH
oklch(0.995 0.006 106) Display P3
color(display-p3 1 1 0.98) Munsell
N 10 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #FEFEFA;
background-color: oklch(0.995 0.006 106);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 1 1 0.98);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.01:1
黒背景
20.77:1
白文字
1.01:1
黒文字
20.77: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型)
赤色の感度が低下
#FFFEFA
D型(2型)
緑色の感度が低下
#FFFEFA
T型(3型)
青色の感度が低下
#FFFDFD
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント(明るく)
background: linear-gradient(to right, #FEFEFA, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #FEFEFA, #000000); 透明へ
background: linear-gradient(to right, #FEFEFA, transparent); エクスポート
--color-safed: #FEFEFA;
--color-safed-rgb: 254, 254, 250;
--color-safed-oklch: 0.995 0.006 106; $color-safed: #FEFEFA;
$color-safed-rgb: rgb(254, 254, 250);
$color-safed-oklch: oklch(0.995 0.006 106); 'safed': '#FEFEFA', Color(red: 0.996, green: 0.996, blue: 0.980) {
"name": {
"ja": "サフェード",
"en": "Pure White",
"local": "सफ़ेद"
},
"hex": "#FEFEFA",
"rgb": {
"r": 254,
"g": 254,
"b": 250
},
"cmyk": {
"c": 0,
"m": 0,
"y": 2,
"k": 0
},
"oklch": {
"l": 0.995,
"c": 0.006,
"h": 106
},
"displayP3": {
"r": 1,
"g": 1,
"b": 0.98
},
"hsv": {
"h": 60,
"s": 2,
"v": 100
},
"munsell": "N 10"
}