マラカイトグリーン
Malachite Green
広色域（Display P3）比較
sRGB（従来のWeb標準）
#2D6A4F
Display P3（広色域）
color(display-p3 0.2405 0.4103 0.3172)
意味と歴史
由来
色名は銅の鉱物である孔雀石（Malachite）に由来する。化学的には塩基性炭酸銅（CuCO3·Cu(OH)2）で、自然界では暗く豊かな緑から明るい緑まで様々な色合いを持つ。カッパーグリーン、グリーンバイスなどの別名でも知られる。
歴史
歴史的な顔料であり、最も古い使用例の一つはエジプト第4王朝（紀元前26世紀）の墓の壁画に見られる。古代文明の時代から、美術品や宝飾品、そして画家のための顔料として利用されてきた。
伝統的な用途
古代文明より、美術品の彫刻や半貴石の宝飾品として用いられてきた。また、細かく粉砕して画家の顔料としても利用され、エジプトの墓の壁画にもその使用が確認されている。
CSSコード
HEX
#2D6A4F RGB
rgb(45, 106, 79) CMYK
cmyk(57.5%, 0%, 25.5%, 58.4%) HSV
hsv(153.4, 57.5%, 41.6%) OKLCH
oklch(47.58% 0.0777 162.16) Display P3
color(display-p3 0.2405 0.4103 0.3172) Munsell
CIE XYZ
XYZ(0.07647, 0.1143, 0.09199) CIE L*a*b*
Lab(40.3, -26.8, 9.3) CIE LCH(ab)
LCH(40.3, 28.37, 160.86°) CIE L*u*v*
Luv(40.3, -26.12, 15.38) Hunter Lab
Hunter Lab(3.38, -1.88, 0.75) xyY
xyY(0.27044, 0.40423, 0.1143) JzAzBz
JzAzBz(0.008754, -0.003485, 0.001233) JzCzHz
JzCzHz(0.008754, 0.003696, 160.51°) フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #2D6A4F;
background-color: oklch(47.58% 0.0777 162.16);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.2405 0.4103 0.3172);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
6.39:1
黒背景
3.29:1
白文字
6.39:1
黒文字
3.29: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型）
赤色の感度が低下
#68634E
D型（2型）
緑色の感度が低下
#605C51
T型（3型）
青色の感度が低下
#166A63
配色提案
この配色はルネサンス以降の西洋色彩理論と、イッテン・マンセルの色彩調和論に基づく古典的な配色原理を適用しています。
補色
Complementary色相環の反対側に位置する色。最も強いコントラストを生む
類似色
Analogous色相が近い色の組み合わせ。自然で調和的な印象を与える
トライアド
Triadic色相環を三等分する配色。活力がありバランスの良い組み合わせ
スプリットコンプリメンタリー
Split-complementary補色の両隣を使う配色。補色より柔らかいコントラスト
テトラディック（正方形）
Tetradic (Square)色相環を四等分する配色。豊かな色彩で華やかな印象
テトラディック（長方形）
Tetradic (Rectangle)二対の補色を組み合わせた配色。多彩ながらまとまりのある配色
モノクロマティック
Monochromatic同じ色相で明度・彩度を変えた配色。統一感のある上品な印象
ダブルコンプリメンタリー
Double Complementary隣り合う二色とその補色による四色配色。複雑で魅力的な配色
グラデーション
ティント（明るく）
background: linear-gradient(to right, #2D6A4F, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #2D6A4F, #000000); 透明へ
background: linear-gradient(to right, #2D6A4F, transparent); エクスポート
--color-malachite_green: #2D6A4F;
--color-malachite_green-rgb: 45, 106, 79;
--color-malachite_green-oklch: 47.58% 0.0777 162.16;$color-malachite_green: #2D6A4F;
$color-malachite_green-rgb: rgb(45, 106, 79);
$color-malachite_green-oklch: oklch(47.58% 0.0777 162.16);'malachite_green': '#2D6A4F',Color(red: 0.176, green: 0.416, blue: 0.310){
"name": {
"ja": "マラカイトグリーン",
"en": "Malachite Green"
},
"hex": "#2D6A4F",
"rgb": {
"r": 45,
"g": 106,
"b": 79
},
"cmyk": {
"c": 57.5,
"m": 0,
"y": 25.5,
"k": 58.4
},
"oklch": {
"l": 47.58,
"c": 0.0777,
"h": 162.16
},
"displayP3": {
"r": 0.2405,
"g": 0.4103,
"b": 0.3172
},
"hsv": {
"h": 153.4,
"s": 57.5,
"v": 41.6
},
"munsell": ""
}