アスファルタム
あすふぁるたむ | Asphaltum
広色域（Display P3）比較
sRGB（従来のWeb標準）
#130A06
Display P3（広色域）
color(display-p3 0.0693 0.0407 0.0002)
意味と歴史
由来
色名は後期ラテン語の「asphaltum」、ギリシャ語の「asphaltos」に由来する。主成分は石油の揮発成分が蒸発した後に残るピッチ状の物質である天然アスファルト（ビチューメン）。歴史的には、防腐処理されたエジプトのミイラを粉砕したものも顔料として用いられた。
歴史
顔料としてのアスファルトの使用は先史時代に遡る。古代エジプトではミイラ作りに用いられた。17世紀から20世紀初頭にかけて、ヨーロッパではエジプトのミイラを粉砕して作られた顔料が流通した。しかし、塗膜の劣化を引き起こすため、現在はより信頼性の高い顔料で代替されている。
伝統的な用途
古代エジプトでは、遺体を保存するためのミイラ作りの防腐剤として使用された。17世紀以降のヨーロッパでは、粉砕したミイラや天然アスファルトが油絵具の顔料として、また薬としても用いられた。しかし、絵具としては乾燥不良やひび割れなどの問題があった。
CSSコード
HEX
#130A06 RGB
rgb(19, 10, 6) CMYK
cmyk(0%, 47.4%, 68.4%, 92.5%) HSV
hsv(18.5, 68.4%, 7.5%) OKLCH
oklch(15.6% 0.0186 48.03) Display P3
color(display-p3 0.0693 0.0407 0.0002) Munsell
CIE XYZ
XYZ(0.0041, 0.00369, 0.00222) CIE L*a*b*
Lab(3.33, 2.44, 2.57) CIE LCH(ab)
LCH(3.33, 3.54, 46.49°) CIE L*u*v*
Luv(3.33, 2.18, 1.47) Hunter Lab
Hunter Lab(6.07, 1.81, 1.9) xyY
xyY(0.40977, 0.36851, 0.00369) JzAzBz
JzAzBz(0.146579, 0.013468, 0.023931) JzCzHz
JzCzHz(0.146579, 0.027461, 60.63°) フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #130A06;
background-color: oklch(15.6% 0.0186 48.03);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.0693 0.0407 0.0002);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
19.56:1
黒背景
1.07:1
白文字
19.56:1
黒文字
1.07: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型）
赤色の感度が低下
#0C0B06
D型（2型）
緑色の感度が低下
#0F0D06
T型（3型）
青色の感度が低下
#150909
配色提案
この配色はイスラム幾何学模様の色彩調和と、ペルシャ細密画の伝統的な配色法則に基づいています。
補色
Complementary色相環の反対側に位置する色。最も強いコントラストを生む
類似色
Analogous色相が近い色の組み合わせ。自然で調和的な印象を与える
トライアド
Triadic色相環を三等分する配色。活力がありバランスの良い組み合わせ
スプリットコンプリメンタリー
Split-complementary補色の両隣を使う配色。補色より柔らかいコントラスト
テトラディック（正方形）
Tetradic (Square)色相環を四等分する配色。豊かな色彩で華やかな印象
テトラディック（長方形）
Tetradic (Rectangle)二対の補色を組み合わせた配色。多彩ながらまとまりのある配色
モノクロマティック
Monochromatic同じ色相で明度・彩度を変えた配色。統一感のある上品な印象
ダブルコンプリメンタリー
Double Complementary隣り合う二色とその補色による四色配色。複雑で魅力的な配色
グラデーション
ティント（明るく）
background: linear-gradient(to right, #130A06, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #130A06, #000000); 透明へ
background: linear-gradient(to right, #130A06, transparent); エクスポート
--color-asphaltum: #130A06;
--color-asphaltum-rgb: 19, 10, 6;
--color-asphaltum-oklch: 15.6% 0.0186 48.03;$color-asphaltum: #130A06;
$color-asphaltum-rgb: rgb(19, 10, 6);
$color-asphaltum-oklch: oklch(15.6% 0.0186 48.03);'asphaltum': '#130A06',Color(red: 0.075, green: 0.039, blue: 0.024){
"name": {
"ja": "アスファルタム",
"en": "Asphaltum",
"reading": "あすふぁるたむ"
},
"hex": "#130A06",
"rgb": {
"r": 19,
"g": 10,
"b": 6
},
"cmyk": {
"c": 0,
"m": 47.4,
"y": 68.4,
"k": 92.5
},
"oklch": {
"l": 15.6,
"c": 0.0186,
"h": 48.03
},
"displayP3": {
"r": 0.0693,
"g": 0.0407,
"b": 0.0002
},
"hsv": {
"h": 18.5,
"s": 68.4,
"v": 7.5
},
"munsell": ""
}