White Farbe

Weiß — Die Farbe der Klarheit und des Raums

#FFFFFFWhite

Farbwerte

HEX#FFFFFF

RGBrgb(255, 255, 255)

HSLhsl(0°, 0%, 100%)

CSSwhite

Farbton-Palette

#FAFAFA

100

#F5F5F5

200

#ECECEC

300

#E0E0E0

400

#BDBDBD

500

#9E9E9E

Komplementärfarbe

↔

#000000

Black

Analoge Farben

#F5F5F5

White Smoke

#ECECEC

Platinum

CSS-Verwendung

CSS

/* By name */
color: white;
background-color: white;

/* By HEX */
color: #FFFFFF;
background-color: #FFFFFF;

/* By RGB */
color: rgb(255, 255, 255);

/* By HSL */
color: hsl(0deg, 0%, 100%);

/* With opacity */
color: rgba(255, 255, 255, 0.8);
color: hsl(0deg 0% 100% / 80%);

Reines Weiß (#FFFFFF) kann bei längerem Lesen Blendung verursachen. Für leseintensive Interfaces empfiehlt sich Off-White wie #FAFAFA oder #F8F8F8 zur Reduzierung der Augenbelastung.

Weiß (#FFFFFF) reflektiert alles sichtbare Licht und steht für Sauberkeit, Reinheit, Schlichtheit und Offenheit. Es ist die Standard-Hintergrundfarbe für die meisten Websites und Apps. In Kombination mit schwarzem Text bietet es die beste Lesbarkeit. Weißraum ist ein grundlegendes Designprinzip — er gibt Inhalten Raum zum Atmen und verbessert die visuelle Hierarchie.

Häufige Verwendungsfälle

▸Seitenhintergrund — Standard für helle Themes
▸Karten-Komponentenhintergründe — visuelle Gruppierung von Infos
▸Modal-Dialoge — Inhaltsbereich auf dunklem Overlay
▸Formular-Eingabefelder — Hervorhebung von Texteingabebereichen
▸Gesundheitswesen-UI — Sauberkeit und Vertrauen vermitteln
▸Icon-Invertierung — weiße Icons auf dunklen Hintergründen

White Farbe

CSS-Verwendung

Häufige Verwendungsfälle

Verwandte Farben