Mit CSS Mit Inline Style-Attributen
Die beste Möglichkeit, die Farbe deines Texts zu ändern, ist mittels CSS. Das alte HTML-Attribut <font> wird in HTML5 nicht mehr unterstützt. Die bevorzugte Methode ist die Verwendung von CSS zur Bestimmung des Stils deiner Elemente. Diese Methode funktioniert auch mit externen Stylesheets (separate CSS-Dateien). Die Beispiele unten sind für eine HTML-Datei mit einem internen Stylesheet. Du wirst deine Styles in diesem Tag definieren, wenn du ein internes Stylesheet verwendest. Wenn das <style> Tag im <head> Tag ist, wird das CSS im <style> Tag auf alle anwendbaren Elemente auf der Seite anwenden. Wenn du fertig bist, sollte der Anfang deiner HTML-Datei in etwa so aussehen:  <!DOCTYPE html> <html> <head> <style>  </style> </head> Du wirst im <style> Bereich das Aussehen der verschiedenen Elemente auf deiner Seite definieren. Um also bspw. den Stil des gesamten body Texts  auf deiner Seite zu ändern, würdest du dies eingeben:  <!DOCTYPE html> <html> <head> <style> body {  } </style> </head> Das color: Attribut wird der Seite angeben, welche Textfarbe für dieses Element verwendet werden soll. In diesem Beispiel wird es die Textfarbe des gesamten body Texts, also das Standardelement für den gesamten Text auf deiner Seite, verändern:  <!DOCTYPE html> <html> <head> <style> body { 	color: } </style> </head> Es gibt drei verschiedene Möglichkeiten, wie du eine Farbe eingeben kannst: Mit dem Namen, dem HEX-Wert oder dem RGB-Wert. Für die Farbe Blau könntest du bspw. blue, rgb(0, 0, 255) oder #0000FF eingeben.  <!DOCTYPE html> <html> <head> <style> body { 	color: red; } </style> </head> Du kannst die verschiedenen Selektoren verwenden, um die Farbe deines Texts für verschiedene der Seite zu ändern :  <!DOCTYPE html> <html> <head> <style> body { 	color: red; } h1 { 	color: #00FF00; } p { 	color: rgb(0,0,255) } </style> </head> <body>  <h1>Diese Überschrift wird grün.</h1>  <p>Dieser Absatz wird blau.</p>  Dieser body Text wird rot. </body> </html> Du kannst eine Klasse definieren und dann auf ein beliebiges Element auf der Seite anwenden, um dieser sofort den Klassen-Stil hinzuzufügen. In der folgenden Datei wird bspw. die Klasse ".redtext" jedes Element, auf das sie angewandt wird, dazu bringen, roten Text zu verwenden:  <!DOCTYPE html> <html> <head> <style> .redtext { 	color: red; } </style> </head> <body>  <h1 class="redtext">Diese Überschrift wird rot</h1> <p>Dieser Absatz wird normal.</p> <p class="redtext">Dieser Absatz wird rot</p>  </body> </html> Du kannst mit Inline Style-Attributen den Stil eines einzelnen Elements auf deiner Seite ändern. Dies kann hilfreich sein für eine oder zwei schnelle Änderungen am Stil, wird aber nicht für eine breitere Anwendung empfohlen. Wende für umfassende Änderungen die vorige Methode an. Du kannst mit Inline Style-Attributen die Textfarbe eines beliebigen Elements ändern. Wenn du bspw. die Textfarbe einer bestimmten Überschrift ändern möchtest, finde sie in deiner Datei:  <!DOCTYPE html> <html> <body>  <h1>Dies ist die Überschrift, die du verändern möchtest</h1>  </body> </html> Tippe style="" in das geöffnete Tag für das gewünschte Element ein:  <!DOCTYPE html> <html> <body>  <h1 style="">Dies ist die Überschrift, die du verändern möchtest</h1>  </body> </html> Beispiel:  <!DOCTYPE html> <html> <body>  <h1 style="color:">Dies ist die Überschrift, die du verändern möchtest</h1>  </body> </html> Es gibt drei Möglichkeiten, wie du eine Farbe ausdrücken kannst. Du kannst ihren Namen eingeben, den RGB-Wert oder den HEX-Wert. Um die Farbe bspw. auf Gelb zu ändern, könntest du yellow;, rgb(255,255,0); oder #FFFF00; eintippen:  <!DOCTYPE html> <html> <body>  <h1 style="color:#FFFF00;">Diese Überschrift ist jetzt gelb</h1>  </body> </html>
Öffne deine HTML-Datei. Setze den Cursor in den <head> Tag. Tippe <style> ein, um ein internes Stylesheet zu erstellen. Tippe das Element ein, dessen Textfarbe du ändern möchtest. Tippe das Attribut color: in den element selector ein. Tippe eine Farbe für den Text ein. Füge weitere Selektoren hinzu, um die Farbe von verschiedenen Elementen zu ändern. Definiere eine CSS Klasse, anstelle ein Element zu ändern. Öffne deine HTML-Datei. Finde das Element, das du verändern möchtest, in der Datei. Füge dem Element das Stil-Attribut hinzu. Tippe das Attribut color: in "" ein. Tippe die Farbe ein, auf die du den Text ändern möchtest.
https://www.wikihow.com/Change-Text-Color-in-HTML https://www.wikihow.com/Change-Text-Color-in-HTML
Using CSS Using Inline Style Attributes