黒のカラーコード（黒系の色）

黒にも、さまざまな黒に近い色があります。温かみのあるリコリスやレーズンブラック、涼しげなチャコールやアウタースペース、ほぼ純黒のオニキスやヴァンパイアブラックなどです。このページでは、CSSキーワードの black に、ジェット、オニキス、チャコール、エボニー、リコリス、イーリーブラックなどを加えた17種の名前付きの黒を、HEX・RGB・HSL・HSV・CMYK・OKLCHのコード、ティント、白地の上の文字として使ったときのコントラスト比、印刷用のリッチブラックの解説とともに紹介します。

使い方

1. リストから黒系の色を選びます。
2. HEX、RGB、またはHSLのコードをコピーし、本文の文字に使う場合は「白地の上の文字として」を確認します。
3. 同系色の濃いグレーが欲しいときは、ティントの表を使います。
4. 印刷では、広い黒の面積に使うリッチブラックについて印刷会社に確認してください。

計算式

ティント = c + (255 − c) × p · コントラスト比 = (L₁ + 0.05) ÷ (L₂ + 0.05)

cは各RGBチャンネル、pは混ぜる割合で、LはWCAGの相対輝度です。コントラスト比はWCAGの規定どおり小数第2位まで切り捨てます。白地の上の黒が最大の21:1です。

計算例

ジェット #343434 = rgb(52, 52, 52) は明度20.4%の無彩色の濃いグレーで、簡易CMYKでは 0%, 0%, 0%, 79.6% です。イーリーブラック #1B1B1B を白地の上の文字にすると 17.22:1 で、AAAの基準7:1を大きく上回り、純黒は21:1です。

リッチブラックとK 100%

印刷機では、黒インク（K 100%）だけを使うと、広い面積がやや色あせた濃いグレーに刷り上がります。リッチブラックは、黒の下にシアン、マゼンタ、イエローを重ねて、より深く濃い黒にする方法で、よく使われる配合はC60 M40 Y40 K100です。背景や大きな見出しにだけ使ってください。4色のインクで刷った小さな文字は、版がわずかにずれるだけでにじむため、本文の文字はK 100%のみにします。インクの総量は用紙によっておよそ240〜330%以内に収める必要があるので、印刷会社に数値を確認してください。