瑠璃色
るりいろ | Ruri-iro
広色域（Display P3）比較
sRGB（従来のWeb標準）
#1E50A2
Display P3（広色域）
color(display-p3 0.1715 0.3094 0.6138)
意味と歴史
由来
濃い紫みの鮮やかな青色。もとは仏教世界の中心「須弥山」にて産する宝玉で、仏教の七宝の一つ。その宝石の色にちなんだ瑠璃色は至上の色として神聖視された。
出典（1件）
歴史
平安初期の『竹取物語』には「るりいろの水」の記述があり、古くから貴重な鉱物として知られていた。瑠璃の洋名はラピスラズリで、ペルシャで産出され中国を経て日本に伝来した。正倉院の宝物にも瑠璃を用いた杯や碗が残されている。
出典（1件）
伝統的な用途
仏教の七宝の一つとして仏教美術に欠かせない色。ラピスラズリを原料とする青色顔料は「ウルトラマリン」と呼ばれ、絵画にも広く使われた。臙脂色や山吹色と並び、現代でもよく使われる伝統色名である。
出典（1件）
CSSコード
HEX
#1E50A2 RGB
rgb(30, 80, 162) CMYK
cmyk(81.5%, 50.6%, 0%, 36.5%) HSV
hsv(217.3, 81.5%, 63.5%) OKLCH
oklch(44.65% 0.1435 259.95) Display P3
color(display-p3 0.1715 0.3094 0.6138) Munsell
CIE XYZ
XYZ(0.09923, 0.08621, 0.35316) CIE L*a*b*
Lab(35.243672, 14.559686, -49.06424) CIE LCH(ab)
LCH(35.243672, 51.178942, 286.528119°) CIE L*u*v*
Luv(35.243672, -16.470499, -69.592189) Hunter Lab
Hunter Lab(29.361171, 0.106781, -0.545049) xyY
xyY(0.184241, 0.160058, 0.08621) JzAzBz
JzAzBz(0.008659, -0.001512, -0.010406) JzCzHz
JzCzHz(0.008659, 0.010515, 261.73°) フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #1E50A2;
background-color: oklch(44.65% 0.1435 259.95);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.1715 0.3094 0.6138);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
7.71:1
黒背景
2.72:1
白文字
7.71:1
黒文字
2.72: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型）
赤色の感度が低下
#1D59A5
D型（2型）
緑色の感度が低下
#004DA0
T型（3型）
青色の感度が低下
#006471
配色提案
この色の配色提案は、日本の伝統的な「かさねの色目」や「しきたり」の美意識に基づき、同じ文化圏の伝統色から最も近い調和色を選出しています。
補色
Complementary色相環の反対側に位置する色。最も強いコントラストを生む
類似色
Analogous色相が近い色の組み合わせ。自然で調和的な印象を与える
トライアド
Triadic色相環を三等分する配色。活力がありバランスの良い組み合わせ
スプリットコンプリメンタリー
Split-complementary補色の両隣を使う配色。補色より柔らかいコントラスト
テトラディック（正方形）
Tetradic (Square)色相環を四等分する配色。豊かな色彩で華やかな印象
テトラディック（長方形）
Tetradic (Rectangle)二対の補色を組み合わせた配色。多彩ながらまとまりのある配色
モノクロマティック
Monochromatic同じ色相で明度・彩度を変えた配色。統一感のある上品な印象
ダブルコンプリメンタリー
Double Complementary隣り合う二色とその補色による四色配色。複雑で魅力的な配色
伝統的な配色の提案
同じ文化圏の伝統色から、色彩理論的に調和する色を選出しました。
グラデーション
ティント（明るく）
background: linear-gradient(to right, #1E50A2, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #1E50A2, #000000); 透明へ
background: linear-gradient(to right, #1E50A2, transparent); エクスポート
--color-ruriiro: #1E50A2;
--color-ruriiro-rgb: 30, 80, 162;
--color-ruriiro-oklch: 44.65% 0.1435 259.95;$color-ruriiro: #1E50A2;
$color-ruriiro-rgb: rgb(30, 80, 162);
$color-ruriiro-oklch: oklch(44.65% 0.1435 259.95);'ruriiro': '#1E50A2',Color(red: 0.118, green: 0.314, blue: 0.635){
"name": {
"ja": "瑠璃色",
"en": "Ruri-iro",
"reading": "るりいろ"
},
"hex": "#1E50A2",
"rgb": {
"r": 30,
"g": 80,
"b": 162
},
"cmyk": {
"c": 81.5,
"m": 50.6,
"y": 0,
"k": 36.5
},
"oklch": {
"l": 44.65,
"c": 0.1435,
"h": 259.95
},
"displayP3": {
"r": 0.1715,
"g": 0.3094,
"b": 0.6138
},
"hsv": {
"h": 217.3,
"s": 81.5,
"v": 63.5
},
"munsell": ""
}