真紅

しんく|Shinku

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

広色域(Display P3)比較

sRGB(従来のWeb標準)

#A22041

Display P3(広色域)

color(display-p3 0.5836 0.1754 0.2609)

意味と歴史

由来

深みのある真っ赤な紅色で、『韓紅』と同色。茜や蘇芳などの混ぜ物がない、正真正銘の紅花による純粋な染め色を表現した色名。

出典(1件)

歴史

古来より紅花は極めて高価であり、真紅のような濃い紅色は『禁色』として身分制限がある高貴な色とされていた。紅花による純粋な染め色であることを強調した色名として定着した。

出典(1件)

心理的効果

深みのある赤色は情熱と力強さ、高潔さを同時に表現する色。見る人に高貴さと品格をもたらす。

出典(1件)

伝統的な用途

身分制限のある禁色として、特に上流階級と皇族の装いに限定されていた。江戸時代から明治時代にかけて着物の最高級の色として扱われた。

出典(1件)

CSSコード

HEX

#A22041

RGB

rgb(162, 32, 65)

CMYK

cmyk(0%, 80.2%, 59.9%, 36.5%)

HSV

hsv(344.8, 80.2%, 63.5%)

OKLCH

oklch(47.08% 0.1647 12.39)

Display P3

color(display-p3 0.5836 0.1754 0.2609)

Munsell

CIE XYZ

XYZ(0.16373, 0.09098, 0.05894)

CIE L*a*b*

Lab(36.173239, 53.319227, 14.296965)

CIE LCH(ab)

LCH(36.173239, 55.202746, 15.010147°)

CIE L*u*v*

Luv(36.173239, 87.558955, 5.570266)

Hunter Lab

Hunter Lab(30.163707, 46.424531, 8.210211)

xyY

xyY(0.522, 0.290083, 0.09098)

JzAzBz

JzAzBz(0.010133, 0.008604, 0.003199)

JzCzHz

JzCzHz(0.010133, 0.009179, 20.395326°)

フォールバック付きCSS

.element {
  /* sRGBフォールバック */
  background-color: #A22041;
  background-color: oklch(47.08% 0.1647 12.39);
}

@media (color-gamut: p3) {
  .element {
    background-color: color(display-p3 0.5836 0.1754 0.2609);
  }
}

コントラストチェッカー

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

白背景

7.45:1

AA PassAAA Pass
AA大文字 Pass

黒背景

2.82:1

AA FailAAA Fail
AA大文字 Fail

白文字

7.45:1

AA PassAAA Pass
AA大文字 Pass

黒文字

2.82:1

AA FailAAA Fail
AA大文字 Fail

配色シミュレーター

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

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

色覚シミュレーション

P型(1型)

赤色の感度が低下

#454441

D型(2型)

緑色の感度が低下

#665F3E

T型(3型)

青色の感度が低下

#B2002E

配色提案

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

補色

Complementary

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

#A22041
#007473

類似色

Analogous

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

#A22041
#942874
#A12C00

トライアド

Triadic

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

#A22041
#336C00
#005AB3

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

Split-complementary

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

#A22041
#00753D
#006A9C

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

Tetradic (Square)

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

#A22041
#6F5B00
#007473
#5147B3

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

Tetradic (Rectangle)

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

#A22041
#904400
#007473
#005AB3

モノクロマティック

Monochromatic

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

#A22041
#C28088
#790015
#B75262

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

Double Complementary

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

#A22041
#A12C00
#007473
#006A9C

伝統的な配色の提案

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

グラデーション

ティント(明るく)

background: linear-gradient(to right, #A22041, #FFFFFF);
#A22041
#B54D67
#C7798D
#DAA6B3
#ECD2D9
#FFFFFF

シェード(暗く)

background: linear-gradient(to right, #A22041, #000000);
#A22041
#821A34
#611327
#410D1A
#20060D
#000000

透明へ

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

エクスポート

CSS変数
--color-shinku: #A22041;
--color-shinku-rgb: 162, 32, 65;
--color-shinku-oklch: 47.08% 0.1647 12.39;
Sass変数
$color-shinku: #A22041;
$color-shinku-rgb: rgb(162, 32, 65);
$color-shinku-oklch: oklch(47.08% 0.1647 12.39);
Tailwind Config
'shinku': '#A22041',
SwiftUI
Color(red: 0.635, green: 0.125, blue: 0.255)
JSON
{
  "name": {
    "ja": "真紅",
    "en": "Shinku",
    "reading": "しんく"
  },
  "hex": "#A22041",
  "rgb": {
    "r": 162,
    "g": 32,
    "b": 65
  },
  "cmyk": {
    "c": 0,
    "m": 80.2,
    "y": 59.9,
    "k": 36.5
  },
  "oklch": {
    "l": 47.08,
    "c": 0.1647,
    "h": 12.39
  },
  "displayP3": {
    "r": 0.5836,
    "g": 0.1754,
    "b": 0.2609
  },
  "hsv": {
    "h": 344.8,
    "s": 80.2,
    "v": 63.5
  },
  "munsell": ""
}