Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Textfarben in CSS Ändern | Einstieg in CSS
CSS-Grundlagen

bookTextfarben in CSS Ändern

Bisher haben wir Farben auf Text auf eine sehr intuitive und unkomplizierte Weise angewendet. Lassen Sie uns jedoch die Details der Farbanwendung genauer betrachten.

Farbe

Textfarbe kann auf ein Textelement mit der CSS-Eigenschaft color angewendet werden, der ein Wert in verschiedenen Formaten zugewiesen werden kann. Die am häufigsten verwendeten Farbwerte sind RGB, Hex und Farbnamen. Betrachten wir das folgende Beispiel, in dem wir den Text rot einfärben.

index.html

index.html

styles.css

styles.css

copy
Note
Hinweis

Spannende Farbvorlagen sind verfügbar unter https://colorhunt.co/.

Formate zur Farbangabe

Eine detaillierte Betrachtung der einzelnen Formate.

Farbname

Reservierte Farbnamen können verwendet werden. Die Liste der reservierten Farben ist verfügbar unter https://htmlcolorcodes.com.

Hex-Format

Hex stellt Farben als sechsstelligen Code dar, der aus drei Paaren von zweistelligen Werten besteht. Jedes Paar repräsentiert die Intensität von Rot, Grün und Blau (in dieser Reihenfolge).

Hex-Format-Werte reichen von 00 (keine Intensität) bis FF (maximale Intensität).

RGB-Format

RGB stellt Farben als eine Reihe von drei Zahlen dar, die der Intensität von Rot, Grün und Blau (in dieser Reihenfolge) entsprechen.

RGB-Formatwerte reichen von 0 (keine Intensität) bis 255 (maximale Intensität).

Note
Hinweis

Sowohl hex- als auch rgb-Werte werden im Webdesign häufig verwendet. Die Wahl zwischen ihnen hängt von den persönlichen Vorlieben und den Anforderungen des Projekts ab.

Transparenz

Transparenz bei rgb-Farben kann durch die Verwendung der rgba-Notation (rot, grün, blau, alpha) erreicht werden, wobei alpha den Grad der Deckkraft oder Transparenz der Farbe angibt.

Der alpha-Wert kann von 0 (vollständig transparent) bis 1 (vollständig deckend) reichen. Zum Beispiel steht der RGBA-Wert rgba(0, 255, 0, 0.5) für eine grüne Farbe mit 50% Deckkraft.

index.html

index.html

styles.css

styles.css

copy
question mark

Was ist der Hauptunterschied zwischen der Hex- und der RGB-Farbangabe?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 8

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

bookTextfarben in CSS Ändern

Swipe um das Menü anzuzeigen

Bisher haben wir Farben auf Text auf eine sehr intuitive und unkomplizierte Weise angewendet. Lassen Sie uns jedoch die Details der Farbanwendung genauer betrachten.

Farbe

Textfarbe kann auf ein Textelement mit der CSS-Eigenschaft color angewendet werden, der ein Wert in verschiedenen Formaten zugewiesen werden kann. Die am häufigsten verwendeten Farbwerte sind RGB, Hex und Farbnamen. Betrachten wir das folgende Beispiel, in dem wir den Text rot einfärben.

index.html

index.html

styles.css

styles.css

copy
Note
Hinweis

Spannende Farbvorlagen sind verfügbar unter https://colorhunt.co/.

Formate zur Farbangabe

Eine detaillierte Betrachtung der einzelnen Formate.

Farbname

Reservierte Farbnamen können verwendet werden. Die Liste der reservierten Farben ist verfügbar unter https://htmlcolorcodes.com.

Hex-Format

Hex stellt Farben als sechsstelligen Code dar, der aus drei Paaren von zweistelligen Werten besteht. Jedes Paar repräsentiert die Intensität von Rot, Grün und Blau (in dieser Reihenfolge).

Hex-Format-Werte reichen von 00 (keine Intensität) bis FF (maximale Intensität).

RGB-Format

RGB stellt Farben als eine Reihe von drei Zahlen dar, die der Intensität von Rot, Grün und Blau (in dieser Reihenfolge) entsprechen.

RGB-Formatwerte reichen von 0 (keine Intensität) bis 255 (maximale Intensität).

Note
Hinweis

Sowohl hex- als auch rgb-Werte werden im Webdesign häufig verwendet. Die Wahl zwischen ihnen hängt von den persönlichen Vorlieben und den Anforderungen des Projekts ab.

Transparenz

Transparenz bei rgb-Farben kann durch die Verwendung der rgba-Notation (rot, grün, blau, alpha) erreicht werden, wobei alpha den Grad der Deckkraft oder Transparenz der Farbe angibt.

Der alpha-Wert kann von 0 (vollständig transparent) bis 1 (vollständig deckend) reichen. Zum Beispiel steht der RGBA-Wert rgba(0, 255, 0, 0.5) für eine grüne Farbe mit 50% Deckkraft.

index.html

index.html

styles.css

styles.css

copy
question mark

Was ist der Hauptunterschied zwischen der Hex- und der RGB-Farbangabe?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 8
some-alt