青磁色
せいじいろ | Celadon
広色域（Display P3）比較
sRGB（従来のWeb標準）
#7EBEA5
Display P3（広色域）
color(display-p3 0.55 0.74 0.65)
意味と歴史
由来
中国の青磁器の釉薬に見られる淡い青緑色に由来する色名。鉄分を含む釉薬を還元焼成することで生まれるこの独特の色合いは、「雨過天晴」と詩的に形容され、雨上がりの空の色を理想とした東洋陶芸の至高の美である。
歴史
宋代の中国で完成された青磁は「秘色（ひそく）」とも呼ばれ、東洋陶芸の最高峰とされた。龍泉窯や汝窯の名品は日本の茶人たちにも珍重され、足利義政や千利休がこよなく愛した青磁の茶碗は国宝や重要文化財として今に伝わっている。
心理的効果
気品と静謐、東洋的な深い美意識を感じさせる色で、静かな水面に映る空のような透明感と奥行きを持つ。心の波立ちを鎮めて穏やかな瞑想状態へと導き、見る者に洗練された知性と精神的な充足感を静かにもたらす高雅な色である。
伝統的な用途
青磁の陶芸作品や茶道具の茶碗・花入れ、和室の床の間の装飾に用いられた。現代でも有田焼や清水焼の人気色として食器に広く使われ、和モダンな建築の内装タイルや高級ホテルのインテリアにも採用されている。
CSSコード
HEX
#7EBEA5 RGB
rgb(126, 190, 165) CMYK
cmyk(34%, 0%, 13%, 25%) HSV
hsv(157, 34%, 75%) OKLCH
oklch(0.751 0.075 167.9) Display P3
color(display-p3 0.55 0.74 0.65) Munsell
7.5G 7.2/4 フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #7EBEA5;
background-color: oklch(0.751 0.075 167.9);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.55 0.74 0.65);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
2.14:1
黒背景
9.80:1
白文字
2.14:1
黒文字
9.80: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型）
赤色の感度が低下
#BBB6A4
D型（2型）
緑色の感度が低下
#B0AEA7
T型（3型）
青色の感度が低下
#6EBFB7
配色提案
補色
色相環の反対側
類似色
色相が近い色
トライアド
三角形の配色
スプリットコンプリメンタリー
補色の両隣
グラデーション
ティント（明るく）
background: linear-gradient(to right, #7EBEA5, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #7EBEA5, #000000); 透明へ
background: linear-gradient(to right, #7EBEA5, transparent); エクスポート
--color-seiji: #7EBEA5;
--color-seiji-rgb: 126, 190, 165;
--color-seiji-oklch: 0.751 0.075 167.9;$color-seiji: #7EBEA5;
$color-seiji-rgb: rgb(126, 190, 165);
$color-seiji-oklch: oklch(0.751 0.075 167.9);'seiji': '#7EBEA5',Color(red: 0.494, green: 0.745, blue: 0.647){
"name": {
"ja": "青磁色",
"en": "Celadon",
"reading": "せいじいろ"
},
"hex": "#7EBEA5",
"rgb": {
"r": 126,
"g": 190,
"b": 165
},
"cmyk": {
"c": 34,
"m": 0,
"y": 13,
"k": 25
},
"oklch": {
"l": 0.751,
"c": 0.075,
"h": 167.9
},
"displayP3": {
"r": 0.55,
"g": 0.74,
"b": 0.65
},
"hsv": {
"h": 157,
"s": 34,
"v": 75
},
"munsell": "7.5G 7.2/4"
}