ルビー
Ruby
広色域（Display P3）比較
sRGB（従来のWeb標準）
#9B111E
Display P3（広色域）
color(display-p3 0.56 0.13 0.14)
意味と歴史
由来
最も高価な宝石の一つルビー（紅玉）の深い赤色に由来する。ラテン語のruber（赤）が語源であり、コランダム鉱物にクロムが微量に含まれて生じる赤色である。
歴史
古代インドでは「宝石の王」と呼ばれ、ミャンマーのモゴク鉱山産ルビーは世界最高品質として知られる。歴史上の王冠には必ずルビーが配され、王権と勝利の象徴とされた。
心理的効果
宝石の王にふさわしい至高の赤であり、尽きせぬ情熱と永遠の愛を象徴する。ダイヤモンドの透明な輝きとは対照的に、ルビーは人間の血と炎の色を宿す生命的な宝石である。
伝統的な用途
7月の誕生石としての高級ジュエリー、ルビー婚式（40周年）の象徴色、ドロシーのルビーの靴（オズの魔法使い）、レーザー技術の初期素材として使用される。
CSSコード
HEX
#9B111E RGB
rgb(155, 17, 30) CMYK
cmyk(0%, 89%, 81%, 39%) HSV
hsv(354, 89%, 61%) OKLCH
oklch(0.442 0.169 24.3) Display P3
color(display-p3 0.56 0.13 0.14) Munsell
7.5R 3.3/12 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #9B111E;
background-color: oklch(0.442 0.169 24.3);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.56 0.13 0.14);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
8.42:1
黒背景
2.49:1
白文字
8.42:1
黒文字
2.49: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型）
赤色の感度が低下
#413B1D
D型（2型）
緑色の感度が低下
#625718
T型（3型）
青色の感度が低下
#AB0018
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #9B111E, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #9B111E, #000000); 透明へ
background: linear-gradient(to right, #9B111E, transparent); エクスポート
--color-ruby: #9B111E;
--color-ruby-rgb: 155, 17, 30;
--color-ruby-oklch: 0.442 0.169 24.3;$color-ruby: #9B111E;
$color-ruby-rgb: rgb(155, 17, 30);
$color-ruby-oklch: oklch(0.442 0.169 24.3);'ruby': '#9B111E',Color(red: 0.608, green: 0.067, blue: 0.118){
"name": {
"ja": "ルビー",
"en": "Ruby"
},
"hex": "#9B111E",
"rgb": {
"r": 155,
"g": 17,
"b": 30
},
"cmyk": {
"c": 0,
"m": 89,
"y": 81,
"k": 39
},
"oklch": {
"l": 0.442,
"c": 0.169,
"h": 24.3
},
"displayP3": {
"r": 0.56,
"g": 0.13,
"b": 0.14
},
"hsv": {
"h": 354,
"s": 89,
"v": 61
},
"munsell": "7.5R 3.3/12"
}