~/devtools / color / black
tool::color-guide

Black カラー

黒 — 洗練さと権威の色

ad · 728×90
#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)

関連カラー

Red#FF0000 · RGB(255, 0, 0)
White#FFFFFF · RGB(255, 255, 255)
Coral#FF7F50 · RGB(255, 127, 80)
Gold#FFD700 · RGB(255, 215, 0)
ad · 300×250
カラーコンバーターに戻る
// related tools
Cron Expression Generator
ビジュアルエディタでcron式を作成・解析。次回5回の実行時刻をプレビューし、よく使うプリセットから始められます。
jwt
JWT Decoder
JWTトークンをデコードして内容を確認。ヘッダー・ペイロード・署名の詳細を表示します。
rx
Regex Tester
リアルタイムでマッチをハイライト表示。グループのキャプチャや説明付きで正規表現をテストできます。
ts
Timestamp Converter
Unixタイムスタンプを人間が読める日付に変換。ms/s・UTC/ローカル・相対時刻に対応。