朱色
しゅいろ | Vermilion
広色域(Display P3)比較
sRGB(従来のWeb標準)
#EB6101
Display P3(広色域)
color(display-p3 0.86 0.41 0.16)
意味と歴史
由来
硫化水銀(辰砂)から作られる朱の顔料に由来する色名。天然の辰砂鉱を砕いて精製する方法は古代中国から伝わり、日本画や工芸の最も重要な赤色顔料として珍重されてきた。
歴史
古来より神社の鳥居や社殿に使われ、魔除けの力があると信じられてきた。伏見稲荷大社の千本鳥居に象徴されるように、神道建築において神域と俗世を分ける結界の色である。
心理的効果
神聖さと権威、活力を象徴し、強い存在感と威厳を感じさせる色である。火のような生命力を連想させ、邪気を払い清浄な空間を作り出すとされる力強い精神的効果を持つ。神域の結界を示す色として畏敬の念を呼び覚ます。
伝統的な用途
神社建築の鳥居や社殿の塗装、印鑑の朱肉、漆器の根来塗や春慶塗の装飾に用いられる。現代でも祝儀袋の水引や赤飯の器など慶事に欠かせない色であり、御朱印帳の朱印としても神社仏閣の参拝文化を彩っている。
CSSコード
HEX
#EB6101 RGB
rgb(235, 97, 1) CMYK
cmyk(0%, 59%, 100%, 8%) HSV
hsv(25, 100%, 92%) OKLCH
oklch(0.659 0.189 44.7) Display P3
color(display-p3 0.86 0.41 0.16) Munsell
5YR 5.8/16 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #EB6101;
background-color: oklch(0.659 0.189 44.7);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.86 0.41 0.16);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
3.36:1
黒背景
6.24:1
白文字
3.36:1
黒文字
6.24: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型)
赤色の感度が低下
#8A7800
D型(2型)
緑色の感度が低下
#AB9800
T型(3型)
青色の感度が低下
#FF3D53
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント(明るく)
background: linear-gradient(to right, #EB6101, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #EB6101, #000000); 透明へ
background: linear-gradient(to right, #EB6101, transparent); エクスポート
--color-shuiro: #EB6101;
--color-shuiro-rgb: 235, 97, 1;
--color-shuiro-oklch: 0.659 0.189 44.7; $color-shuiro: #EB6101;
$color-shuiro-rgb: rgb(235, 97, 1);
$color-shuiro-oklch: oklch(0.659 0.189 44.7); 'shuiro': '#EB6101', Color(red: 0.922, green: 0.380, blue: 0.004) {
"name": {
"ja": "朱色",
"en": "Vermilion",
"reading": "しゅいろ"
},
"hex": "#EB6101",
"rgb": {
"r": 235,
"g": 97,
"b": 1
},
"cmyk": {
"c": 0,
"m": 59,
"y": 100,
"k": 8
},
"oklch": {
"l": 0.659,
"c": 0.189,
"h": 44.7
},
"displayP3": {
"r": 0.86,
"g": 0.41,
"b": 0.16
},
"hsv": {
"h": 25,
"s": 100,
"v": 92
},
"munsell": "5YR 5.8/16"
}