鶸色
ひわいろ | Greenfinch Yellow
広色域(Display P3)比較
sRGB(従来のWeb標準)
#D6C949
Display P3(広色域)
color(display-p3 0.83 0.79 0.37)
意味と歴史
由来
鶸(ひわ=マヒワ)という小鳥の羽毛の黄緑色に由来する色名。アトリ科の小鳥で、冬に日本へ渡来する。胸や腹の鮮やかな黄緑色の羽毛が色名の由来となり、鶯色よりも明るく黄みが強い華やかな黄緑色を指す伝統的な色名である。
歴史
平安時代の女房装束に用いられた色のひとつで、明るく華やかな黄緑は春の喜びを表現する色として愛された。枕草子にも鶸色の衣装への言及があり、若い女房たちが好んで身につけた色として宮廷文化の華やかさを今に伝える色名である。
心理的効果
軽やかさと快活さ、春のときめきを感じさせる色で、小鳥が枝を飛び交うような弾むような喜びを連想させる。明るい黄緑は気持ちを前向きにし、新しいことへの挑戦意欲をかき立てる。若々しいエネルギーと知的な好奇心を象徴する色である。
伝統的な用途
平安時代の女房装束の表着や袿、春の重ね色目として華やかな装いに用いられた。現代では春の和装小物や帯揚げの差し色として好まれ、フラワーアレンジメントやテキスタイルデザインにも鶸色の明るい黄緑が春の装いを彩っている。
CSSコード
HEX
#D6C949 RGB
rgb(214, 201, 73) CMYK
cmyk(0%, 6%, 66%, 16%) HSV
hsv(54, 66%, 84%) OKLCH
oklch(0.823 0.146 103.5) Display P3
color(display-p3 0.83 0.79 0.37) Munsell
10Y 8/12 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #D6C949;
background-color: oklch(0.823 0.146 103.5);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.83 0.79 0.37);
}
} コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.71:1
黒背景
12.31:1
白文字
1.71:1
黒文字
12.31: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型)
赤色の感度が低下
#DAC338
D型(2型)
緑色の感度が低下
#DFC951
T型(3型)
青色の感度が低下
#E6BCAF
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント(明るく)
background: linear-gradient(to right, #D6C949, #FFFFFF); シェード(暗く)
background: linear-gradient(to right, #D6C949, #000000); 透明へ
background: linear-gradient(to right, #D6C949, transparent); エクスポート
--color-hiwairo: #D6C949;
--color-hiwairo-rgb: 214, 201, 73;
--color-hiwairo-oklch: 0.823 0.146 103.5; $color-hiwairo: #D6C949;
$color-hiwairo-rgb: rgb(214, 201, 73);
$color-hiwairo-oklch: oklch(0.823 0.146 103.5); 'hiwairo': '#D6C949', Color(red: 0.839, green: 0.788, blue: 0.286) {
"name": {
"ja": "鶸色",
"en": "Greenfinch Yellow",
"reading": "ひわいろ"
},
"hex": "#D6C949",
"rgb": {
"r": 214,
"g": 201,
"b": 73
},
"cmyk": {
"c": 0,
"m": 6,
"y": 66,
"k": 16
},
"oklch": {
"l": 0.823,
"c": 0.146,
"h": 103.5
},
"displayP3": {
"r": 0.83,
"g": 0.79,
"b": 0.37
},
"hsv": {
"h": 54,
"s": 66,
"v": 84
},
"munsell": "10Y 8/12"
}