ヘマタイト
Hematite
広色域(Display P3)比較
sRGB(従来のWeb標準)
#6D3B2E
Display P3(広色域)
color(display-p3 0.401 0.241 0.1919)
意味と歴史
由来
ヘマタイトという名称は、ギリシャ語で「血」を意味する「haima (αἷμα)」に由来する。これは、この鉱物を粉末にすると血のような赤色を呈することにちなんでいる。主成分は酸化鉄(III) (Fe2O3)である。
歴史
人類による利用は古く、16万4000年前の南アフリカの遺跡で痕跡が見つかっている。少なくとも4万年前には旧石器時代の洞窟壁画の顔料として使用された。ルネサンス期にも重要な赤色顔料として使われ、また鉄の主要鉱石として鉄器時代の到来を支えた。
伝統的な用途
伝統的に赤色顔料として絵画や化粧品に利用されてきた。最も重要な鉄鉱石であり、鉄鋼生産の主原料である。その他、宝飾品、研磨剤、放射線遮蔽材などにも利用される。
出典(1件)
CSSコード
HEX
#6D3B2E RGB
rgb(109, 59, 46) CMYK
cmyk(0%, 45.9%, 57.8%, 57.3%) HSV
hsv(12.4, 57.8%, 42.7%) OKLCH
oklch(41.14% 0.0741 35.49) Display P3
color(display-p3 0.401 0.241 0.1919) Munsell
CIE XYZ
XYZ(0.08364, 0.06577, 0.03413) CIE L*a*b*
Lab(30.82, 20.57, 17.67) CIE LCH(ab)
LCH(30.82, 27.12, 40.66°) CIE L*u*v*
Luv(30.82, 35.06, 14.61) Hunter Lab
Hunter Lab(25.65, 14.94, 9.02) xyY
xyY(0.4557, 0.35834, 0.06577) JzAzBz
JzAzBz(0.073048, 0.03639, 0.037724) JzCzHz
JzCzHz(0.073048, 0.052415, 46.03°) フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #6D3B2E;
background-color: oklch(41.14% 0.0741 35.49);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.401 0.241 0.1919);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
9.07:1
黒背景
2.32:1
白文字
9.07:1
黒文字
2.32: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型)
赤色の感度が低下
#47422D
D型(2型)
緑色の感度が低下
#544D2D
T型(3型)
青色の感度が低下
#773338
配色提案
この配色はルネサンス以降の西洋色彩理論と、イッテン・マンセルの色彩調和論に基づく古典的な配色原理を適用しています。
補色
Complementary色相環の反対側に位置する色。最も強いコントラストを生む
類似色
Analogous色相が近い色の組み合わせ。自然で調和的な印象を与える
トライアド
Triadic色相環を三等分する配色。活力がありバランスの良い組み合わせ
スプリットコンプリメンタリー
Split-complementary補色の両隣を使う配色。補色より柔らかいコントラスト
テトラディック(正方形)
Tetradic (Square)色相環を四等分する配色。豊かな色彩で華やかな印象
テトラディック(長方形)
Tetradic (Rectangle)二対の補色を組み合わせた配色。多彩ながらまとまりのある配色
モノクロマティック
Monochromatic同じ色相で明度・彩度を変えた配色。統一感のある上品な印象
ダブルコンプリメンタリー
Double Complementary隣り合う二色とその補色による四色配色。複雑で魅力的な配色
グラデーション
ティント(明るく)
background: linear-gradient(to right, #6D3B2E, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #6D3B2E, #000000); 透明へ
background: linear-gradient(to right, #6D3B2E, transparent); エクスポート
--color-hematite: #6D3B2E;
--color-hematite-rgb: 109, 59, 46;
--color-hematite-oklch: 41.14% 0.0741 35.49; $color-hematite: #6D3B2E;
$color-hematite-rgb: rgb(109, 59, 46);
$color-hematite-oklch: oklch(41.14% 0.0741 35.49); 'hematite': '#6D3B2E', Color(red: 0.427, green: 0.231, blue: 0.180) {
"name": {
"ja": "ヘマタイト",
"en": "Hematite"
},
"hex": "#6D3B2E",
"rgb": {
"r": 109,
"g": 59,
"b": 46
},
"cmyk": {
"c": 0,
"m": 45.9,
"y": 57.8,
"k": 57.3
},
"oklch": {
"l": 41.14,
"c": 0.0741,
"h": 35.49
},
"displayP3": {
"r": 0.401,
"g": 0.241,
"b": 0.1919
},
"hsv": {
"h": 12.4,
"s": 57.8,
"v": 42.7
},
"munsell": ""
}