Über Ghost White
Ghost White (ghostwhite) ist ein sehr helles, lebhaftes Blau mit dem Hex-Code #f8f8ff bzw. rgb(248, 248, 255). Im HSL-Modell liegt es bei einem Farbton von 240°, 100 % Sättigung und 99 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du color: ghostwhite; statt des Hex-Werts schreiben kannst.
Ghost White für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Ghost-White-Text auf Weiß | 1,06 : 1 | nicht bestanden |
| Ghost-White-Text auf Schwarz | 19,86 : 1 | AAA |
Auf einem Ghost-White-Hintergrund solltest du schwarzen Text verwenden (19,86 : 1). WCAG verlangt mindestens 4,5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.
CSS
.element {
color: ghostwhite; /* or #f8f8ff */
background-color: #f8f8ff;
border: 1px solid rgb(248 248 255 / 50%);
}
Ähnliche benannte Farben
Alice Blue (#f0f8ff), Schnee (#fffafa), Minzcreme (#f5fffa), Weiß (#ffffff), Azur (#f0ffff), Weißer Rauch (#f5f5f5).
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.