琥珀色
こはくいろ | Amber
広色域（Display P3）比較
sRGB（従来のWeb標準）
#BF783A
Display P3（広色域）
color(display-p3 0.71 0.48 0.27)
意味と歴史
由来
琥珀（こはく）という樹脂の化石の色に由来する色名。数千万年前の針葉樹の樹液が地中で化石化した宝石で、透明な黄褐色の輝きは「太陽の石」とも称され、古代から装飾品や護符として珍重されてきた。
歴史
古来より装飾品や薬として珍重され、正倉院にも琥珀製の宝物が収蔵されている。岩手県久慈市は日本有数の琥珀産地として知られ、縄文時代の遺跡からも琥珀の装身具が出土している。明治以降はウイスキーの色の形容としても定着した。
心理的効果
温もりと時間の重み、高貴な輝きを感じさせる色で、悠久の歳月が凝縮された自然の神秘を連想させる。琥珀の中に閉じ込められた太古の生命のように、過ぎ去った時間への郷愁と永遠への憧れを静かに呼び覚ます。
伝統的な用途
装飾品の数珠や帯留め、漆器の透漆仕上げ、蒔絵の地色に用いられてきた。現代ではウイスキーや蜂蜜の色の形容として広く親しまれ、インテリアや照明デザインにおいても温かみのある空間演出に活用されている。
CSSコード
HEX
#BF783A RGB
rgb(191, 120, 58) CMYK
cmyk(0%, 37%, 70%, 25%) HSV
hsv(28, 70%, 75%) OKLCH
oklch(0.637 0.118 59.2) Display P3
color(display-p3 0.71 0.48 0.27) Munsell
7.5YR 5.7/8 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #BF783A;
background-color: oklch(0.637 0.118 59.2);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.71 0.48 0.27);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
3.52:1
黒背景
5.96:1
白文字
3.52:1
黒文字
5.96: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型）
赤色の感度が低下
#8D7F33
D型（2型）
緑色の感度が低下
#9E8F3A
T型（3型）
青色の感度が低下
#D0696A
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #BF783A, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #BF783A, #000000); 透明へ
background: linear-gradient(to right, #BF783A, transparent); エクスポート
--color-kohakuiro: #BF783A;
--color-kohakuiro-rgb: 191, 120, 58;
--color-kohakuiro-oklch: 0.637 0.118 59.2;$color-kohakuiro: #BF783A;
$color-kohakuiro-rgb: rgb(191, 120, 58);
$color-kohakuiro-oklch: oklch(0.637 0.118 59.2);'kohakuiro': '#BF783A',Color(red: 0.749, green: 0.471, blue: 0.227){
"name": {
"ja": "琥珀色",
"en": "Amber",
"reading": "こはくいろ"
},
"hex": "#BF783A",
"rgb": {
"r": 191,
"g": 120,
"b": 58
},
"cmyk": {
"c": 0,
"m": 37,
"y": 70,
"k": 25
},
"oklch": {
"l": 0.637,
"c": 0.118,
"h": 59.2
},
"displayP3": {
"r": 0.71,
"g": 0.48,
"b": 0.27
},
"hsv": {
"h": 28,
"s": 70,
"v": 75
},
"munsell": "7.5YR 5.7/8"
}