CSSによる色指定

<p style=color:blue;>インラインで色を指定します。</p>

インラインで色を指定します。
表の中でセルに色を付けます。
<td bgcolor="red";>赤</td>セルのバックカラーを指定します。
<td><font color=red>red</font>セル内のフォントに色を付けます。

12色相

バックカラー
カラーコード
フォントカラー
黄橙
"#ff0000""#ffa500""#ffd200""#ffff00"
redorange Yellow-orangeYellow
黄緑 緑青青緑
"#9acd32""#008000""#005455""#002aaa"
Yellow-greengreen green BlueBlue green
青紫 赤紫
"#0000ff""#4000a0""#800080""#a00040"
blueBlue-purple purpleRed-purple

その他の色

バックカラー
goldsilver pinkSalmon
violetlime browngray

グラデーション

HTML
<p class="p1">
CSS
.p1{
width:500px;
background: content-box radial-gradient(crimson, skyblue);
border: double 5px #000;
}

HTML
<p class="p2">
CSS
.p2{
width:500px;
background: content-box linear-gradient(yellow, skyblue);
border: double 5px #000;
}

HTML
<p class="p3">
CSS
.p2{
width:500px;
background: content-box linear-gradient(to left,yellow, skyblue);
border: double 5px #000;
}
top.rightも可botomは不可

HTML
<p class="p4">
CSS
.p4{
width:500px;
background-color: #80ffff;
background-image:
linear-gradient(90deg, #fff 50%, transparent 50%);
background-size: 20px 20px;
}

HTML
<p class="p5">
CSS
.p4{
width:500px;
background-color: #80f;
background-image:
linear-gradient(90deg, #fff 50%, transparent 50%);
background-size: 20px 20px;
}

その他

色のプロパティは,たくさんあるのでその都度調べます.
propatyにマウスを合わせると表示が出ます。
MDN開発者向けのウェブ技術