Skip to content

Color sample#

構文#

<font color='COLOR'>STRING</font>

ピンク系#

  • Pink
  • LightPink
  • HotPink
  • DeepPink
  • PaleVioletRed
  • MediumVioletRed 
<font color='Pink'>Pink</font>  
<font color='LightPink'>LightPink</font>  
<font color='HotPink'>HotPink</font>  
<font color='DeepPink'>DeepPink</font>  
<font color='PaleVioletRed'>PaleVioletRed</font>  
<font color='MediumVioletRed'>MediumVioletRed</font>

パープル系#

  • Lavender
  • Thistle
  • Plum
  • Orchid
  • Violet
  • Fuchsia
  • Magenta
  • MediumOrchid
  • DarkOrchid
  • DarkViolet
  • BlueViolet
  • DarkMagenta
  • Purple
  • MediumPurple
  • MediumSlateBlue
  • SlateBlue
  • DarkSlateBlue
  • RebeccaPurple
  • Indigo 
<font color='Lavender'>Lavender</font>  
<font color='Thistle'>Thistle</font>  
<font color='Plum'>Plum</font>  
<font color='Orchid'>Orchid</font>  
<font color='Violet'>Violet</font>  
<font color='Fuchsia'>Fuchsia</font>  
<font color='Magenta'>Magenta</font>  
<font color='MediumOrchid'>MediumOrchid</font>  
<font color='DarkOrchid'>DarkOrchid</font>  
<font color='DarkViolet'>DarkViolet</font>  
<font color='BlueViolet'>BlueViolet</font>  
<font color='DarkMagenta'>DarkMagenta</font>  
<font color='Purple'>Purple</font>  
<font color='MediumPurple'>MediumPurple</font>  
<font color='MediumSlateBlue'>MediumSlateBlue</font>  
<font color='SlateBlue'>SlateBlue</font>  
<font color='DarkSlateBlue'>DarkSlateBlue</font>  
<font color='RebeccaPurple'>RebeccaPurple</font>  
<font color='Indigo'>Indigo</font>

赤系#

  • LightSalmon
  • Salmon
  • DarkSalmon
  • LightCoral
  • IndianRed
  • Crimson
  • Red
  • FireBrick
  • DarkRed 
<font color='LightSalmon'>LightSalmon</font>  
<font color='Salmon'>Salmon</font>  
<font color='DarkSalmon'>DarkSalmon</font>  
<font color='LightCoral'>LightCoral</font>  
<font color='IndianRed'>IndianRed</font>  
<font color='Crimson'>Crimson</font>  
<font color='Red'>Red</font>  
<font color='FireBrick'>FireBrick</font>  
<font color='DarkRed'>DarkRed</font>

オレンジ系#

  • Orange
  • DarkOrange
  • Coral
  • Tomato
  • OrangeRed 
<font color='Orange'>Orange</font>  
<font color='DarkOrange'>DarkOrange</font>  
<font color='Coral'>Coral</font>  
<font color='Tomato'>Tomato</font>  
<font color='OrangeRed'>OrangeRed</font>

黄色系#

  • Gold
  • Yellow
  • LightYellow
  • LemonChiffon
  • LightGoldenRodYellow
  • PapayaWhip
  • Moccasin
  • PeachPuff
  • PaleGoldenRod
  • Khaki
  • DarkKhaki 
<font color='Gold'>Gold</font>  
<font color='Yellow'>Yellow</font>  
<font color='LightYellow'>LightYellow</font>  
<font color='LemonChiffon'>LemonChiffon</font>  
<font color='LightGoldenRodYellow'>LightGoldenRodYellow</font>  
<font color='PapayaWhip'>PapayaWhip</font>  
<font color='Moccasin'>Moccasin</font>  
<font color='PeachPuff'>PeachPuff</font>  
<font color='PaleGoldenRod'>PaleGoldenRod</font>  
<font color='Khaki'>Khaki</font>  
<font color='DarkKhaki'>DarkKhaki</font>

緑系#

  • GreenYellow
  • Chartreuse
  • LawnGreen
  • Lime
  • LimeGreen
  • PaleGreen
  • LightGreen
  • MediumSpringGreen
  • SpringGreen
  • MediumSeaGreen
  • SeaGreen
  • ForestGreen
  • Green
  • DarkGreen
  • YellowGreen
  • OliveDrab
  • DarkOliveGreen
  • MediumAquaMarine
  • DarkSeaGreen
  • LightSeaGreen
  • DarkCyan
  • Teal 
<font color='GreenYellow'>GreenYellow</font>  
<font color='Chartreuse'>Chartreuse</font>  
<font color='LawnGreen'>LawnGreen</font>  
<font color='Lime'>Lime</font>  
<font color='LimeGreen'>LimeGreen</font>  
<font color='PaleGreen'>PaleGreen</font>  
<font color='LightGreen'>LightGreen</font>  
<font color='MediumSpringGreen'>MediumSpringGreen</font>  
<font color='SpringGreen'>SpringGreen</font>  
<font color='MediumSeaGreen'>MediumSeaGreen</font>  
<font color='SeaGreen'>SeaGreen</font>  
<font color='ForestGreen'>ForestGreen</font>  
<font color='Green'>Green</font>  
<font color='DarkGreen'>DarkGreen</font>  
<font color='YellowGreen'>YellowGreen</font>  
<font color='OliveDrab'>OliveDrab</font>  
<font color='DarkOliveGreen'>DarkOliveGreen</font>  
<font color='MediumAquaMarine'>MediumAquaMarine</font>  
<font color='DarkSeaGreen'>DarkSeaGreen</font>  
<font color='LightSeaGreen'>LightSeaGreen</font>  
<font color='DarkCyan'>DarkCyan</font>  
<font color='Teal'>Teal</font>

シアン系#

  • Aqua
  • Cyan
  • LightCyan
  • PaleTurquoise
  • Aquamarine
  • Turquoise
  • MediumTurquoise
  • DarkTurquoise 
<font color='Aqua'>Aqua</font>  
<font color='Cyan'>Cyan</font>  
<font color='LightCyan'>LightCyan</font>  
<font color='PaleTurquoise'>PaleTurquoise</font>  
<font color='Aquamarine'>Aquamarine</font>  
<font color='Turquoise'>Turquoise</font>  
<font color='MediumTurquoise'>MediumTurquoise</font>  
<font color='DarkTurquoise'>DarkTurquoise</font>

青系#

  • CadetBlue
  • SteelBlue
  • LightSteelBlue
  • LightBlue
  • PowderBlue
  • LightSkyBlue
  • SkyBlue
  • CornflowerBlue
  • DeepSkyBlue
  • DodgerBlue
  • RoyalBlue
  • Blue
  • MediumBlue
  • DarkBlue
  • Navy
  • MidnightBlue 
<font color='CadetBlue'>CadetBlue</font>  
<font color='SteelBlue'>SteelBlue</font>  
<font color='LightSteelBlue'>LightSteelBlue</font>  
<font color='LightBlue'>LightBlue</font>  
<font color='PowderBlue'>PowderBlue</font>  
<font color='LightSkyBlue'>LightSkyBlue</font>  
<font color='SkyBlue'>SkyBlue</font>  
<font color='CornflowerBlue'>CornflowerBlue</font>  
<font color='DeepSkyBlue'>DeepSkyBlue</font>  
<font color='DodgerBlue'>DodgerBlue</font>  
<font color='RoyalBlue'>RoyalBlue</font>  
<font color='Blue'>Blue</font>  
<font color='MediumBlue'>MediumBlue</font>  
<font color='DarkBlue'>DarkBlue</font>  
<font color='Navy'>Navy</font>  
<font color='MidnightBlue'>MidnightBlue</font>

ブラウン系#

  • Cornsilk
  • BlanchedAlmond
  • Bisque
  • NavajoWhite
  • Wheat
  • BurlyWood
  • Tan
  • RosyBrown
  • SandyBrown
  • GoldenRod
  • DarkGoldenRod
  • Peru
  • Chocolate
  • Olive
  • SaddleBrown
  • Sienna
  • Brown
  • Maroon 
<font color='Cornsilk'>Cornsilk</font>  
<font color='BlanchedAlmond'>BlanchedAlmond</font>  
<font color='Bisque'>Bisque</font>  
<font color='NavajoWhite'>NavajoWhite</font>  
<font color='Wheat'>Wheat</font>  
<font color='BurlyWood'>BurlyWood</font>  
<font color='Tan'>Tan</font>  
<font color='RosyBrown'>RosyBrown</font>  
<font color='SandyBrown'>SandyBrown</font>  
<font color='GoldenRod'>GoldenRod</font>  
<font color='DarkGoldenRod'>DarkGoldenRod</font>  
<font color='Peru'>Peru</font>  
<font color='Chocolate'>Chocolate</font>  
<font color='Olive'>Olive</font>  
<font color='SaddleBrown'>SaddleBrown</font>  
<font color='Sienna'>Sienna</font>  
<font color='Brown'>Brown</font>  
<font color='Maroon'>Maroon</font>

白系#

  • White
  • Snow
  • HoneyDew
  • MintCream
  • Azure
  • AliceBlue
  • GhostWhite
  • WhiteSmoke
  • SeaShell
  • Beige
  • OldLace
  • FloralWhite
  • Ivory
  • AntiqueWhite
  • Linen
  • LavenderBlush
  • MistyRose 
<font color='White'>White</font>  
<font color='Snow'>Snow</font>  
<font color='HoneyDew'>HoneyDew</font>  
<font color='MintCream'>MintCream</font>  
<font color='Azure'>Azure</font>  
<font color='AliceBlue'>AliceBlue</font>  
<font color='GhostWhite'>GhostWhite</font>  
<font color='WhiteSmoke'>WhiteSmoke</font>  
<font color='SeaShell'>SeaShell</font>  
<font color='Beige'>Beige</font>  
<font color='OldLace'>OldLace</font>  
<font color='FloralWhite'>FloralWhite</font>  
<font color='Ivory'>Ivory</font>  
<font color='AntiqueWhite'>AntiqueWhite</font>  
<font color='Linen'>Linen</font>  
<font color='LavenderBlush'>LavenderBlush</font>  
<font color='MistyRose'>MistyRose</font>

灰色系#

  • Gainsboro
  • LightGray
  • Silver
  • DarkGray
  • DimGray
  • Gray
  • LightSlateGray
  • SlateGray
  • DarkSlateGray
  • Black 
<font color='Gainsboro'>Gainsboro</font>  
<font color='LightGray'>LightGray</font>  
<font color='Silver'>Silver</font>  
<font color='DarkGray'>DarkGray</font>  
<font color='DimGray'>DimGray</font>  
<font color='Gray'>Gray</font>  
<font color='LightSlateGray'>LightSlateGray</font>  
<font color='SlateGray'>SlateGray</font>  
<font color='DarkSlateGray'>DarkSlateGray</font>  
<font color='Black'>Black</font>