Schwarz Farbcode (#000000)

Schwarz ist #000000 als Hex-Wert und rgb(0, 0, 0) — ein sehr dunkles Schwarz. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut es als Text lesbar ist.

Aktualisiert am

Schwarz
#000000
CSS-Nameblack
Hex#000000
RGBrgb(0, 0, 0)
HSLhsl(0 0% 0%)
HWBhwb(0 0% 100%)
CMYK0%, 0%, 0%, 100%

Töne und Schattierungen

Über Schwarz

Schwarz (black) ist ein sehr dunkles, gedecktes Schwarz mit dem Hex-Code #000000 bzw. rgb(0, 0, 0). In HSL liegt es bei einem Farbton von 0°, 0 % Sättigung und 0 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des Hex-Werts color: black; schreiben kannst.

Schwarz für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Schwarzer Text auf Weiß21.00 : 1AAA
Schwarzer Text auf Schwarz1.00 : 1nicht bestanden

Auf schwarzem Hintergrund verwendest du weißen Text (21.00 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Prüfe weitere Kombinationen mit dem Kontrast-Checker.

CSS

.element {
  color: black;               /* or #000000 */
  background-color: #000000;
  border: 1px solid rgb(0 0 0 / 50%);
}

Ähnliche benannte Farben

Dunkelgrün (#006400), Mitternachtsblau (#191970), Dunkelschiefergrau (#2f4f4f), Grün (#008000), Kastanienbraun (#800000), Marineblau (#000080).

Häufige Fragen

Was ist der Hex-Code für Schwarz?
#000000 — das entspricht rgb(0, 0, 0) und hsl(0, 0%, 0%). In CSS kannst du auch einfach black schreiben.
Ist schwarzer Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 21.00 : 1 und erfüllt damit WCAG AA für normalen Text.
Welche Farben passen gut zu Schwarz?
Schwarz ist neutral und passt daher zu fast jeder Farbe. Verwende es für Hintergründe, Rahmen und Text rund um einen kräftigen Akzent.