Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Schwarzer Text auf Weiß | 21.00 : 1 | AAA |
| Schwarzer Text auf Schwarz | 1.00 : 1 | nicht 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).
Farbnamen-Finder
Füge einen HEX-Code ein, um den passendsten lesbaren Farbnamen und saubere Token-Namen für dein CSS, SCSS, JavaScript oder deine Tailwind-Konfiguration zu erhalten.