Black Farbe

Schwarz — Die Farbe der Eleganz und Autorität

#000000Black

Farbwerte

HEX#000000

RGBrgb(0, 0, 0)

HSLhsl(0°, 0%, 0%)

CSSblack

Farbton-Palette

100

#1A1A1A

200

#333333

300

#4D4D4D

400

#666666

500

#808080

600

#999999

Komplementärfarbe

↔

#FFFFFF

White

Analoge Farben

#1A1A1A

Dark Charcoal

#333333

Jet Black

CSS-Verwendung

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%);

Reines Schwarz (#000000) auf reinem Weiß kann bei längerem Lesen anstrengend sein. In Dark Themes empfiehlt sich Off-Black (#0D0D0D–#1A1A1A) als Hintergrund und Off-White (#F5F5F5) als Textfarbe.

Schwarz (#000000) absorbiert alles sichtbare Licht und bietet mit Weiß das maximale Kontrastverhältnis (21:1), ideal für Textlesbarkeit. Es symbolisiert Raffinesse, Luxus, Autorität und Minimalismus und dient als Grundlage für Dunkel-Theme-UIs. Leichte Off-Black-Töne wie #0D0D0D oder #1A1A1A reduzieren die Augenbelastung in Dark Themes.

Häufige Verwendungsfälle

▸Fließtext — maximale Lesbarkeit auf weißem Hintergrund
▸Dunkel-Theme-Hintergründe — Code-Editoren, Terminals, Mediaplayer
▸Luxusmarken-UI — Apple, Chanel, Porsche-Ästhetik
▸Rahmen und Trennlinien — klare visuelle Elementtrennung
▸Icons und SVGs — Standardfarbe für monochrome Icons
▸Overlays und Modal-Hintergründe — halbtransparentes Schwarz (rgba)

Black Farbe

CSS-Verwendung

Häufige Verwendungsfälle

Verwandte Farben