Black カラー

黒 — 洗練さと権威の色

#000000Black

カラー値

HEX#000000

RGBrgb(0, 0, 0)

HSLhsl(0°, 0%, 0%)

CSSblack

シェードパレット

100

#1A1A1A

200

#333333

300

#4D4D4D

400

#666666

500

#808080

600

#999999

補色

↔

#FFFFFF

White

類似色

#1A1A1A

Dark Charcoal

#333333

Jet Black

CSS使用例

CSS

/* By name */
color: black;
background-color: black;

/* By HEX */
color: #000000;
background-color: #000000;

/* By RGB */
color: rgb(0, 0, 0);

/* By HSL */
color: hsl(0deg, 0%, 0%);

/* With opacity */
color: rgba(0, 0, 0, 0.8);
color: hsl(0deg 0% 0% / 80%);

純粋な黒(#000000)と白の組み合わせは長時間の読書では眩しく感じることがあります。ダークテーマでは#0D0D0D〜#1A1A1Aのオフブラックを背景に、#FFFFFFの代わりに#F5F5Fをテキスト色に使うことで目の疲れを軽減できます。

黒(#000000)はすべての光を吸収し、白との組み合わせで最大のコントラスト比(21:1)を提供するため、テキストの可読性に最適です。洗練さ・高級感・権威・ミニマリズムを象徴し、ダークテーマUIの基盤色です。純粋な#000000より少し明るいオフブラック(#0D0D0Dや#1A1A1A)は、ダークテーマでの目の疲れを軽減します。

主な使用例

▸本文テキスト — 白い背景での最高の可読性
▸ダークテーマ背景 — コードエディタ、ターミナル、メディアプレイヤー
▸高級ブランドUI — Apple、Chanel、Porscheのスタイル
▸ボーダーと区切り線 — 視覚的な要素の分離
▸アイコンとSVG — モノクロアイコンのデフォルト色
▸オーバーレイとモーダル背景 — 半透明の黒(rgba)

Black カラー

CSS使用例

主な使用例

関連カラー