Loading...


CSS Background Color Generator

Konfiguration

Hintergrundfarbe

#000000

Klasse

Vorschau

Code

background-color: #000000;

ReadyTools Academy

Kommt bald

Lerne HTML, CSS und JavaScript kostenlos mit der ReadyTools Academy.

Verfolge deinen Lernfortschritt, wachse in deinem Tempo und habe Spaß dabei! 🎯

CSS Hintergrundfarbengenerator

In CSS können Sie die Hintergrundfarbe von HTML-Elementen mit der Eigenschaft background-color festlegen. Diese Eigenschaft ermöglicht es Ihnen, die Farbe für den Hintergrund eines Elements anzugeben.

So verwenden Sie die Eigenschaft background-color in CSS:

.background-element { background-color: #FF0000; }

In diesem Beispiel:

  • Die Klasse .background-element setzt die Hintergrundfarbe auf Rot (#FF0000).

Sie können die Hintergrundfarbe in verschiedenen Farbnotationen angeben, darunter:

Hexadezimaler Farbcode: Verwenden Sie einen sechsstelligen hexadezimalen Farbcode wie #RRGGBB.

background-color: #00FF00;

RGB-Farbe: Verwenden Sie die RGB-Notation, wobei Sie Rot-, Grün- und Blauwerte zwischen 0 und 255 angeben.

background-color: rgb(255, 0, 0);

RGBA-Farbe: Ähnlich wie RGB, aber mit einem Alpha-Wert (Deckkraft) zwischen 0 und 1.

background-color: rgba(255, 0, 0, 0.5);

Benannte Farben: Verwenden Sie benannte Farben wie Rot, Blau, Grün usw.

background-color: blue;

Die Eigenschaft background-color ist vielseitig und kann für verschiedene HTML-Elemente wie div, p, h1, a usw. verwendet werden. Sie hilft Ihnen, das Erscheinungsbild Ihrer Website-Hintergründe zu steuern und ein ästhetisch ansprechendes Design zu schaffen.


Top-Werkzeuge

CodeHubBoardly NEULinksy NEUChromo NEU

Sprache wählen

Thema wählen

© 2025 ReadyTools. Alle Rechte vorbehalten.