墨色
すみいろ | Ink Black
広色域（Display P3）比較
sRGB（従来のWeb標準）
#27292B
Display P3（広色域）
color(display-p3 0.15 0.16 0.17)
意味と歴史
由来
松の煤から作る松煙墨や、菜種油の煤から作る油煙墨を硯で摺った時の黒色に由来する。墨は原料によって青墨・茶墨と微妙に色味が異なり、その奥深い黒の世界は「墨に五彩あり」と称されてきた。
歴史
書道と水墨画という日本文化の二大芸術の基本色として、千年以上にわたり日本人の精神生活を支えてきた。雪舟の水墨画や良寛の書に見られるように、墨一色で無限の表現が可能であることが日本美術の真髄とされる。
心理的効果
精神性、芸術的な深み、集中と修練の境地を感じさせる。墨を摺る行為そのものが瞑想的であり、その黒は精神の集中を促す。一筆に込める緊張感と、余白との対比が生む美は、日本の精神文化の核心を凝縮した色である。
伝統的な用途
書道と水墨画の基本色として不可欠であり、経典の写経、手紙の筆記、絵画の制作に広く用いられた。現代でも書道教育の中心色であるとともに、和のブランディングやパッケージデザインに格調と静謐さを表現する色として重用される。
CSSコード
HEX
#27292B RGB
rgb(39, 41, 43) CMYK
cmyk(9%, 5%, 0%, 83%) HSV
hsv(210, 9%, 17%) OKLCH
oklch(0.28 0.005 248.1) Display P3
color(display-p3 0.15 0.16 0.17) Munsell
N 1.6 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #27292B;
background-color: oklch(0.28 0.005 248.1);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.15 0.16 0.17);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
14.60:1
黒背景
1.44:1
白文字
14.60:1
黒文字
1.44: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型）
赤色の感度が低下
#28292B
D型（2型）
緑色の感度が低下
#28292B
T型（3型）
青色の感度が低下
#26292A
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #27292B, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #27292B, #000000); 透明へ
background: linear-gradient(to right, #27292B, transparent); エクスポート
--color-sumiiro2: #27292B;
--color-sumiiro2-rgb: 39, 41, 43;
--color-sumiiro2-oklch: 0.28 0.005 248.1;$color-sumiiro2: #27292B;
$color-sumiiro2-rgb: rgb(39, 41, 43);
$color-sumiiro2-oklch: oklch(0.28 0.005 248.1);'sumiiro2': '#27292B',Color(red: 0.153, green: 0.161, blue: 0.169){
"name": {
"ja": "墨色",
"en": "Ink Black",
"reading": "すみいろ"
},
"hex": "#27292B",
"rgb": {
"r": 39,
"g": 41,
"b": 43
},
"cmyk": {
"c": 9,
"m": 5,
"y": 0,
"k": 83
},
"oklch": {
"l": 0.28,
"c": 0.005,
"h": 248.1
},
"displayP3": {
"r": 0.15,
"g": 0.16,
"b": 0.17
},
"hsv": {
"h": 210,
"s": 9,
"v": 17
},
"munsell": "N 1.6"
}