漢紫
かんむらさき | Han Purple
広色域（Display P3）比較
sRGB（従来のWeb標準）
#6B4CA8
Display P3（広色域）
color(display-p3 0.4013 0.303 0.6376)
意味と歴史
由来
漢紫（中国紫）はバリウム銅珪酸塩（BaCuSi₂O₆）を主成分とする古代中国の合成顔料である。漢青（BaCuSi₄O₁₀）と対をなし、中国で独自に開発された合成紫色顔料として世界最古のものである。
歴史
西周時代（紀元前1045年頃）から漢代末期（220年頃）にかけて使用された。原料にはバリウム鉱物、石英、銅鉱物、鉛塩が必要で、高度な冶金技術と密接に関連している。天然の青色顔料としてはアズライトのみが使用されていた古代中国で、天然紫色顔料は存在せず、漢紫は世界初の合成紫色顔料となった。
伝統的な用途
兵馬俑の彩色、ビーズ、小像、陶製品、金属製品、壁画などに使用された。現代物理学では、漢紫が特定の条件下で量子現象を示す材料として研究対象となっている。
CSSコード
HEX
#6B4CA8 RGB
rgb(107, 76, 168) CMYK
cmyk(36.3%, 54.8%, 0%, 34.1%) HSV
hsv(260.2, 54.8%, 65.9%) OKLCH
oklch(49.5% 0.1425 296.37) Display P3
color(display-p3 0.4013 0.303 0.6376) Munsell
10PB 3.7/25 CIE XYZ
XYZ(0.15714, 0.11122, 0.38357) CIE L*a*b*
Lab(39.78, 33.97, -45.07) CIE LCH(ab)
LCH(39.78, 56.44, 307.01°) CIE L*u*v*
Luv(39.78, 6.91, -68.27) Hunter Lab
Hunter Lab(3.33, 2.57, -4.48) xyY
xyY(0.24104, 0.1706, 0.11122) JzAzBz
JzAzBz(0.010994, 0.002435, -0.009483) JzCzHz
JzCzHz(0.010994, 0.00979, 284.4°) フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #6B4CA8;
background-color: oklch(49.5% 0.1425 296.37);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.4013 0.303 0.6376);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
6.51:1
黒背景
3.22:1
白文字
6.51:1
黒文字
3.22: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型）
赤色の感度が低下
#255EAB
D型（2型）
緑色の感度が低下
#2E5DA6
T型（3型）
青色の感度が低下
#5D5F72
配色提案
この配色は中国の五行思想（木・火・土・金・水）の相生・相克の関係に着想を得て、伝統的な色彩調和の原理を反映しています。
補色
Complementary色相環の反対側に位置する色。最も強いコントラストを生む
類似色
Analogous色相が近い色の組み合わせ。自然で調和的な印象を与える
トライアド
Triadic色相環を三等分する配色。活力がありバランスの良い組み合わせ
スプリットコンプリメンタリー
Split-complementary補色の両隣を使う配色。補色より柔らかいコントラスト
テトラディック（正方形）
Tetradic (Square)色相環を四等分する配色。豊かな色彩で華やかな印象
テトラディック（長方形）
Tetradic (Rectangle)二対の補色を組み合わせた配色。多彩ながらまとまりのある配色
モノクロマティック
Monochromatic同じ色相で明度・彩度を変えた配色。統一感のある上品な印象
ダブルコンプリメンタリー
Double Complementary隣り合う二色とその補色による四色配色。複雑で魅力的な配色
グラデーション
ティント（明るく）
background: linear-gradient(to right, #6B4CA8, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #6B4CA8, #000000); 透明へ
background: linear-gradient(to right, #6B4CA8, transparent); エクスポート
--color-han_purple: #6B4CA8;
--color-han_purple-rgb: 107, 76, 168;
--color-han_purple-oklch: 49.5% 0.1425 296.37;$color-han_purple: #6B4CA8;
$color-han_purple-rgb: rgb(107, 76, 168);
$color-han_purple-oklch: oklch(49.5% 0.1425 296.37);'han_purple': '#6B4CA8',Color(red: 0.420, green: 0.298, blue: 0.659){
"name": {
"ja": "漢紫",
"en": "Han Purple",
"reading": "かんむらさき",
"zh": "汉紫"
},
"hex": "#6B4CA8",
"rgb": {
"r": 107,
"g": 76,
"b": 168
},
"cmyk": {
"c": 36.3,
"m": 54.8,
"y": 0,
"k": 34.1
},
"oklch": {
"l": 49.5,
"c": 0.1425,
"h": 296.37
},
"displayP3": {
"r": 0.4013,
"g": 0.303,
"b": 0.6376
},
"hsv": {
"h": 260.2,
"s": 54.8,
"v": 65.9
},
"munsell": "10PB 3.7/25"
}