狐色
きつねいろ | Fox Brown
広色域（Display P3）比較
sRGB（従来のWeb標準）
#C38743
Display P3（広色域）
color(display-p3 0.73 0.54 0.31)
意味と歴史
由来
狐の毛皮に見られる黄みを帯びた褐色に由来する。料理用語としても広く浸透しており、「きつね色に焼く」という表現は食材が理想的に焼き上がった状態を的確に伝える、日本語独特の色彩表現である。
歴史
江戸時代から料理の世界で使われてきた色名で、天ぷらや焼き物、きつねうどんの油揚げなど、食の色彩表現として深く定着した。稲荷神社の使いである狐にちなみ、油揚げを「きつね」と呼ぶ文化にも通じる。
心理的効果
温もり、親しみやすさ、食欲を刺激する印象がある。黄金色に焼き上がった食材を思わせるこの色は、美味しさへの期待と家庭的な安らぎを感じさせ、日本人の食文化と深く結びついた温かみのある色である。
伝統的な用途
料理の焼き色の表現として最も親しまれ、陶器の釉薬や秋の着物の色としても用いられてきた。現代では食品のパッケージデザインやカフェのインテリアなど、温かみのある空間演出にも広く活用されている。
CSSコード
HEX
#C38743 RGB
rgb(195, 135, 67) CMYK
cmyk(0%, 31%, 66%, 24%) HSV
hsv(32, 66%, 76%) OKLCH
oklch(0.67 0.112 67.2) Display P3
color(display-p3 0.73 0.54 0.31) Munsell
2.5Y 6.1/8 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #C38743;
background-color: oklch(0.67 0.112 67.2);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.73 0.54 0.31);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
3.06:1
黒背景
6.87:1
白文字
3.06:1
黒文字
6.87: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型）
赤色の感度が低下
#9B8B3C
D型（2型）
緑色の感度が低下
#A99944
T型（3型）
青色の感度が低下
#D47978
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #C38743, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #C38743, #000000); 透明へ
background: linear-gradient(to right, #C38743, transparent); エクスポート
--color-kitsuneiro: #C38743;
--color-kitsuneiro-rgb: 195, 135, 67;
--color-kitsuneiro-oklch: 0.67 0.112 67.2;$color-kitsuneiro: #C38743;
$color-kitsuneiro-rgb: rgb(195, 135, 67);
$color-kitsuneiro-oklch: oklch(0.67 0.112 67.2);'kitsuneiro': '#C38743',Color(red: 0.765, green: 0.529, blue: 0.263){
"name": {
"ja": "狐色",
"en": "Fox Brown",
"reading": "きつねいろ"
},
"hex": "#C38743",
"rgb": {
"r": 195,
"g": 135,
"b": 67
},
"cmyk": {
"c": 0,
"m": 31,
"y": 66,
"k": 24
},
"oklch": {
"l": 0.67,
"c": 0.112,
"h": 67.2
},
"displayP3": {
"r": 0.73,
"g": 0.54,
"b": 0.31
},
"hsv": {
"h": 32,
"s": 66,
"v": 76
},
"munsell": "2.5Y 6.1/8"
}