胡粉色
ごふんいろ | Oyster Shell White
広色域（Display P3）比較
sRGB（従来のWeb標準）
#FFFFFB
Display P3（広色域）
color(display-p3 1 1 0.99)
意味と歴史
由来
牡蠣の貝殻を高温で焼成し、水で晒して精製した白色顔料「胡粉」の色に由来する。胡粉は日本画における最も重要な白色顔料であり、その温かみのある白は化学顔料では再現できない独特の質感を持つ。
歴史
日本画の白色顔料として千年以上の歴史を持ち、仏像の白い肌や浮世絵の美人画の白塗りにも用いられた。京都の舞妓が顔に塗る白粉の原料としても知られ、日本の美意識における「白」の基準色となってきた。
心理的効果
無垢、清廉、日本的な美の原点を感じさせる。貝殻から生まれた有機的な白は、冷たい化学的な白とは異なる柔らかさと温かみを持ち、日本人が理想とする清潔で品のある美しさの根幹をなす色である。
伝統的な用途
日本画の白色顔料として屏風絵や襖絵に広く用いられ、舞妓や芸妓の白塗りの化粧、雛人形の肌色にも欠かせない。現代でも日本画家の必需品であり、伝統的な胡粉ネイルなど新しい用途にも展開されている。
CSSコード
HEX
#FFFFFB RGB
rgb(255, 255, 251) CMYK
cmyk(0%, 0%, 2%, 0%) HSV
hsv(60, 2%, 100%) OKLCH
oklch(0.999 0.005 107.1) Display P3
color(display-p3 1 1 0.99) Munsell
N 10 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #FFFFFB;
background-color: oklch(0.999 0.005 107.1);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 1 1 0.99);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.00:1
黒背景
20.95:1
白文字
1.00:1
黒文字
20.95: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型）
赤色の感度が低下
#FFFFFB
D型（2型）
緑色の感度が低下
#FFFFFB
T型（3型）
青色の感度が低下
#FFFEFE
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #FFFFFB, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #FFFFFB, #000000); 透明へ
background: linear-gradient(to right, #FFFFFB, transparent); エクスポート
--color-gofuniro: #FFFFFB;
--color-gofuniro-rgb: 255, 255, 251;
--color-gofuniro-oklch: 0.999 0.005 107.1;$color-gofuniro: #FFFFFB;
$color-gofuniro-rgb: rgb(255, 255, 251);
$color-gofuniro-oklch: oklch(0.999 0.005 107.1);'gofuniro': '#FFFFFB',Color(red: 1.000, green: 1.000, blue: 0.984){
"name": {
"ja": "胡粉色",
"en": "Oyster Shell White",
"reading": "ごふんいろ"
},
"hex": "#FFFFFB",
"rgb": {
"r": 255,
"g": 255,
"b": 251
},
"cmyk": {
"c": 0,
"m": 0,
"y": 2,
"k": 0
},
"oklch": {
"l": 0.999,
"c": 0.005,
"h": 107.1
},
"displayP3": {
"r": 1,
"g": 1,
"b": 0.99
},
"hsv": {
"h": 60,
"s": 2,
"v": 100
},
"munsell": "N 10"
}