オーピメント
Orpiment
色コードの出典:Orpiment - Wikipedia
広色域（Display P3）比較
sRGB（従来のWeb標準）
#FCD116
Display P3（広色域）
color(display-p3 0.9612 0.8259 0.2936)
意味と歴史
由来
ラテン語で「金の顔料」を意味する「auripigmentum」に由来し、その鮮やかな黄金色を表す。主成分は三硫化二ヒ素（As2S3）という硫化ヒ素鉱物である。古代ギリシャ語では「arsenikon」、ペルシャ語では「zarnikh」とも呼ばれた。
歴史
古代から顔料として使用され、紀元前14世紀のエジプトの墓からも発見されている。ローマ帝国では主要な交易品であった。中世ヨーロッパではアジアから輸入され、写本装飾や板絵に広く用いられた。ルネサンス期にもラファエロらが使用したが、19世紀にクロームイエロー・カドミウムイエローが普及したことで使用が衰退した。中国や中央アジアでも古くから利用されていた。
伝統的な用途
鮮やかな黄色の顔料として絵画や壁画、写本などに広く用いられた。中国では薬、漆の着色、修正液としても使用された。その毒性から殺虫剤や矢毒、錬金術の材料としても利用された。タイでは黒い紙に文字や絵を描くためのインクとして使われる伝統がある。
CSSコード
HEX
#FCD116RGB
rgb(252, 209, 22)CMYK
cmyk(0%, 17.1%, 91.3%, 1.2%)HSV
hsv(48.8, 91.3%, 98.8%)OKLCH
oklch(87.24% 0.1757 93.47)Display P3
color(display-p3 0.9612 0.8259 0.2936)Munsell
CIE XYZ
XYZ(0.63094, 0.66358, 0.10244)CIE L*a*b*
Lab(85.18, 0.05, 83.48)CIE LCH(ab)
LCH(85.18, 83.48, 89.96°)CIE L*u*v*
Luv(85.18, 37.5, 88.56)Hunter Lab
Hunter Lab(8.15, -0.43, 4.96)xyY
xyY(0.45165, 0.47502, 0.66358)JzAzBz
JzAzBz(0.03032, 0.001078, 0.017649)JzCzHz
JzCzHz(0.03032, 0.017681, 86.5°)フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #FCD116;
background-color: oklch(87.24% 0.1757 93.47);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.9612 0.8259 0.2936);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.47:1
黒背景
14.27:1
白文字
1.47:1
黒文字
14.27:1
配色シミュレーター
この色を背景やテキストに使用した場合のプレビューです。見た目の見本のため、読み上げからは省略しています。
色覚シミュレーション
P型（1型）
赤色の感度が低下
#E9CD00
D型（2型）
緑色の感度が低下
#F4DA2A
T型（3型）
青色の感度が低下
#FFBFB2
配色提案
この配色はルネサンス以降の西洋色彩理論と、イッテン・マンセルの色彩調和論に基づく古典的な配色原理を適用しています。
補色
Complementary色相環の反対側に位置する色。最も強いコントラストを生む
類似色
Analogous色相が近い色の組み合わせ。自然で調和的な印象を与える
トライアド
Triadic色相環を三等分する配色。活力がありバランスの良い組み合わせ
スプリットコンプリメンタリー
Split-complementary補色の両隣を使う配色。補色より柔らかいコントラスト
テトラディック（正方形）
Tetradic (Square)色相環を四等分する配色。豊かな色彩で華やかな印象
テトラディック（長方形）
Tetradic (Rectangle)二対の補色を組み合わせた配色。多彩ながらまとまりのある配色
モノクロマティック
Monochromatic同じ色相で明度・彩度を変えた配色。統一感のある上品な印象
ダブルコンプリメンタリー
Double Complementary隣り合う二色とその補色による四色配色。複雑で魅力的な配色
グラデーション
ティント（明るく）
background: linear-gradient(to right, #FCD116, #FFFFFF);シェード（暗く）
background: linear-gradient(to right, #FCD116, #000000);透明へ
background: linear-gradient(to right, #FCD116, transparent);エクスポート
--color-orpiment: #FCD116;
--color-orpiment-rgb: 252, 209, 22;
--color-orpiment-oklch: 87.24% 0.1757 93.47;$color-orpiment: #FCD116;
$color-orpiment-rgb: rgb(252, 209, 22);
$color-orpiment-oklch: oklch(87.24% 0.1757 93.47);'orpiment': '#FCD116',Color(red: 0.988, green: 0.820, blue: 0.086){
"name": {
"ja": "オーピメント",
"en": "Orpiment"
},
"hex": "#FCD116",
"rgb": {
"r": 252,
"g": 209,
"b": 22
},
"cmyk": {
"c": 0,
"m": 17.1,
"y": 91.3,
"k": 1.2
},
"oklch": {
"l": 87.24,
"c": 0.1757,
"h": 93.47
},
"displayP3": {
"r": 0.9612,
"g": 0.8259,
"b": 0.2936
},
"hsv": {
"h": 48.8,
"s": 91.3,
"v": 98.8
},
"munsell": ""
}