Textfarben in CSS Ändern
Bisher wurden Farben auf Text auf eine sehr intuitive und unkomplizierte Weise angewendet. Nun betrachten wir die Details der Farbanwendung.
Farbe
Die Textfarbe kann mit der CSS-Eigenschaft color auf ein Textelement angewendet werden. Dieser Eigenschaft können Werte in verschiedenen Formaten zugewiesen werden. Die am häufigsten verwendeten Farbwerte sind RGB, Hex und Farbnamen. Im folgenden Beispiel wird Rot auf den Text angewendet.
index.html
styles.css
Hinweis
Spannende Farbvorlagen sind verfügbar unter https://colorhunt.co/.
Formate zur Farbangabe
Eine detaillierte Betrachtung der einzelnen Formate.
Farbname
Verwendung reservierter Farbnamen. 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-Werte reichen von 0 (keine Intensität) bis 255 (maximale Intensität).
Hinweis
Sowohl hex- als auch rgb-Werte werden häufig im Webdesign 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
styles.css
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Can you explain the difference between hex, rgb, and color names in CSS?
How do I use rgba to add transparency to a color?
Where can I find a list of all available color names?
Awesome!
Completion rate improved to 2.56Textfarben in CSS Ändern
Swipe um das Menü anzuzeigen
Bisher wurden Farben auf Text auf eine sehr intuitive und unkomplizierte Weise angewendet. Nun betrachten wir die Details der Farbanwendung.
Farbe
Die Textfarbe kann mit der CSS-Eigenschaft color auf ein Textelement angewendet werden. Dieser Eigenschaft können Werte in verschiedenen Formaten zugewiesen werden. Die am häufigsten verwendeten Farbwerte sind RGB, Hex und Farbnamen. Im folgenden Beispiel wird Rot auf den Text angewendet.
index.html
styles.css
Hinweis
Spannende Farbvorlagen sind verfügbar unter https://colorhunt.co/.
Formate zur Farbangabe
Eine detaillierte Betrachtung der einzelnen Formate.
Farbname
Verwendung reservierter Farbnamen. 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-Werte reichen von 0 (keine Intensität) bis 255 (maximale Intensität).
Hinweis
Sowohl hex- als auch rgb-Werte werden häufig im Webdesign 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
styles.css
Danke für Ihr Feedback!
