青石色(チョンソク)

Blue-Grey Stone

韓国の伝統色 회색계 韓国の伝統色

広色域(Display P3)比較

sRGB(従来のWeb標準)

#6E7F8D

Display P3(広色域)

color(display-p3 0.44 0.5 0.55)

意味と歴史

由来

韓国語で「チョンソクセク(청석색)」。青みがかった石の色。韓国の山の岩石の色。

歴史

韓国の山岳は花崗岩が多く、特に北漢山や雪嶽山の岩肌は青みがかった灰色が特徴。登山文化が盛んな韓国人にとって馴染み深い色。

心理的効果

堅固さ・山岳の精神・自然の力強さを象徴し、風雨に耐える岩のような不屈の精神を伝える。

伝統的な用途

韓国のアウトドアブランドや山岳デザインにおいて、岩の力強さを表現する青灰色。

CSSコード

HEX

#6E7F8D

RGB

rgb(110, 127, 141)

CMYK

cmyk(22%, 10%, 0%, 45%)

HSV

hsv(207, 22%, 55%)

OKLCH

oklch(0.588 0.032 237.2)

Display P3

color(display-p3 0.44 0.5 0.55)

Munsell

7.5B 5.2/2

フォールバック付きCSS

.element {
  /* sRGBフォールバック */
  background-color: #6E7F8D;
  background-color: oklch(0.588 0.032 237.2);
}

@media (color-gamut: p3) {
  .element {
    background-color: color(display-p3 0.44 0.5 0.55);
  }
}

コントラストチェッカー

WCAG 2.1 基準に基づくコントラスト比を表示します。

サンプル

白背景

4.13:1

AA Fail AAA Fail
AA大文字 Pass
サンプル

黒背景

5.08:1

AA Pass AAA Fail
AA大文字 Pass
サンプル

白文字

4.13:1

AA Fail AAA Fail
AA大文字 Pass
サンプル

黒文字

5.08:1

AA Pass AAA Fail
AA大文字 Pass

配色シミュレーター

この色を背景やテキストに使用した場合のプレビューです。

背景色として使用

白テキスト — 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.

UIコンポーネントでの使用例
バッジ

色覚シミュレーション

P型(1型)

赤色の感度が低下

#797F8E

D型(2型)

緑色の感度が低下

#757B8D

T型(3型)

青色の感度が低下

#668283

配色提案

補色

色相環の反対側

類似色

色相が近い色

トライアド

三角形の配色

スプリットコンプリメンタリー

補色の両隣

グラデーション

ティント(明るく)

background: linear-gradient(to right, #6E7F8D, #FFFFFF);
#6E7F8D
#8B99A4
#A8B2BB
#C5CCD1
#E2E5E8
#FFFFFF

シェード(暗く)

background: linear-gradient(to right, #6E7F8D, #000000);
#6E7F8D
#586671
#424C55
#2C3338
#16191C
#000000

透明へ

background: linear-gradient(to right, #6E7F8D, transparent);

エクスポート

CSS変数
--color-cheongsok: #6E7F8D;
--color-cheongsok-rgb: 110, 127, 141;
--color-cheongsok-oklch: 0.588 0.032 237.2;
Sass変数
$color-cheongsok: #6E7F8D;
$color-cheongsok-rgb: rgb(110, 127, 141);
$color-cheongsok-oklch: oklch(0.588 0.032 237.2);
Tailwind Config
'cheongsok': '#6E7F8D',
SwiftUI
Color(red: 0.431, green: 0.498, blue: 0.553)
JSON
{
  "name": {
    "ja": "青石色(チョンソク)",
    "en": "Blue-Grey Stone",
    "ko": "청석"
  },
  "hex": "#6E7F8D",
  "rgb": {
    "r": 110,
    "g": 127,
    "b": 141
  },
  "cmyk": {
    "c": 22,
    "m": 10,
    "y": 0,
    "k": 45
  },
  "oklch": {
    "l": 0.588,
    "c": 0.032,
    "h": 237.2
  },
  "displayP3": {
    "r": 0.44,
    "g": 0.5,
    "b": 0.55
  },
  "hsv": {
    "h": 207,
    "s": 22,
    "v": 55
  },
  "munsell": "7.5B 5.2/2"
}

関連する色

他の文化圏の類似色