カラーコード 一覧(Color Code)作成ツール

colorcode

カラーコード (Color Code) 作成ツール

カラーコード(16進)一覧

※見えにくい部分は、カラー上にマウスを移動するとツールチップに「カラー名」が表示されます。

#000000 #000033 #000066 #000099 #0000cc #0000ff
#003300 #003333 #003366 #003399 #0033cc #0033ff
#006600 #006633 #006666 #006699 #0066cc #0066ff
#009900 #009933 #009966 #009999 #0099cc #0099ff
#00cc00 #00cc33 #00cc66 #00cc99 #00cccc #00ccff
#00ff00 #00ff33 #00ff66 #00ff99 #00ffcc #00ffff
#330000 #330033 #330066 #330099 #3300cc #3300ff
#333300 #333333 #333366 #333399 #3333cc #3333ff
#336600 #336633 #336666 #336699 #3366cc #3366ff
#339900 #339933 #339966 #339999 #3399cc #3399ff
#33cc00 #33cc33 #33cc66 #33cc99 #33cccc #33ccff
#33ff00 #33ff33 #33ff66 #33ff99 #33ffcc #33ffff
#660000 #660033 #660066 #660099 #6600cc #6600ff
#663300 #663333 #663366 #663399 #6633cc #6633ff
#666600 #666633 #666666 #666699 #6666cc #6666ff
#669900 #669933 #669966 #669999 #6699cc #6699ff
#66cc00 #66cc33 #66cc66 #66cc99 #66cccc #66ccff
#66ff00 #66ff33 #66ff66 #66ff99 #66ffcc #66ffff
#990000 #990033 #990066 #990099 #9900cc #9900ff
#993300 #993333 #993366 #993399 #9933cc #9933ff
#996600 #996633 #996666 #996699 #9966cc #9966ff
#999900 #999933 #999966 #999999 #9999cc #9999ff
#99cc00 #99cc33 #99cc66 #99cc99 #99cccc #99ccff
#99ff00 #99ff33 #99ff66 #99ff99 #99ffcc #99ffff
#cc0000 #cc0033 #cc0066 #cc0099 #cc00cc #cc00ff
#cc3300 #cc3333 #cc3366 #cc3399 #cc33cc #cc33ff
#cc6600 #cc6633 #cc6666 #cc6699 #cc66cc #cc66ff
#cc9900 #cc9933 #cc9966 #cc9999 #cc99cc #cc99ff
#cccc00 #cccc33 #cccc66 #cccc99 #cccccc #ccccff
#ccff00 #ccff33 #ccff66 #ccff99 #ccffcc #ccffff
#ff0000 #ff0033 #ff0066 #ff0099 #ff00cc #ff00ff
#ff3300 #ff3333 #ff3366 #ff3399 #ff33cc #ff33ff
#ff6600 #ff6633 #ff6666 #ff6699 #ff66cc #ff66ff
#ff9900 #ff9933 #ff9966 #ff9999 #ff99cc #ff99ff
#ffcc00 #ffcc33 #ffcc66 #ffcc99 #ffcccc #ffccff
#ffff00 #ffff33 #ffff66 #ffff99 #ffffcc #ffffff

スタイルシート(CSS)のcolorプロパティに設定できるカラーの値を表形式で表示します。

※見えにくい部分は、カラー上にマウスを移動するとツールチップに「カラー名」が表示されます。

ActiveBorder ActiveCaption ActiveCaptionText AppWorkspace
ControlDark ControlDarkDark ControlLight ControlLightLight
Desktop GrayText Highlight HighlightText
InactiveBorder InactiveCaption InactiveCaptionText Info
Control ControlText HotTrack InfoText
Menu MenuText ScrollBar Window
WindowText Transparent AliceBlue AntiqueWhite
Aquamarine Azure Beige Bisque
BlanchedAlmond Blue BlueViolet Brown
WindowFrame Aqua Black BurlyWood
CadetBlue Chartreuse Chocolate Coral
Cornsilk Crimson Cyan DarkBlue
DarkGoldenrod DarkGray DarkGreen DarkKhaki
DarkOliveGreen DarkOrange DarkOrchid DarkRed
CornflowerBlue DarkCyan DarkMagenta DarkSalmon
DarkSeaGreen DarkSlateBlue DarkSlateGray DarkTurquoise
DeepPink DeepSkyBlue DimGray DodgerBlue
FloralWhite ForestGreen Fuchsia Gainsboro
Gold Goldenrod Gray Green
DarkViolet Firebrick GhostWhite GreenYellow
Honeydew HotPink IndianRed Indigo
Khaki Lavender LavenderBlush LawnGreen
LightBlue LightCoral LightCyan LightGoldenrodYellow
LightGreen LightPink LightSalmon LightSeaGreen
Ivory LemonChiffon LightGray LightSkyBlue
LightSlateGray LightSteelBlue LightYellow Lime
Linen Magenta Maroon MediumAquamarine
MediumOrchid MediumPurple MediumSeaGreen MediumSlateBlue
MediumTurquoise MediumVioletRed MidnightBlue MintCream
LimeGreen MediumBlue MediumSpringGreen MistyRose
Moccasin NavajoWhite Navy OldLace
OliveDrab Orange OrangeRed Orchid
PaleGreen PaleTurquoise PaleVioletRed PapayaWhip
Peru Pink Plum PowderBlue
Olive PaleGoldenrod PeachPuff Purple
Red RosyBrown RoyalBlue SaddleBrown
SandyBrown SeaGreen SeaShell Sienna
SkyBlue SlateBlue SlateGray Snow
SteelBlue Tan Teal Thistle
Salmon Silver SpringGreen Tomato
Turquoise Violet Wheat White
Yellow YellowGreen ButtonFace ButtonHighlight
WhiteSmoke ButtonShadow

関連記事

  1. seo診断ツール

    ホームページ診断・SEO診断ツールのご紹介