色コード

CSSで設定できる色コードまとめ。16進数で指定する以外にも色名でも指定できます。

  • #191970MidnightBlue

  • #696969DimGray

  • #708090SlateGray

  • #778899LightSlateGray

  • #800000Maroon

  • #800080Purple

  • #808000Olive

  • #808080Gray

  • #000000Black

  • #000080Navy

  • #00008bDarkBlue

  • #0000cdMediumBlue

  • #0000ffBlue

  • #006400DarkGreen

  • #008000Green

  • #008080Teal

  • #008b8bDarkCyan

  • #00bfffDeepSkyBlue

  • #00ced1DarkTurquoise

  • #00fa9aMediumSpringGreen

  • #00ff00Lime

  • #00ff7fSpringGreen

  • #00ffffAqua、Cyan

  • #1e90ffDodgerBlue

  • #20b2aaLightSeaGreen

  • #228b22ForestGreen

  • #2e8b57SeaGreen

  • #2f4f4fDarksLateGray

  • #32cd32LimeGreen

  • #3cb371MediumSeaGreen

  • #40e0d0Turquoise

  • #4169e1RoyalBlue

  • #4682b4SteelBlue

  • #483d8bDarksLateBlue

  • #48d1ccMediumTurquoise

  • #4b0082Indigo

  • #556b2fDarkOliveGreen

  • #5f9ea0CadetBlue

  • #6495edCornFlowerBlue

  • #66cdaaMediumAquamarine

  • #6a5acdSlateBlue

  • #6b8e23OliveDrab

  • #7b68eeMediumSlateBlue

  • #7cfc00LawnGreen

  • #7fff00Chartreuse

  • #7fffd4Aquamarine

  • #87ceebSkyBlue

  • #87cefaLightSkyBlue

  • #8a2be2BlueViolet

  • #8b0000DarkRed

  • #8b008bDarkMagenta

  • #8b4513SaddleBrown

  • #8fbc8fDarkSeaGreen

  • #90ee90LightGreen

  • #9370dbMediumPurple

  • #9400d3DarkViolet

  • #98fb98PaleGreen

  • #9932ccDarkOrchid

  • #9acd32YellowGreen

  • #a0522dSienna

  • #a52a2aBrown

  • #a9a9a9DarkGray

  • #add8e6LightBlue

  • #adff2fGreenYellow

  • #afeeeePaleTurquoise

  • #b0c4deLightSteelBlue

  • #b0e0e6PowderBlue

  • #b22222Firebrick

  • #b8860bDarkGoldenrod

  • #ba55d3MediumOrchid

  • #bc8f8fRosyBrown

  • #bdb76bDarkKhaki

  • #c0c0c0Silver

  • #c71585MediumVioletRed

  • #cd5c5cIndianRed

  • #cd853fPeru

  • #d2691eChocolate

  • #d2b48cTan

  • #d3d3d3LightGrey

  • #d8bfd8Thistle

  • #da70d6Orchid

  • #daa520GoldenRod

  • #db7093PaleVioletRed

  • #dc143cCrimson

  • #dcdcdcGainsBoro

  • #dda0ddPlum

  • #deb887BurlyWood

  • #e0ffffLightCyan

  • #e6e6faLavender

  • #e9967aDarkSalmon

  • #ee82eeViolet

  • #eee8aaPaleGoldenRod

  • #f08080LightCoral

  • #f0e68cKhaki

  • #f0f8ffAliceBlue

  • #f0fff0Honeydew

  • #f0ffffAzure

  • #f4a460SandyBrown

  • #f5deb3Wheat

  • #f5f5dcBeige

  • #f5f5f5WhiteSmoke

  • #f5fffaMintCream

  • #f8f8ffGhostWhite

  • #fa8072Salmon

  • #faebd7AntiqueWhite

  • #faf0e6Linen

  • #fafad2LightGoldenRodYellow

  • #fdf5e6Oldlace

  • #ff0000Red

  • #ff00ffFuchsia、Magenta

  • #ff1493DeepPink

  • #ff4500OrangeRed

  • #ff6347Tomato

  • #ff69b4HotPink

  • #ff7f50Coral

  • #ff8c00DarkOrange

  • #ffa07aLightSalmon

  • #ffa500Orange

  • #ffb6c1LightPink

  • #ffc0cbPink

  • #ffd700Gold

  • #ffdab9PeachPuff

  • #ffdeadNavajoWhite

  • #ffe4b5Moccasin

  • #ffe4c4Bisque

  • #ffe4e1MistyRose

  • #ffebcdBlancheDalmond

  • #ffefd5Papayawhip

  • #fff0f5LavenderBlush

  • #fff5eeSeaShell

  • #fff8dcCornSilk

  • #fffacdLemonChiffon

  • #fffaf0FloralWhite

  • #fffafaSnow

  • #ffff00Yellow

  • #ffffe0LightYellow

  • #fffff0Ivory

  • #ffffffWhite