ビロード緑
びろうどみどり | Velvet Green
広色域（Display P3）比較
sRGB（従来のWeb標準）
#224634
Display P3（広色域）
color(display-p3 0.17 0.27 0.21)
意味と歴史
由来
南蛮貿易で日本に伝来したビロード（天鵞絨）生地の深い緑色に由来する。ポルトガル語のveludoが語源で、滑らかな起毛素材の光沢と深みが織りなす独特の緑は、西洋文化との出会いが生んだ和洋折衷の色名である。
歴史
安土桃山時代から江戸初期にかけて南蛮貿易で伝来したビロード生地は、その豪華な質感で大名や豪商に珍重された。織田信長がビロードのマントを着用したという記録もあり、西洋との文化交流を象徴する素材の色である。
心理的効果
高級感、深み、異国文化への憧憬を感じさせる。ビロード特有の起毛素材が生む深い緑は、通常の緑よりも重厚で奥行きがあり、触覚的な豊かさと視覚的な深みが融合した、五感に訴える贅沢な印象を与える色である。
伝統的な用途
大名や豪商の陣羽織や敷物、茶道具の仕覆に用いられた高級素材の色。現代ではベルベットグリーンの名でインテリアファブリックやイブニングドレスの色として、豪華さと深みを演出する上質なカラーとして愛されている。
CSSコード
HEX
#224634 RGB
rgb(34, 70, 52) CMYK
cmyk(51%, 0%, 26%, 73%) HSV
hsv(150, 51%, 27%) OKLCH
oklch(0.361 0.053 160.4) Display P3
color(display-p3 0.17 0.27 0.21) Munsell
5G 2.7/4 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #224634;
background-color: oklch(0.361 0.053 160.4);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.17 0.27 0.21);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
10.53:1
黒背景
1.99:1
白文字
10.53:1
黒文字
1.99: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型）
赤色の感度が低下
#454133
D型（2型）
緑色の感度が低下
#403D35
T型（3型）
青色の感度が低下
#184641
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #224634, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #224634, #000000); 透明へ
background: linear-gradient(to right, #224634, transparent); エクスポート
--color-birou: #224634;
--color-birou-rgb: 34, 70, 52;
--color-birou-oklch: 0.361 0.053 160.4;$color-birou: #224634;
$color-birou-rgb: rgb(34, 70, 52);
$color-birou-oklch: oklch(0.361 0.053 160.4);'birou': '#224634',Color(red: 0.133, green: 0.275, blue: 0.204){
"name": {
"ja": "ビロード緑",
"en": "Velvet Green",
"reading": "びろうどみどり"
},
"hex": "#224634",
"rgb": {
"r": 34,
"g": 70,
"b": 52
},
"cmyk": {
"c": 51,
"m": 0,
"y": 26,
"k": 73
},
"oklch": {
"l": 0.361,
"c": 0.053,
"h": 160.4
},
"displayP3": {
"r": 0.17,
"g": 0.27,
"b": 0.21
},
"hsv": {
"h": 150,
"s": 51,
"v": 27
},
"munsell": "5G 2.7/4"
}