アンコールゴールド

Angkor Gold

東南アジアの伝統色 黄系 1113年〜1150年

広色域(Display P3)比較

sRGB(従来のWeb標準)

#C09040

Display P3(広色域)

color(display-p3 0.724124 0.572267 0.305254)

意味と歴史

由来

カンボジアのアンコール・ワットに由来する色名。アンコール・ワットはクメール語で「寺院の都」を意味し、世界最大の宗教施設として知られる。その壮大な建築と歴史的価値が、この色の名に込められている。

出典(1件)

歴史

色名の由来であるアンコール・ワットは、クメール王スーリヤヴァルマン2世の治世下、1113年から1150年にかけてヒンドゥー教の寺院として建立された。13世紀末以降は徐々に仏教寺院へと転用され、現在も信仰の中心地となっている。

出典(1件)

伝統的な用途

この色の直接的な伝統的用途に関する記述はないが、その名の由来であるアンコール・ワットはカンボジアの国の象徴であり、同国の国旗にもそのシルエットが描かれている。

出典(1件)

CSSコード

HEX

#C09040

RGB

rgb(192, 144, 64)

CMYK

cmyk(0%, 25%, 66.67%, 24.71%)

HSV

hsv(37.5, 66.67%, 75.29%)

OKLCH

oklch(68.42% 0.1127 77.56)

Display P3

color(display-p3 0.724124 0.572267 0.305254)

Munsell

CIE XYZ

XYZ(0.32639, 0.31526, 0.09215)

CIE L*a*b*

Lab(62.948788, 9.838597, 48.307546)

CIE LCH(ab)

LCH(62.948788, 49.29926, 78.488252°)

CIE L*u*v*

Luv(62.948788, 38.484294, 52.22751)

Hunter Lab

Hunter Lab(56.147602, 0.086387, 0.275353)

xyY

xyY(0.444793, 0.429621, 0.31526)

JzAzBz

JzAzBz(0.008662, 0.002762, 0.009686)

JzCzHz

JzCzHz(0.008662, 0.010072, 74.086264°)

フォールバック付きCSS

.element {
  /* sRGBフォールバック */
  background-color: #C09040;
  background-color: oklch(68.42% 0.1127 77.56);
}

@media (color-gamut: p3) {
  .element {
    background-color: color(display-p3 0.724124 0.572267 0.305254);
  }
}

コントラストチェッカー

WCAG 2.1 基準に基づくコントラスト比を表示します。

サンプル

白背景

2.87:1

AA Fail AAA Fail
AA大文字 Fail
サンプル

黒背景

7.30:1

AA Pass AAA Pass
AA大文字 Pass
サンプル

白文字

2.87:1

AA Fail AAA Fail
AA大文字 Fail
サンプル

黒文字

7.30:1

AA Pass AAA Pass
AA大文字 Pass

配色シミュレーター

この色を背景やテキストに使用した場合のプレビューです。

背景色として使用

白テキスト — 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.

UIコンポーネントでの使用例
バッジ

色覚シミュレーション

P型(1型)

赤色の感度が低下

#A29137

D型(2型)

緑色の感度が低下

#AE9D43

T型(3型)

青色の感度が低下

#D0837F

配色提案

この配色は東南アジアの王室文化と仏教美術における伝統的な色彩調和の原理に基づいています。

補色

Complementary

色相環の反対側に位置する色。最も強いコントラストを生む

#C09040
#FFFFFF

類似色

Analogous

色相が近い色の組み合わせ。自然で調和的な印象を与える

#C09040
#FFFFFF
#FFFFFF

トライアド

Triadic

色相環を三等分する配色。活力がありバランスの良い組み合わせ

#C09040
#FFFFFF
#FFFFFF

スプリットコンプリメンタリー

Split-complementary

補色の両隣を使う配色。補色より柔らかいコントラスト

#C09040
#FFFFFF
#FFFFFF

テトラディック(正方形)

Tetradic (Square)

色相環を四等分する配色。豊かな色彩で華やかな印象

#C09040
#FFFFFF
#FFFFFF
#FFFFFF

テトラディック(長方形)

Tetradic (Rectangle)

二対の補色を組み合わせた配色。多彩ながらまとまりのある配色

#C09040
#FFFFFF
#FFFFFF
#FFFFFF

モノクロマティック

Monochromatic

同じ色相で明度・彩度を変えた配色。統一感のある上品な印象

#C09040
#FFEBC5
#FFFFFF
#FFE8AA

ダブルコンプリメンタリー

Double Complementary

隣り合う二色とその補色による四色配色。複雑で魅力的な配色

#C09040
#FFFFFF
#FFFFFF
#FFFFFF

グラデーション

ティント(明るく)

background: linear-gradient(to right, #C09040, #FFFFFF);
#C09040
#CDA666
#D9BC8C
#E6D3B3
#F2E9D9
#FFFFFF

シェード(暗く)

background: linear-gradient(to right, #C09040, #000000);
#C09040
#9A7333
#735626
#4D3A1A
#261D0D
#000000

透明へ

background: linear-gradient(to right, #C09040, transparent);

エクスポート

CSS変数
--color-angkor_gold: #C09040;
--color-angkor_gold-rgb: 192, 144, 64;
--color-angkor_gold-oklch: 68.42% 0.1127 77.56;
Sass変数
$color-angkor_gold: #C09040;
$color-angkor_gold-rgb: rgb(192, 144, 64);
$color-angkor_gold-oklch: oklch(68.42% 0.1127 77.56);
Tailwind Config
'angkor_gold': '#C09040',
SwiftUI
Color(red: 0.753, green: 0.565, blue: 0.251)
JSON
{
  "name": {
    "ja": "アンコールゴールド",
    "en": "Angkor Gold"
  },
  "hex": "#C09040",
  "rgb": {
    "r": 192,
    "g": 144,
    "b": 64
  },
  "cmyk": {
    "c": 0,
    "m": 25,
    "y": 66.67,
    "k": 24.71
  },
  "oklch": {
    "l": 68.42,
    "c": 0.1127,
    "h": 77.56
  },
  "displayP3": {
    "r": 0.724124,
    "g": 0.572267,
    "b": 0.305254
  },
  "hsv": {
    "h": 37.5,
    "s": 66.67,
    "v": 75.29
  },
  "munsell": ""
}