HTMLで文字列の色を変えるには以下の構文で対象文字列を囲む必要が有ります。
<font color=○○○>対象文字列</font>
この際、○○○に色を指定しますが、指定方法には16進指定と名前指定の2種類が有ります。
16進指定は16進数6バイトで頭に#をつけたしてい方法です。#00000が黒、#FFFFFFが白になります。左から順にRGB、2バイトです。
名前指定は色の名前で指定する方法です。blackが黒、whiteが白になります。
下の表は16進指定と名前指定それぞれで色指定した場合にどの様に表示されるかのサンプルです。
ここに表示されているのは一例であり、この他にも指定可能な名前が存在します（souheiなど）。
色指定はブラウザに依存している為、名前が対応していない場合や、名前指定と16進指定で色が異なる場合が有ります。
| 16進指定 | 色見本 | 名前指定 | 色見本 | |
|---|---|---|---|---|
| #FFFFFF | test テスト | White | test テスト | |
| #FFFAFA | test テスト | Snow | test テスト | |
| #F8F8FF | test テスト | GhostWhite | test テスト | |
| #F5F5F5 | test テスト | WhiteSmoke | test テスト | |
| #FFFAF0 | test テスト | FloralWhite | test テスト | |
| #FAF0E6 | test テスト | Linen | test テスト | |
| #FAEBD7 | test テスト | AntiqueWhite | test テスト | |
| #FFEFD5 | test テスト | PapayaWhip | test テスト | |
| #FFEBCD | test テスト | BlanchedAlmond | test テスト | |
| #FFE4C4 | test テスト | Bisque | test テスト | |
| #FFE4B5 | test テスト | Moccasin | test テスト | |
| #FFDEAD | test テスト | NavajoWhite | test テスト | |
| #FFDAB9 | test テスト | PeachPuff | test テスト | |
| #FFE4E1 | test テスト | MistyRose | test テスト | |
| #FFF0F5 | test テスト | LavenderBlush | test テスト | |
| #FFF5EE | test テスト | Seashell | test テスト | |
| #FDF5E6 | test テスト | OldLace | test テスト | |
| #FFFFF0 | test テスト | Ivory | test テスト | |
| #F0FFF0 | test テスト | Honeydew | test テスト | |
| #F5FFFA | test テスト | MintCream | test テスト | |
| #F0FFFF | test テスト | Azure | test テスト | |
| #F0F8FF | test テスト | AliceBlue | test テスト | |
| #E6E6FA | test テスト | Lavender | test テスト | |
| #000000 | test テスト | Black | test テスト | |
| #2F4F4F | test テスト | DarkSlateGray | test テスト | |
| #696969 | test テスト | DimGray | test テスト | |
| #808080 | test テスト | Gray | test テスト | |
| #A9A9A9 | test テスト | DarkGray | test テスト | |
| #C0C0C0 | test テスト | Silver | test テスト | |
| #D3D3D3 | test テスト | LightGray | test テスト | |
| #DCDCDC | test テスト | Gainsboro | test テスト | |
| #778899 | test テスト | LightSlateGray | test テスト | |
| #708090 | test テスト | SlateGray | test テスト | |
| #B0C4DE | test テスト | LightSteelBlue | test テスト | |
| #4682B4 | test テスト | SteelBlue | test テスト | |
| #4169E1 | test テスト | RoyalBlue | test テスト | |
| #191970 | test テスト | MidnightBlue | test テスト | |
| #000080 | test テスト | Navy | test テスト | |
| #00008B | test テスト | DarkBlue | test テスト | |
| #0000CD | test テスト | MediumBlue | test テスト | |
| #0000FF | test テスト | Blue | test テスト | |
| #1E90FF | test テスト | DodgerBlue | test テスト | |
| #6495ED | test テスト | CornflowerBlue | test テスト | |
| #00BFFF | test テスト | DeepSkyBlue | test テスト | |
| #87CEFA | test テスト | LightSkyBlue | test テスト | |
| #87CEEB | test テスト | SkyBlue | test テスト | |
| #ADD8E6 | test テスト | LightBlue | test テスト | |
| #B0E0E6 | test テスト | PowderBlue | test テスト | |
| #AFEEEE | test テスト | PaleTurquoise | test テスト | |
| #E0FFFF | test テスト | LightCyan | test テスト | |
| #00FFFF | test テスト | Cyan | test テスト | |
| #00FFFF | test テスト | Aqua | test テスト | |
| #40E0D0 | test テスト | Turquoise | test テスト | |
| #48D1CC | test テスト | MediumTurquoise | test テスト | |
| #00CED1 | test テスト | DarkTurquoise | test テスト | |
| #20B2AA | test テスト | LightSeaGreen | test テスト | |
| #5F9EA0 | test テスト | CadetBlue | test テスト | |
| #008B8B | test テスト | DarkCyan | test テスト | |
| #008080 | test テスト | Teal | test テスト | |
| #2E8B57 | test テスト | SeaGreen | test テスト | |
| #556B2F | test テスト | DarkOliveGreen | test テスト | |
| #006400 | test テスト | DarkGreen | test テスト | |
| #008000 | test テスト | Green | test テスト | |
| #228B22 | test テスト | ForestGreen | test テスト | |
| #3CB371 | test テスト | MediumSeaGreen | test テスト | |
| #8FBC8F | test テスト | DarkSeaGreen | test テスト | |
| #66CDAA | test テスト | MediumAquamarine | test テスト | |
| #7FFFD4 | test テスト | Aquamarine | test テスト | |
| #98FB98 | test テスト | PaleGreen | test テスト | |
| #90EE90 | test テスト | LightGreen | test テスト | |
| #00FF7F | test テスト | SpringGreen | test テスト | |
| #00FA9A | test テスト | MediumSpringGreen | test テスト | |
| #7CFC00 | test テスト | LawnGreen | test テスト | |
| #7FFF00 | test テスト | Chartreuse | test テスト | |
| #ADFF2F | test テスト | GreenYellow | test テスト | |
| #00FF00 | test テスト | Lime | test テスト | |
| #32CD32 | test テスト | LimeGreen | test テスト | |
| #9ACD32 | test テスト | YellowGreen | test テスト | |
| #6B8E23 | test テスト | OliveDrab | test テスト | |
| #808000 | test テスト | Olive | test テスト | |
| #BDB76B | test テスト | DarkKhaki | test テスト | |
| #EEE8AA | test テスト | PaleGoldenrod | test テスト | |
| #FFF8DC | test テスト | Cornsilk | test テスト | |
| #F5F5DC | test テスト | Beige | test テスト | |
| #FFFFE0 | test テスト | LightYellow | test テスト | |
| #FAFAD2 | test テスト | LightGoldenrodYellow | test テスト | |
| #FFFACD | test テスト | LemonChiffon | test テスト | |
| #F5DEB3 | test テスト | Wheat | test テスト | |
| #DEB887 | test テスト | Burlywood | test テスト | |
| #D2B48C | test テスト | Tan | test テスト | |
| #F0E68C | test テスト | Khaki | test テスト | |
| #FFFF00 | test テスト | Yellow | test テスト | |
| #FFD700 | test テスト | Gold | test テスト | |
| #FFA500 | test テスト | Orange | test テスト | |
| #F4A460 | test テスト | SandyBrown | test テスト | |
| #FF8C00 | test テスト | DarkOrange | test テスト | |
| #DAA520 | test テスト | Goldenrod | test テスト | |
| #CD853F | test テスト | Peru | test テスト | |
| #B8860B | test テスト | DarkGoldenrod | test テスト | |
| #D2691E | test テスト | Chocolate | test テスト | |
| #A0522D | test テスト | Sienna | test テスト | |
| #8B4513 | test テスト | SaddleBrown | test テスト | |
| #800000 | test テスト | Maroon | test テスト | |
| #8B0000 | test テスト | DarkRed | test テスト | |
| #A52A2A | test テスト | Brown | test テスト | |
| #B22222 | test テスト | Firebrick | test テスト | |
| #CD5C5C | test テスト | IndianRed | test テスト | |
| #BC8F8F | test テスト | RosyBrown | test テスト | |
| #E9967A | test テスト | DarkSalmon | test テスト | |
| #F08080 | test テスト | LightCoral | test テスト | |
| #FA8072 | test テスト | Salmon | test テスト | |
| #FFA07A | test テスト | LightSalmon | test テスト | |
| #FF7F50 | test テスト | Coral | test テスト | |
| #FF6347 | test テスト | Tomato | test テスト | |
| #FF4500 | test テスト | OrangeRed | test テスト | |
| #FF0000 | test テスト | Red | test テスト | |
| #DC143C | test テスト | Crimson | test テスト | |
| #C71585 | test テスト | MediumVioletRed | test テスト | |
| #FF1493 | test テスト | DeepPink | test テスト | |
| #FF69B4 | test テスト | HotPink | test テスト | |
| #DB7093 | test テスト | PaleVioletRed | test テスト | |
| #FFC0CB | test テスト | Pink | test テスト | |
| #FFB6C1 | test テスト | LightPink | test テスト | |
| #D8BFD8 | test テスト | Thistle | test テスト | |
| #FF00FF | test テスト | Magenta | test テスト | |
| #FF00FF | test テスト | Fuchsia | test テスト | |
| #EE82EE | test テスト | Violet | test テスト | |
| #DDA0DD | test テスト | Plum | test テスト | |
| #DA70D6 | test テスト | Orchid | test テスト | |
| #BA55D3 | test テスト | MediumOrchid | test テスト | |
| #9932CC | test テスト | darkOrchid | test テスト | |
| #9400D3 | test テスト | DarkViolet | test テスト | |
| #8B008B | test テスト | DarkMagenta | test テスト | |
| #800080 | test テスト | Purple | test テスト | |
| #4B0082 | test テスト | Indigo | test テスト | |
| #483D8B | test テスト | DarkSlateBlue | test テスト | |
| #8A2BE2 | test テスト | BlueViolet | test テスト | |
| #9370DB | test テスト | MediumPurple | test テスト | |
| #6A5ACD | test テスト | SlateBlue | test テスト | |
| #7B68EE | test テスト | MediumSlateBlue | test テスト |