青碧
せいへき | Seiheki
広色域（Display P3）比較
sRGB（従来のWeb標準）
#3A6960
Display P3（広色域）
color(display-p3 0.271437 0.407207 0.377173)
意味と歴史
歴史
青碧という色名は、平安時代から鎌倉時代にかけて日本の仏教文化とともに定着したとされる。中国の玉石「青碧」に由来する色として装束の色名に用いられ、特に僧侶・尼僧の衣の色として文献に見られる。
出典（1件）
心理的効果
落ち着いた青緑の色調は、瞑想や精神的な静謐を連想させる。仏教文化における清浄と無常を象徴する色として、心を穏やかに整える効果があるとされる。
出典（1件）
CSSコード
HEX
#3A6960 RGB
rgb(58, 105, 96) CMYK
cmyk(44.76%, 0%, 8.57%, 58.82%) HSV
hsv(168.5, 44.76%, 41.18%) OKLCH
oklch(48.44% 0.0539 180.19) Display P3
color(display-p3 0.271437 0.407207 0.377173) Munsell
CIE XYZ
XYZ(0.08907, 0.11847, 0.12881) CIE L*a*b*
Lab(40.971206, -18.456638, 0.044619) CIE LCH(ab)
LCH(40.971206, 18.456692, 179.861489°) CIE L*u*v*
Luv(40.971206, -21.128544, 2.663946) Hunter Lab
Hunter Lab(34.418832, -0.123959, 0.000314) xyY
xyY(0.264814, 0.352211, 0.11847) JzAzBz
JzAzBz(0.004103, -0.002686, -0.000299) JzCzHz
JzCzHz(0.004103, 0.002703, 186.342386°) フォールバック付きCSS
.element {
/* sRGBフォールバック */
background-color: #3A6960;
background-color: oklch(48.44% 0.0539 180.19);
}
@media (color-gamut: p3) {
.element {
background-color: color(display-p3 0.271437 0.407207 0.377173);
}
}コントラストチェッカー
WCAG 2.1 基準に基づくコントラスト比を表示します。
白背景
6.23:1
黒背景
3.37:1
白文字
6.23:1
黒文字
3.37: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型）
赤色の感度が低下
#656460
D型（2型）
緑色の感度が低下
#5D5E61
T型（3型）
青色の感度が低下
#286A66
配色提案
この色の配色提案は、日本の伝統的な「かさねの色目」や「しきたり」の美意識に基づき、同じ文化圏の伝統色から最も近い調和色を選出しています。
補色
Complementary色相環の反対側に位置する色。最も強いコントラストを生む
類似色
Analogous色相が近い色の組み合わせ。自然で調和的な印象を与える
トライアド
Triadic色相環を三等分する配色。活力がありバランスの良い組み合わせ
スプリットコンプリメンタリー
Split-complementary補色の両隣を使う配色。補色より柔らかいコントラスト
テトラディック（正方形）
Tetradic (Square)色相環を四等分する配色。豊かな色彩で華やかな印象
テトラディック（長方形）
Tetradic (Rectangle)二対の補色を組み合わせた配色。多彩ながらまとまりのある配色
モノクロマティック
Monochromatic同じ色相で明度・彩度を変えた配色。統一感のある上品な印象
ダブルコンプリメンタリー
Double Complementary隣り合う二色とその補色による四色配色。複雑で魅力的な配色
伝統的な配色の提案
同じ文化圏の伝統色から、色彩理論的に調和する色を選出しました。
グラデーション
ティント（明るく）
background: linear-gradient(to right, #3A6960, #FFFFFF); シェード（暗く）
background: linear-gradient(to right, #3A6960, #000000); 透明へ
background: linear-gradient(to right, #3A6960, transparent); エクスポート
--color-seiheki: #3A6960;
--color-seiheki-rgb: 58, 105, 96;
--color-seiheki-oklch: 48.44% 0.0539 180.19;$color-seiheki: #3A6960;
$color-seiheki-rgb: rgb(58, 105, 96);
$color-seiheki-oklch: oklch(48.44% 0.0539 180.19);'seiheki': '#3A6960',Color(red: 0.227, green: 0.412, blue: 0.376){
"name": {
"ja": "青碧",
"en": "Seiheki",
"reading": "せいへき"
},
"hex": "#3A6960",
"rgb": {
"r": 58,
"g": 105,
"b": 96
},
"cmyk": {
"c": 44.76,
"m": 0,
"y": 8.57,
"k": 58.82
},
"oklch": {
"l": 48.44,
"c": 0.0539,
"h": 180.19
},
"displayP3": {
"r": 0.271437,
"g": 0.407207,
"b": 0.377173
},
"hsv": {
"h": 168.5,
"s": 44.76,
"v": 41.18
},
"munsell": ""
}