鈍色
にびいろ | Nibi-iro
広色域（Display P3）比較
sRGB（従来のWeb標準）
#727171
Display P3（広色域）
color(display-p3 0.446392 0.443265 0.443159)
意味と歴史
由来
語源は刃物などが切れなくなることを指す「鈍る」に由来する。古語では「灰色がかっている」という意味で「にばめる」という言葉があった。「墨染め」とも呼ばれるが、実際にはタンニンを多く含むヤシャブシ（矢車附子）という植物を鉄で媒染する草木染で染められるのが一般的であった。
出典（2件）
歴史
平安時代から使われてきた色名で、当時は灰色一般を指す名称であったが、後に「灰色」や「鼠色」という呼称が一般的になった。当初は墨色の濃淡を指したが、後世には鉄錆のような、墨染に薄く藍をかけた青みがかった鼠色を指すようにもなった。平安文学には喪や出家の色として頻繁に登場する。
出典（1件）
伝統的な用途
平安時代、主に喪の色として用いられ、近親者を亡くした貴族が喪服として着用した。死者との関係性によって色の濃淡が定められていた。また、喪中の手紙に用いる料紙や、出家した女性の衣装、特定の宗派における僧侶の葬儀用の法衣としても使用された。
出典（1件）
CSSコード
HEX
#727171 RGB
rgb(114, 113, 113) CMYK
cmyk(0%, 0.88%, 0.88%, 55.29%) HSV
hsv(0, 0.88%, 44.71%) OKLCH
oklch(54.95% 0.0012 17.2) Display P3
color(display-p3 0.446392 0.443265 0.443159) Munsell
CIE XYZ
XYZ(0.15825, 0.1658, 0.17986) CIE L*a*b*
Lab(47.726341, 0.382817, 0.135246) CIE LCH(ab)
LCH(47.726341, 0.406005, 19.457903°) CIE L*u*v*
Luv(47.726341, 0.5657, 0.122048) Hunter Lab
Hunter Lab(40.718474, 0.002938, 0.001007) xyY
xyY(0.31404, 0.329027, 0.1658) JzAzBz
JzAzBz(0.012515, 0.000058, 0.000029) JzCzHz
JzCzHz(0.012515, 0.000065, 26.292193°) フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #727171;
background-color: oklch(54.95% 0.0012 17.2);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.446392 0.443265 0.443159);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
4.87:1
黒背景
4.32:1
白文字
4.87:1
黒文字
4.32: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型）
赤色の感度が低下
#717171
D型（2型）
緑色の感度が低下
#717171
T型（3型）
青色の感度が低下
#727171
配色提案
この色の配色提案は、日本の伝統的な「かさねの色目」や「しきたり」の美意識に基づき、同じ文化圏の伝統色から最も近い調和色を選出しています。
補色
Complementary色相環の反対側に位置する色。最も強いコントラストを生む
類似色
Analogous色相が近い色の組み合わせ。自然で調和的な印象を与える
トライアド
Triadic色相環を三等分する配色。活力がありバランスの良い組み合わせ
スプリットコンプリメンタリー
Split-complementary補色の両隣を使う配色。補色より柔らかいコントラスト
テトラディック（正方形）
Tetradic (Square)色相環を四等分する配色。豊かな色彩で華やかな印象
テトラディック（長方形）
Tetradic (Rectangle)二対の補色を組み合わせた配色。多彩ながらまとまりのある配色
モノクロマティック
Monochromatic同じ色相で明度・彩度を変えた配色。統一感のある上品な印象
ダブルコンプリメンタリー
Double Complementary隣り合う二色とその補色による四色配色。複雑で魅力的な配色
伝統的な配色の提案
同じ文化圏の伝統色から、色彩理論的に調和する色を選出しました。
グラデーション
ティント（明るく）
background: linear-gradient(to right, #727171, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #727171, #000000); 透明へ
background: linear-gradient(to right, #727171, transparent); エクスポート
--color-nibiiro: #727171;
--color-nibiiro-rgb: 114, 113, 113;
--color-nibiiro-oklch: 54.95% 0.0012 17.2;$color-nibiiro: #727171;
$color-nibiiro-rgb: rgb(114, 113, 113);
$color-nibiiro-oklch: oklch(54.95% 0.0012 17.2);'nibiiro': '#727171',Color(red: 0.447, green: 0.443, blue: 0.443){
"name": {
"ja": "鈍色",
"en": "Nibi-iro",
"reading": "にびいろ"
},
"hex": "#727171",
"rgb": {
"r": 114,
"g": 113,
"b": 113
},
"cmyk": {
"c": 0,
"m": 0.88,
"y": 0.88,
"k": 55.29
},
"oklch": {
"l": 54.95,
"c": 0.0012,
"h": 17.2
},
"displayP3": {
"r": 0.446392,
"g": 0.443265,
"b": 0.443159
},
"hsv": {
"h": 0,
"s": 0.88,
"v": 44.71
},
"munsell": ""
}