鉛色
なまりいろ | Lead Grey
広色域（Display P3）比較
sRGB（従来のWeb標準）
#7B7C7D
Display P3（広色域）
color(display-p3 0.48 0.49 0.49)
意味と歴史
由来
鉛（なまり）の金属表面に見られる暗く重い灰色に由来する。金属特有の鈍い光沢を持つこの色は、文学において曇天の空を表す定番の表現「鉛色の空」として、日本語の中に深く定着した色名である。
歴史
「鉛色の空」という文学的表現は明治以降の近代文学で多用され、日本海側の冬の重く垂れ込めた雲や、戦時の暗い世相を象徴する色として使われた。島崎藤村や志賀直哉の小説にもこの表現が見られる。
心理的効果
重々しさ、沈鬱、冬の厳しさを感じさせる。暗く重い灰色は曇天の空や冬の海を連想させ、哀愁と孤独感を伴う内省的な気分を呼び覚ます。一方で、その重厚さは力強い耐久性と不動の安定感も象徴している。
伝統的な用途
文学作品における天候や心象風景の描写に多用され、冬の着物や重厚な装いの色としても用いられた。現代ではインダストリアルデザインや建築のコンクリート色として、都市的な力強さを表現する色に使われている。
CSSコード
HEX
#7B7C7D RGB
rgb(123, 124, 125) CMYK
cmyk(2%, 1%, 0%, 51%) HSV
hsv(210, 2%, 49%) OKLCH
oklch(0.586 0.002 248.3) Display P3
color(display-p3 0.48 0.49 0.49) Munsell
N 5.2 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #7B7C7D;
background-color: oklch(0.586 0.002 248.3);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.48 0.49 0.49);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
4.18:1
黒背景
5.02:1
白文字
4.18:1
黒文字
5.02: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型）
赤色の感度が低下
#7C7C7D
D型（2型）
緑色の感度が低下
#7B7C7D
T型（3型）
青色の感度が低下
#7B7C7C
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #7B7C7D, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #7B7C7D, #000000); 透明へ
background: linear-gradient(to right, #7B7C7D, transparent); エクスポート
--color-namariiro: #7B7C7D;
--color-namariiro-rgb: 123, 124, 125;
--color-namariiro-oklch: 0.586 0.002 248.3;$color-namariiro: #7B7C7D;
$color-namariiro-rgb: rgb(123, 124, 125);
$color-namariiro-oklch: oklch(0.586 0.002 248.3);'namariiro': '#7B7C7D',Color(red: 0.482, green: 0.486, blue: 0.490){
"name": {
"ja": "鉛色",
"en": "Lead Grey",
"reading": "なまりいろ"
},
"hex": "#7B7C7D",
"rgb": {
"r": 123,
"g": 124,
"b": 125
},
"cmyk": {
"c": 2,
"m": 1,
"y": 0,
"k": 51
},
"oklch": {
"l": 0.586,
"c": 0.002,
"h": 248.3
},
"displayP3": {
"r": 0.48,
"g": 0.49,
"b": 0.49
},
"hsv": {
"h": 210,
"s": 2,
"v": 49
},
"munsell": "N 5.2"
}