カラーコード 一覧(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診断ツールのご紹介

制作実績一覧

  1. レジェンドプランニング
  2. ポスティングこころざし様
  3. インテリアコーディネーター小島真子

最近の記事

  1. SNS
  2. ブログ記事本文
  3. ブログの見出し
  4. ブログタイトル
  5. 集客ブログの作り方
  6. ブログ集客方法・パソコン操作
  7. 行列
  8. 整体
  9. 老人ホーム
人気の記事 おすすめ記事
  1. フォトギャラリー
  2. 無料素材メニュー
  3. colorcode
  4. まつ毛エクステサロン
  5. 老人ホーム
  1. ブログの見出し
  2. ブログタイトル
  3. 集客ブログの作り方
  4. ブログ集客方法・パソコン操作
  5. 行列