マラカイトグリーン
Malachite Green
色コードの出典:The Oldest Known Green Pigment in the World - Natural Pigments
広色域（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
#2D6A4FRGB
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
配色シミュレーター
この色を背景やテキストに使用した場合のプレビューです。見た目の見本のため、読み上げからは省略しています。
色覚シミュレーション
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": ""
}