丹青赤

たんせいあか | Dancheong Red

韓国の伝統色 赤系 三国時代〜

広色域(Display P3)比較

sRGB(従来のWeb標準)

#DC143C

Display P3(広色域)

color(display-p3 0.791767 0.19152 0.257348)

意味と歴史

由来

丹青赤は韓国伝統の建築彩色技法「丹青(ダンチョン)」に用いられる赤色で、五方色(オバンセク)において南方と火を象徴する正色である。丹青の「丹」は辰砂(丹砂)に由来し、青緑との対比で木造建築を彩る。

出典(1件)

歴史

丹青は韓国の三国時代から宮殿・仏寺・門楼の装飾に用いられてきた。五行思想に基づく五方色(青・赤・黄・白・黒)の体系は中国から伝来し韓国で独自に発展した。五色全体が安定・平和・来世の幸福への願いを象徴している。

出典(2件)

伝統的な用途

景福宮・昌徳宮などの朝鮮王朝宮殿、Buseoksa、Bongjeongsa、Sudeoksaなどの名刹の柱・梁・軒に施される。寺院の軒先には蓮花・龍・獅子・鶴などの文様が描かれる。

出典(1件)

CSSコード

HEX

#DC143C

RGB

rgb(220, 20, 60)

CMYK

cmyk(0%, 90.91%, 72.73%, 13.73%)

HSV

hsv(348, 90.91%, 86.27%)

OKLCH

oklch(57.12% 0.2219 20.09)

Display P3

color(display-p3 0.791767 0.19152 0.257348)

Munsell

5R 5/14

CIE XYZ

XYZ(0.305847, 0.160473, 0.057612)

CIE L*a*b*

Lab(47.036446, 70.92111, 33.599672)

CIE LCH(ab)

LCH(47.036446, 78.477652, 25.34978°)

CIE L*u*v*

Luv(47.036446, 136.381803, 24.137384)

Hunter Lab

Hunter Lab(40.059045, 69.405106, 18.000345)

xyY

xyY(0.583754, 0.306286, 0.160473)

JzAzBz

JzAzBz(0.0152, 0.013459, 0.007063)

JzCzHz

JzCzHz(0.0152, 0.0152, 27.689587°)

フォールバック付きCSS

.element {
  /* sRGBフォールバック */
  background-color: #DC143C;
  background-color: oklch(57.12% 0.2219 20.09);
}

@media (color-gamut: p3) {
  .element {
    background-color: color(display-p3 0.791767 0.19152 0.257348);
  }
}

コントラストチェッカー

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

サンプル

白背景

4.99:1

AA Pass AAA Fail
AA大文字 Pass
サンプル

黒背景

4.21:1

AA Fail AAA Fail
AA大文字 Pass
サンプル

白文字

4.99:1

AA Pass AAA Fail
AA大文字 Pass
サンプル

黒文字

4.21:1

AA Fail AAA Fail
AA大文字 Pass

配色シミュレーター

この色を背景やテキストに使用した場合のプレビューです。

背景色として使用

白テキスト — 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.

UIコンポーネントでの使用例
バッジ

色覚シミュレーション

P型(1型)

赤色の感度が低下

#5C553B

D型(2型)

緑色の感度が低下

#8B7E35

T型(3型)

青色の感度が低下

#F20029

配色提案

この配色は韓国の五方色(オバンセク)と陰陽五行の伝統的な色彩哲学に基づき、調和と均衡を重視した組み合わせを提案しています。

補色

Complementary

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

#DC143C
#FFFFFF

類似色

Analogous

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

#DC143C
#FFFFFF
#FFFFFF

トライアド

Triadic

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

#DC143C
#FFFFFF
#FFFFFF

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

Split-complementary

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

#DC143C
#FFFFFF
#FFFFFF

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

Tetradic (Square)

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

#DC143C
#FFFFFF
#FFFFFF
#FFFFFF

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

Tetradic (Rectangle)

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

#DC143C
#FFFFFF
#FFFFFF
#FFFFFF

モノクロマティック

Monochromatic

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

#DC143C
#FFD1D0
#FFFFFF
#FFBABC

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

Double Complementary

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

#DC143C
#FFFFFF
#FFFFFF
#FFFFFF

グラデーション

ティント(明るく)

background: linear-gradient(to right, #DC143C, #FFFFFF);
#DC143C
#E34363
#EA728A
#F1A1B1
#F8D0D8
#FFFFFF

シェード(暗く)

background: linear-gradient(to right, #DC143C, #000000);
#DC143C
#B01030
#840C24
#580818
#2C040C
#000000

透明へ

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

エクスポート

CSS変数
--color-dancheong_red: #DC143C;
--color-dancheong_red-rgb: 220, 20, 60;
--color-dancheong_red-oklch: 57.12% 0.2219 20.09;
Sass変数
$color-dancheong_red: #DC143C;
$color-dancheong_red-rgb: rgb(220, 20, 60);
$color-dancheong_red-oklch: oklch(57.12% 0.2219 20.09);
Tailwind Config
'dancheong_red': '#DC143C',
SwiftUI
Color(red: 0.863, green: 0.078, blue: 0.235)
JSON
{
  "name": {
    "ja": "丹青赤",
    "en": "Dancheong Red",
    "reading": "たんせいあか",
    "ko": "단청적"
  },
  "hex": "#DC143C",
  "rgb": {
    "r": 220,
    "g": 20,
    "b": 60
  },
  "cmyk": {
    "c": 0,
    "m": 90.91,
    "y": 72.73,
    "k": 13.73
  },
  "oklch": {
    "l": 57.12,
    "c": 0.2219,
    "h": 20.09
  },
  "displayP3": {
    "r": 0.791767,
    "g": 0.19152,
    "b": 0.257348
  },
  "hsv": {
    "h": 348,
    "s": 90.91,
    "v": 86.27
  },
  "munsell": "5R 5/14"
}

他の文化圏の類似色