霽藍
Jilan
広色域（Display P3）比較
sRGB（従来のWeb標準）
#1661AB
Display P3（広色域）
color(display-p3 0.182181 0.374719 0.649572)
意味と歴史
由来
霽藍（せいらん）は雨上がりの晴れた空の深い藍色に由来する。「霽」は雨が止んで空が晴れることを意味し、「藍」は藍色を指す。中国の陶磁器用語として特に知られる。
歴史
明代の宣徳年間（1426-1435年）に景徳鎮で完成された霽藍釉は、高温焼成によるコバルトブルーの単色釉として最高峰に達した。御用磁器として皇帝の祭祀用器に多く用いられ、清代にも雍正帝・乾隆帝の時代に精緻な作品が残されている。
出典（1件）
伝統的な用途
景徳鎮の宮廷用祭器（天壇での祭天儀式に用いる磁器）の代表的な釉薬色であり、祭藍・積藍とも呼ばれる。現代でも中国陶磁器コレクターの間で最も珍重される単色釉の一つである。
出典（1件）
CSSコード
HEX
#1661AB RGB
rgb(22, 97, 171) CMYK
cmyk(87.13%, 43.27%, 0%, 32.94%) HSV
hsv(209.8, 87.13%, 67.06%) OKLCH
oklch(48.98% 0.1372 252.82) Display P3
color(display-p3 0.182181 0.374719 0.649572) Munsell
CIE XYZ
XYZ(0.11953, 0.11659, 0.40141) CIE L*a*b*
Lab(40.668462, 6.247547, -45.702958) CIE LCH(ab)
LCH(40.668462, 46.127998, 277.784028°) CIE L*u*v*
Luv(40.668462, -22.323321, -67.056129) Hunter Lab
Hunter Lab(34.144846, 0.046322, -0.494905) xyY
xyY(0.187497, 0.182874, 0.11659) JzAzBz
JzAzBz(0.004541, -0.002435, -0.010334) JzCzHz
JzCzHz(0.004541, 0.010617, 256.74198°) フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #1661AB;
background-color: oklch(48.98% 0.1372 252.82);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.182181 0.374719 0.649572);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
6.30:1
黒背景
3.33:1
白文字
6.30:1
黒文字
3.33: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型）
赤色の感度が低下
#3B67AE
D型（2型）
緑色の感度が低下
#1E5AAA
T型（3型）
青色の感度が低下
#00737D
配色提案
この配色は中国の五行思想（木・火・土・金・水）の相生・相克の関係に着想を得て、伝統的な色彩調和の原理を反映しています。
補色
Complementary色相環の反対側に位置する色。最も強いコントラストを生む
類似色
Analogous色相が近い色の組み合わせ。自然で調和的な印象を与える
トライアド
Triadic色相環を三等分する配色。活力がありバランスの良い組み合わせ
スプリットコンプリメンタリー
Split-complementary補色の両隣を使う配色。補色より柔らかいコントラスト
テトラディック（正方形）
Tetradic (Square)色相環を四等分する配色。豊かな色彩で華やかな印象
テトラディック（長方形）
Tetradic (Rectangle)二対の補色を組み合わせた配色。多彩ながらまとまりのある配色
モノクロマティック
Monochromatic同じ色相で明度・彩度を変えた配色。統一感のある上品な印象
ダブルコンプリメンタリー
Double Complementary隣り合う二色とその補色による四色配色。複雑で魅力的な配色
グラデーション
ティント（明るく）
background: linear-gradient(to right, #1661AB, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #1661AB, #000000); 透明へ
background: linear-gradient(to right, #1661AB, transparent); エクスポート
--color-jilan: #1661AB;
--color-jilan-rgb: 22, 97, 171;
--color-jilan-oklch: 48.98% 0.1372 252.82;$color-jilan: #1661AB;
$color-jilan-rgb: rgb(22, 97, 171);
$color-jilan-oklch: oklch(48.98% 0.1372 252.82);'jilan': '#1661AB',Color(red: 0.086, green: 0.380, blue: 0.671){
"name": {
"ja": "霽藍",
"en": "Jilan",
"zh": "霁蓝"
},
"hex": "#1661AB",
"rgb": {
"r": 22,
"g": 97,
"b": 171
},
"cmyk": {
"c": 87.13,
"m": 43.27,
"y": 0,
"k": 32.94
},
"oklch": {
"l": 48.98,
"c": 0.1372,
"h": 252.82
},
"displayP3": {
"r": 0.182181,
"g": 0.374719,
"b": 0.649572
},
"hsv": {
"h": 209.8,
"s": 87.13,
"v": 67.06
},
"munsell": ""
}