川柳
かわやなぎ | River Willow
広色域（Display P3）比較
sRGB（従来のWeb標準）
#B9D08B
Display P3（広色域）
color(display-p3 0.74 0.81 0.57)
意味と歴史
由来
川辺に枝を垂らす柳の、明るく柔らかな黄緑色に由来する。春に芽吹く柳の若葉は風に揺れて銀色に光り、水面に映る姿は日本の春の風景画に欠かせないモチーフとして、古来から多くの画家や歌人に描かれてきた。
歴史
柳は中国から伝わった文化的な植物で、別れの場に柳の枝を折って贈る風習は漢詩にも詠まれた。日本では川辺に揺れる柳の枝は春の風物詩として浮世絵にも描かれ、銀座の柳並木は東京の名所として知られている。
心理的効果
涼やかさ、風情、しなやかな強さを感じさせる。風に揺れる柳の枝のような柔らかな黄緑は、力まず自然体でいることの美しさと、柔軟性の中に宿る芯の強さを象徴する、優雅で涼しげな印象を与える色である。
伝統的な用途
夏の着物や扇子の絵柄として愛用され、浮世絵の風景画にもよく描かれた。柳の下を流れる川の涼しげな風景は夏座敷の設えにも好まれ、現代では初夏のインテリアや和菓子のデザインに季節感を添える色として用いられている。
CSSコード
HEX
#B9D08B RGB
rgb(185, 208, 139) CMYK
cmyk(11%, 0%, 33%, 18%) HSV
hsv(80, 33%, 82%) OKLCH
oklch(0.824 0.095 123.5) Display P3
color(display-p3 0.74 0.81 0.57) Munsell
5GY 8/6 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #B9D08B;
background-color: oklch(0.824 0.095 123.5);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.74 0.81 0.57);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
1.69:1
黒背景
12.46:1
白文字
1.69:1
黒文字
12.46: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型）
赤色の感度が低下
#D8C886
D型（2型）
緑色の感度が低下
#D5C78E
T型（3型）
青色の感度が低下
#BEC9BE
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #B9D08B, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #B9D08B, #000000); 透明へ
background: linear-gradient(to right, #B9D08B, transparent); エクスポート
--color-kawayanagi: #B9D08B;
--color-kawayanagi-rgb: 185, 208, 139;
--color-kawayanagi-oklch: 0.824 0.095 123.5;$color-kawayanagi: #B9D08B;
$color-kawayanagi-rgb: rgb(185, 208, 139);
$color-kawayanagi-oklch: oklch(0.824 0.095 123.5);'kawayanagi': '#B9D08B',Color(red: 0.725, green: 0.816, blue: 0.545){
"name": {
"ja": "川柳",
"en": "River Willow",
"reading": "かわやなぎ"
},
"hex": "#B9D08B",
"rgb": {
"r": 185,
"g": 208,
"b": 139
},
"cmyk": {
"c": 11,
"m": 0,
"y": 33,
"k": 18
},
"oklch": {
"l": 0.824,
"c": 0.095,
"h": 123.5
},
"displayP3": {
"r": 0.74,
"g": 0.81,
"b": 0.57
},
"hsv": {
"h": 80,
"s": 33,
"v": 82
},
"munsell": "5GY 8/6"
}