朱色

しゅいろ|Vermilion

色コードの出典:朱色 - 和色大辞典

広色域(Display P3)比較

sRGB(従来のWeb標準)

#EB6101

Display P3(広色域)

color(display-p3 0.8568 0.4144 0.1646)

意味と歴史

由来

印鑑に用いる朱肉のような黄みを帯びた鮮やかな赤色。元来は天然赤色顔料である「辰砂(しんしゃ)」の色を指す。辰砂から精製された顔料を「真朱」、硫黄と水銀から作られる人工顔料を「銀朱」と呼び区別する。現在「朱色」という場合は一般的に銀朱を指すことが多い。

出典(2件)

歴史

縄文時代から使われていた最も古い顔料の一つで、貝塚から朱色をあしらった土器や土偶が出土している。古くは天然由来の「真朱」が上質とされ、人工的に作られた「銀朱」はその次と位置づけられていた。近年では水銀の使用が規制され、本来の顔料は文化財の補修用などに少量生産されている。

出典(1件)

心理的効果

古代から特別な意味を持つ色として用いられてきた。神社の鳥居では邪気を払い神聖な領域を示す象徴とされ、また戦国時代の「朱槍」のように、地位や名誉を示す象徴でもあった。

出典(1件)

伝統的な用途

縄文時代の土器や土偶の装飾に用いられた。神社の鳥居の色として広く知られるほか、現代でも印鑑に用いる朱肉の色として公式な証明や格式を表す。戦国時代には、武功を立てた武将に与えられる「朱槍」の色として用いられた。

出典(1件)

CSSコード

HEX

#EB6101

RGB

rgb(235, 97, 1)

CMYK

cmyk(0%, 58.7%, 99.6%, 7.8%)

HSV

hsv(24.6, 99.6%, 92.2%)

OKLCH

oklch(65.89% 0.1891 44.67)

Display P3

color(display-p3 0.8568 0.4144 0.1646)

Munsell

8YR 5/17

CIE XYZ

XYZ(0.38546, 0.26219, 0.0306)

CIE L*a*b*

Lab(58.244561, 50.077006, 67.202303)

CIE LCH(ab)

LCH(58.244561, 83.808449, 53.307699°)

CIE L*u*v*

Luv(58.244561, 114.916097, 50.52932)

Hunter Lab

Hunter Lab(51.204718, 48.235977, 30.7215)

xyY

xyY(0.568312, 0.386574, 0.26219)

JzAzBz

JzAzBz(0.019209, 0.010496, 0.011833)

JzCzHz

JzCzHz(0.019209, 0.015817, 48.426625°)

フォールバック付きCSS

.element {
  /* sRGBフォールバック */
  background-color: #EB6101;
  background-color: oklch(65.89% 0.1891 44.67);
}

@media (color-gamut: p3) {
  .element {
    background-color: color(display-p3 0.8568 0.4144 0.1646);
  }
}

コントラストチェッカー

WCAG 2.1 基準に基づくコントラスト比を表示します。

白背景

3.36:1

AA FailAAA Fail
AA大文字 Pass

黒背景

6.24:1

AA PassAAA Fail
AA大文字 Pass

白文字

3.36:1

AA FailAAA Fail
AA大文字 Pass

黒文字

6.24:1

AA PassAAA Fail
AA大文字 Pass

配色シミュレーター

この色を背景やテキストに使用した場合のプレビューです。見た目の見本のため、読み上げからは省略しています。

背景色として使用
テキスト色として使用
UIコンポーネントでの使用例

色覚シミュレーション

P型(1型)

赤色の感度が低下

#8A7800

D型(2型)

緑色の感度が低下

#AB9800

T型(3型)

青色の感度が低下

#FF3D53

配色提案

この色の配色提案は、日本の伝統的な「かさねの色目」や「しきたり」の美意識に基づき、同じ文化圏の伝統色から最も近い調和色を選出しています。

補色

Complementary

色相環の反対側に位置する色。最も強いコントラストを生む

#EB6101
#00A5E7

類似色

Analogous

色相が近い色の組み合わせ。自然で調和的な印象を与える

#EB6101
#EE546C
#D37A00

トライアド

Triadic

色相環を三等分する配色。活力がありバランスの良い組み合わせ

#EB6101
#00B473
#897BFF

スプリットコンプリメンタリー

Split-complementary

補色の両隣を使う配色。補色より柔らかいコントラスト

#EB6101
#00B2B5
#2D91FF

テトラディック(正方形)

Tetradic (Square)

色相環を四等分する配色。豊かな色彩で華やかな印象

#EB6101
#5BA908
#00A5E7
#BC67E0

テトラディック(長方形)

Tetradic (Rectangle)

二対の補色を組み合わせた配色。多彩ながらまとまりのある配色

#EB6101
#A59500
#00A5E7
#897BFF

モノクロマティック

Monochromatic

同じ色相で明度・彩度を変えた配色。統一感のある上品な印象

#EB6101
#FFBD9D
#C40000
#FE8E5A

ダブルコンプリメンタリー

Double Complementary

隣り合う二色とその補色による四色配色。複雑で魅力的な配色

#EB6101
#D37A00
#00A5E7
#2D91FF

伝統的な配色の提案

同じ文化圏の伝統色から、色彩理論的に調和する色を選出しました。

グラデーション

ティント(明るく)

background: linear-gradient(to right, #EB6101, #FFFFFF);
#EB6101
#EF8134
#F3A067
#F7C099
#FBDFCC
#FFFFFF

シェード(暗く)

background: linear-gradient(to right, #EB6101, #000000);
#EB6101
#BC4E01
#8D3A01
#5E2700
#2F1300
#000000

透明へ

background: linear-gradient(to right, #EB6101, transparent);

エクスポート

CSS変数
--color-shuiro: #EB6101;
--color-shuiro-rgb: 235, 97, 1;
--color-shuiro-oklch: 65.89% 0.1891 44.67;
Sass変数
$color-shuiro: #EB6101;
$color-shuiro-rgb: rgb(235, 97, 1);
$color-shuiro-oklch: oklch(65.89% 0.1891 44.67);
Tailwind Config
'shuiro': '#EB6101',
SwiftUI
Color(red: 0.922, green: 0.380, blue: 0.004)
JSON
{
  "name": {
    "ja": "朱色",
    "en": "Vermilion",
    "reading": "しゅいろ"
  },
  "hex": "#EB6101",
  "rgb": {
    "r": 235,
    "g": 97,
    "b": 1
  },
  "cmyk": {
    "c": 0,
    "m": 58.7,
    "y": 99.6,
    "k": 7.8
  },
  "oklch": {
    "l": 65.89,
    "c": 0.1891,
    "h": 44.67
  },
  "displayP3": {
    "r": 0.8568,
    "g": 0.4144,
    "b": 0.1646
  },
  "hsv": {
    "h": 24.6,
    "s": 99.6,
    "v": 92.2
  },
  "munsell": "8YR 5/17"
}