CSSを使う インラインスタイルでプロパティを設定する
文字の色を変更するのに一番いい方法はCSS（カスケーディングスタイルシート）を使うことです。古いHTMLのプロパティ設定は、HMTL5ではすでにサポートが終了しており、CSSを使って要素のスタイル設定をする方法が広く使われています。 この方法は、外部スタイルシート（別のCSSファイル）を利用する場合にも有効です。ここでは内部スタイルシート設定の場合を例にとって説明します。 タグの内側にカーソルを合わせる　内部スタイルシートを使用する場合、このタグの内側でスタイルを定義していきます。 を追加して内部スタイルシートを作成する　<style>タグが<head>タグの内側にある場合、<style>タグ内のCSSは、そのページの該当する要素すべてに適用されます。この時点で、HTMLファイルの先頭部分は、このようになるはずです。  <!DOCTYPE html> <html> <head> <style>  </style> </head> <style>セクションを使って、ページ上の様々な要素の見栄えを定義します。例えば、本文全体のスタイルを変更するには、このように設定します。  <!DOCTYPE html> <html> <head> <style> body {  } </style> </head> color:プロパティは、指定された要素にどのような文字色を使うかを指示するものです。この例では、文字色の変更がページのすべてのテキストのデフォルト要素に適用されます。つまり本文全体の色が変更されることになります。  <!DOCTYPE html> <html> <head> <style> body { 	color: } </style> </head> 色の指定には、色の英語名、16進数のカラーコード、RGBのカラーコードを指定する3つの方法があります。青色を使いたい場合を例にとると、blue、rgb(0, 0, 255)、#0000FFの値が使えます。  <!DOCTYPE html> <html> <head> <style> body { 	color: red; } </style> </head> 様々なセレクタを使用し、ページ内の別々の部分の文字の色をそれぞれ違う色に変更することができます。  <!DOCTYPE html> <html> <head> <style> body { 	color: red; } h1 { 	color: #00FF00; } p { 	color: rgb(0,0,255) } </style> </head> <body>  <h1>このヘッダは緑で表示されます。</h1>  <p>このパラグラフは青で表示されます。</p>  この本文は赤で表示されます。 </body> </html> クラスを定義すると、クラススタイルを即座に追加し、ページ内のあらゆる要素に適用することができます。このファイルの例をとると、「.redtext」のクラスが、指定されるあらゆる要素を赤字表示にします。  <!DOCTYPE html> <html> <head> <style> .redtext { 	color: red; } </style> </head> <body>  <h1 class="redtext">この見出しは赤で表示されます</h1> <p>このパラグラフは通常の色です。</p> <p class="redtext">このパラグラフは赤で表示されます</p>  </body> </html> インラインスタイルのプロパティで、ページ内の特定の要素のスタイルの変更ができます。この方法は、1、2ヶ所のスタイル変更には便利ですが、全体に渡って使い続けることは勧められません。広範囲のスタイル変更には、上に説明した方法を採用します。 インラインスタイルのプロパティを使用して、あらゆる要素の文字色が変更できます。例えば、特定のヘッダの文字色を変更したい場合、ファイル内で該当要素を見つけます。  <!DOCTYPE html> <html> <body>  <h1>これが文字色を変更したいヘッダです</h1>  </body> </html> 変更したい要素の開始タグ内に、style=""を追加します。  <!DOCTYPE html> <html> <body>  <h1 style="">これが文字色を変更したいヘッダです</h1>  </body> </html> プロパティを追加する　ここまでの作業で、例えばこのような状態になります。   <!DOCTYPE html> <html> <body>  <h1 style="color:">これが色を変更したいヘッダです</h1>  </body> </html> 色の定義には3種類あります。色の英語名を使うことも、あるいはRGBや13進法のカラーコードを値として指定することもできます。例えば黄色に変更したい場合は、yellow;、rgb(255,255,0);、 #FFFF00;のどれかを追加します。  <!DOCTYPE html> <html> <body>  <h1 style="color:#FFFF00;">このヘッダは今度は黄色で表示されます</h1>  </body> </html>
HTMLファイルを開く　 <head> <style> 文字の色を変更したい要素を追加する　 要素セレクタにcolor: プロパティを追加する テキストの色を指定する　 別のセレクタを追加し、様々な要素の文字色を変更する　 要素を変更せずにCSSクラスを定義する　 HTMLファイルを開く　 変更したい要素をファイル内で見つける　 要素にスタイルプロパティを追加する　 ""の中にcolor: 文字を変更したい色を指定する　
https://www.wikihow.com/Change-Text-Color-in-HTML https://www.wikihow.com/Change-Text-Color-in-HTML
Using CSS Using Inline Style Attributes