Weiß Farbcode (#ffffff)

Weiß ist #ffffff im HEX-Format und rgb(255, 255, 255) – ein sehr helles Weiß. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut die Farbe als Textfarbe lesbar ist.

Aktualisiert am

Weiß
#ffffff
CSS-Namewhite
Hex#ffffff
RGBrgb(255, 255, 255)
HSLhsl(0 0% 100%)
HWBhwb(0 100% 0%)
CMYK0%, 0%, 0%, 0%

Töne und Schattierungen

Über Weiß

Weiß (white) ist ein sehr helles, zurückhaltendes Weiß mit dem HEX-Code #ffffff oder rgb(255, 255, 255). Im HSL-Modell liegt es bei einem Farbton von 0°, 0 % Sättigung und 100 % Helligkeit. Es ist eine der 148 benannten Farben, die jeder Browser versteht, du kannst также color: white; statt des HEX-Werts schreiben.

Weiß für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Weißer Text auf Weiß1.00 : 1nicht bestanden
Weißer Text auf Schwarz21.00 : 1AAA

Auf weißem Hintergrund eignet sich schwarzer Text (21.00 : 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 Kontrastprüfer.

CSS

.element {
  color: white;               /* or #ffffff */
  background-color: #ffffff;
  border: 1px solid rgb(255 255 255 / 50%);
}

Ähnliche benannte Farben

Schnee (#fffafa), Geisterweiß (#f8f8ff), Mintcreme (#f5fffa), Azurblau (#f0ffff), Elfenbein (#fffff0), Blütenweiß (#fffaf0).

Häufige Fragen

Was ist der HEX-Code für Weiß?
#ffffff – das entspricht rgb(255, 255, 255) und hsl(0, 0%, 100%). In CSS kannst du auch einfach white schreiben.
Ist weißer Text auf Weiß lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.00 : 1 und besteht damit den WCAG-Test nicht. Verwende die Farbe besser zur Dekoration oder auf dunklem Hintergrund.
Welche Farben passen gut zu Weiß?
Weiß ist eine neutrale Farbe und passt zu fast jeder Farbe. Nutze es für Hintergründe, Rahmen und Text rund um einen kräftigeren Akzent.