黒 — 意味、心理学、カラーコード、デザイナーの組み合わせ

黒は時代を超越し、多用途で強力です。このガイドを使用して、黒の象徴性を理解し、Web と印刷用に適切なコードを選択し、ブランディング、UI、パッケージ用のアクセスしやすいモダンなカラー パレットを作成します。

16 進数 #000000 RGB 0、0、0 CMYK 0、0、0、100 HSL 0°、0%、0%

クイックカラーコード

ピュアブラック
#000000 · RGB(0,0,0) · HSL(0,0%,0%)
ニアブラック
#111111 · 白の UI テキストを柔らかくする
UIブラック
#0A0A0A · 明るい画面のまぶしさを軽減します

命名はライブラリによって異なります。一貫性を保つために、単一の「ブランド ブラック」を選択します。

印刷: プロセス vs. リッチ ブラック

  • プロセスブラック(100K): CMYK 0,0,0,100 — 小さなテキストや細い線に最適です。
  • リッチブラック(例): C60 M40 Y40 K100 — 広い領域向けのより深いソリッド。
  • 登録ブラックを避ける: 全インク(C+M+Y+K)を100%使用すると、位置ずれが発生する可能性があります。

正確な混合をプリンターで確認してください。プロファイルと用紙は結果に影響します。

アクセシビリティとコントラスト

ボディ コピーの場合、コントラスト比は 4.5:1 以上です。黒地に白文字 (および白地に黒) は、最大コントラストである ~21:1 を実現します。

黒地に白
≈ 21:1
白地に黒
≈ 21:1

アイコン、境界線、コントロールもテキスト以外のコントラスト ルールを満たしていることを確認してください。

黒の意味と心理

黒は、洗練さ、権威、ミニマリズムを伝えます。また、ミステリー、ドラマ、厳粛さを暗示することもあります。ファッションや高級ブランドにおいて、黒は独占性と洗練性を示します。 UI では、鮮明な文字と十分な間隔と組み合わせることで、明瞭さと集中力が生まれます。

  • ポジティブ: エレガンス、パワー、プロフェッショナリズム、抑制。
  • 注意: 使いすぎると、重く、威圧的、または悲しく感じることがあります。

象徴主義と文化

西洋の文脈

喪服と礼服の一般的な色。洗練さと権威にも関連しています。

世界的な変動

協会は地域や宗教によって異なります。たとえば、東アジアの伝統の多くでは、弔いの際に黒ではなく白を使用します。

現代のメディア

黒は高級感、ハイテクミニマリズム、編集の美学を強調します。高いコントラストと焦点を合わせて画像を構成します。

常に文化、業界、視聴者の期待に合わせて色の選択をローカライズしてください。

デザイナーが承認した組み合わせ

高級感:ブラック+ホワイト+ゴールド
#000000 · #FFFFFF · #D4AF37 · #222222 · #F5F5F5
最小限の編集
重み、間隔、スケールを使用して階層を作成します。
パワー: 黒+赤
高エネルギーのアクセント。 CTA とハイライト用に予約しておきます。
テックミニマル
エレクトリック ブルーは、黒い UI に明瞭さと現代性を加えます。
ウォームニュートラル
黒地に柔らかいベージュを基調としたプレミアムなパッケージです。
ネオンハイライト
集中力を維持するために、ボタン/ラベルの使用は控えめにします。

黒の人気の「色合い」

不気味な黒
#1B1B1B
ジェット
#343434
オニキス
#353935
木炭
#36454F
レーズンブラック
#242124
リッチブラック(画面)
#0B0B0B

名前は慣習的なものです。設計トークン システムの正確な値を確認してください。

アプリケーション

ブランディングとパッケージング

高級感と自信を伝えます。メタリック(ゴールド、銅)またはソフトニュートラルと組み合わせて、強度のバランスを整えます。

ユーザーインターフェース

ダークテーマは視覚的なノイズを軽減し、コンテンツにスポットライトを当てます。読みやすくするために、十分な間隔と強いコントラストを使用します。

写真とエディトリアル

ドラマチックなブラックフレームの画像とタイポグラフィー。ファッション、建築、ポートフォリオの作品に最適です。

よくある質問

黒は暖かい色ですか、それとも冷たい色ですか?

黒自体は無彩色ですが、近くの色合い (木炭) は暖色 (茶色がかった) または寒色 (青みがかった) になることがあります。ブランドに合った温度を選択してください。

黒のフォントの色は何色が良いでしょうか?

純白 (#FFF) は最大のコントラストを提供します。長時間の読書では、グレアを和らげるためにオフホワイト (#F5F5F5) を好むデザイナーもいます。比率が WCAG に合格するようにします。

黒は色相環のどこに当てはまりますか?

黒には色相角がありません。これは、強調のためにほぼすべての色相と組み合わせる価値アンカーと考えてください。