鶯色
うぐいすいろ|Japanese Warbler Green
色コードの出典:鶯色 - 和色大辞典
広色域(Display P3)比較
sRGB(従来のWeb標準)
#928C36
Display P3(広色域)
color(display-p3 0.5685 0.5498 0.2659)
意味と歴史
由来
春を告げる鳥・鶯(ウグイス)の羽の色に由来する。実際の鶯の羽はオリーブがかった緑褐色で、一般にイメージされる鮮やかな黄緑(メジロの色)とは異なる。この色名は鶯の実際の羽色を正確に表したものである。
出典(2件)
心理的効果
穏やかさ・自然との調和・新しい季節の予感を象徴する色。くすんだ緑は目に優しく、落ち着きと安らぎを与える。春の訪れへの期待感と、冬から春への移ろいの情緒を感じさせる。
出典(1件)
伝統的な用途
着物や帯の配色に用いられ、特に春の装いに好まれる。茶道具や菓子の色としても親しまれ、抹茶の色合いにも通じる。「鶯茶」「鶯餅」など、鶯の名を冠した派生語が食文化にも広がっている。
出典(1件)
CSSコード
HEX
#928C36RGB
rgb(146, 140, 54)CMYK
cmyk(0%, 4.1%, 63%, 42.7%)HSV
hsv(56.1, 63%, 57.3%)OKLCH
oklch(62.8% 0.1074 105.32)Display P3
color(display-p3 0.5685 0.5498 0.2659)Munsell
5GY 6/12CIE XYZ
XYZ(0.21899, 0.25134, 0.07187)CIE L*a*b*
Lab(57.205993, -9.019612, 45.389074)CIE LCH(ab)
LCH(57.205993, 46.276576, 101.23927°)CIE L*u*v*
Luv(57.205993, 7.797228, 51.795365)Hunter Lab
Hunter Lab(50.134071, -7.19773, 24.842316)xyY
xyY(0.403886, 0.463559, 0.25134)JzAzBz
JzAzBz(0.016084, -0.000818, 0.008232)JzCzHz
JzCzHz(0.016084, 0.008273, 95.674757°)フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #928C36;
background-color: oklch(62.8% 0.1074 105.32);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.5685 0.5498 0.2659);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
3.48:1
黒背景
6.03:1
白文字
3.48:1
黒文字
6.03:1
配色シミュレーター
この色を背景やテキストに使用した場合のプレビューです。見た目の見本のため、読み上げからは省略しています。
色覚シミュレーション
P型(1型)
赤色の感度が低下
#98872C
D型(2型)
緑色の感度が低下
#9A8B3B
T型(3型)
青色の感度が低下
#9C837A
配色提案
この色の配色提案は、日本の伝統的な「かさねの色目」や「しきたり」の美意識に基づき、同じ文化圏の伝統色から最も近い調和色を選出しています。
補色
Complementary色相環の反対側に位置する色。最も強いコントラストを生む
類似色
Analogous色相が近い色の組み合わせ。自然で調和的な印象を与える
トライアド
Triadic色相環を三等分する配色。活力がありバランスの良い組み合わせ
スプリットコンプリメンタリー
Split-complementary補色の両隣を使う配色。補色より柔らかいコントラスト
テトラディック(正方形)
Tetradic (Square)色相環を四等分する配色。豊かな色彩で華やかな印象
テトラディック(長方形)
Tetradic (Rectangle)二対の補色を組み合わせた配色。多彩ながらまとまりのある配色
モノクロマティック
Monochromatic同じ色相で明度・彩度を変えた配色。統一感のある上品な印象
ダブルコンプリメンタリー
Double Complementary隣り合う二色とその補色による四色配色。複雑で魅力的な配色
グラデーション
ティント(明るく)
background: linear-gradient(to right, #928C36, #FFFFFF);シェード(暗く)
background: linear-gradient(to right, #928C36, #000000);透明へ
background: linear-gradient(to right, #928C36, transparent);エクスポート
--color-uguisuiro: #928C36;
--color-uguisuiro-rgb: 146, 140, 54;
--color-uguisuiro-oklch: 62.8% 0.1074 105.32;$color-uguisuiro: #928C36;
$color-uguisuiro-rgb: rgb(146, 140, 54);
$color-uguisuiro-oklch: oklch(62.8% 0.1074 105.32);'uguisuiro': '#928C36',Color(red: 0.573, green: 0.549, blue: 0.212){
"name": {
"ja": "鶯色",
"en": "Japanese Warbler Green",
"reading": "うぐいすいろ"
},
"hex": "#928C36",
"rgb": {
"r": 146,
"g": 140,
"b": 54
},
"cmyk": {
"c": 0,
"m": 4.1,
"y": 63,
"k": 42.7
},
"oklch": {
"l": 62.8,
"c": 0.1074,
"h": 105.32
},
"displayP3": {
"r": 0.5685,
"g": 0.5498,
"b": 0.2659
},
"hsv": {
"h": 56.1,
"s": 63,
"v": 57.3
},
"munsell": "5GY 6/12"
}