黒曜石色

火山ガラスである黒曜石のような、わずかに青みを帯びた深い黒です。真っ黒よりも奥行きがあり、モダンで洗練された印象を与えます。ガジェットや高級感のあるデザインによく使われます。

別名：オブシディアン, オブシディアンブラック

エディタで開く

黒曜石色を試してみる

服・ネイル・髪色・部屋・車・スマホケースで、黒曜石色がどう見えるかをチェック。

明るさ

合わせる色

黒曜石色のHEXコードは#0B1215です。RGBではrgb(11, 18, 21)、HSLではhsl(198, 31%, 6%)、CMYKでは48, 14, 0, 92となります。

黒曜石色に近い色とカラーコード

エボニー#1B1B1B 黒#000000 コールブラック#1C1C1C ブルーブラック#0B1426 アンスラサイト#293133 漆黒#343434 濡羽色ぬればいろ · #000B00 暗黒色あんこくしょく · #16160E 烏羽色からすばいろ · #180614 鉄黒てつぐろ · #281A14 紫黒しこく · #2E2930 黒紅くろべに · #302833

黒曜石色の基本情報

黒曜石色（#0B1215）は、寒色系・暗め・中くらいの彩度の色です。黒系の色のグループに属します。RGBの値は赤11・緑18・青21（各255段階）。主な用途：テクノロジー, グラフィックデザイン, 高級品。

黒曜石色の色見本と明るい色から暗い色までのグラデーション · #0B1215 — 黒曜石色 · #0B1215

黒曜石色の濃淡：明るいトーンと暗いトーン

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

この色の濃淡を見る: カラースケール生成ツール

黒曜石色を使ったコーデ配色

パーソナルカラー×季節別に、黒曜石色（または近い色）を使ったコーデをまとめました。

ブルベ冬の冬コーデブラック・ワインレッド・ロイヤルパープルブルベ冬の秋コーデブラック・ボルドー・エメラルドブルベ冬の春コーデブラック・ロイヤルブルー・アイスピンク

黒曜石色の配色ハーモニー

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

補色近い色：黒

類似色

トライアド近い色：エボニー

スプリット・コンプリメンタリー近い色：黒, エボニー

テトラード近い色：黒, エボニー

黒曜石色を使ったカラーパレット

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · 黒曜石色

類似色パレット · 黒曜石色

補色パレット · 黒曜石色

トライアドパレット · 黒曜石色

ニュートラルカラー入りパレット · 黒曜石色

アクセントカラー入りパレット · 黒曜石色

黒曜石色と文字色のコントラスト

白い文字コントラスト比 18.9:1 · AAA

黒い文字コントラスト比 1.1:1 · 非推奨

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

CSSコード

:root {
  --obsidian: #0B1215;
  --obsidian-rgb: 11, 18, 21;
}
.bg { background-color: var(--obsidian); }
.text { color: var(--obsidian); }

黒曜石色に近い色

オニキスオックスフォードグレーダークパープルチャコールグレー

この色を使ったテーマ別パレット

その他の黒系の色

黒エボニー漆黒アンスラサイトオニキスコールブラックブルーブラック

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作る 写真の色を伝統色で写真の5色を、日本の伝統色の名前で表す 声色診断5秒話すだけで、あなたの声を日本の伝統色に

無料診断・ツールをすべて見る →

よくある質問

黒曜石色のカラーコードは？

黒曜石色のHEXコードは#0B1215です。RGBではrgb(11, 18, 21)、HSLではhsl(198, 31%, 6%)、CMYKでは48, 14, 0, 92となります。

黒曜石色の補色は何色ですか？

色相環で反対側にある補色は#150E0Bで、黒に近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

黒曜石色の上に白い文字を置いても読みやすいですか？

はい。白とのコントラスト比は18.9:1で、通常サイズの文字にも十分です（WCAG AA）。