配色テスト カラー シュミレーション

左の部分(ブロック)を選択(クリック)し、色を選択(クリック)。(マウス操作だけでしか使えない仕様です)
Web safe color&Unix color Combination Simulator
This page is operated by seeing for the mouse operation. These colors are The web safe color. Please select the color after selecting the part.

配色アクセシビリティにも、認識を広めましょう。色覚異常の場合の見えかたの例 日本人男子 約20人に1人出現

  Part:ヘッド部分
ナビ
部分
 
本文部分
 
  フッター部分
 
Web safe color
#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

Unix color
Black = #000000 Maroon = #800000
Navy = #000080 Purple = #800080
DarkBlue = #00008B Olive = #808000
MediumBlue = #0000CD Gray = #808080
Blue = #0000FF SkyBlue = #87CEEB
DarkGreen = #006400 LightSkyBlue = #87CEFA
Green = #008000 BlueViolet = #8A2BE2
Teal = #008080 DarkRed = #8B0000
DarkCyan = #008B8B DarkMagenta = #8B008B
DeepSkyBlue = #00BFFF SaddleBrown = #8B4513
DarkTurquoise = #00CED1 DarkSeaGreen = #8FBC8F
MediumSpringGreen = #00FA9A LightGreen = #90EE90
Lime = #00FF00 MediumPurple = #9370DB
SpringGreen = #00FF7F DarkViolet = #9400D3
Aqua = #00FFFF PaleGreen = #98FB98
Cyan = #00FFFF DarkOrchid = #9932CC
MidnightBlue = #191970 YellowGreen = #9ACD32
DodgerBlue = #1E90FF Sienna = #A0522D
LightSeaGreen = #20B2AA Brown = #A52A2A
ForestGreen = #228B22 DarkGray = #A9A9A9
SeaGreen = #2E8B57 LightBlue = #ADD8E6
DarkSlateGray = #2F4F4F GreenYellow = #ADFF2F
LimeGreen = #32CD32 PaleTurquoise = #AFEEEE
MediumSeaGreen = #3CB371 LightSteelBlue = #B0C4DE
Turquoise = #40E0D0 PowderBlue = #B0E0E6
RoyalBlue = #4169E1 FireBrick = #B22222
SteelBlue = #4682B4 DarkGoldenrod = #B8860B
DarkSlateBlue = #483D8B  
MediumTurquoise = #48D1CC  
Indigo = #4B0082  
DarkOliveGreen = #556B2F  
CadetBlue = #5F9EA0  
CornflowerBlue = #6495ED  
MediumAquamarine = #66CDAA  
DimGray = #696969  
SlateBlue = #6A5ACD  
OliveDrab = #6B8E23  
SlateGray = #708090  
LightSlateGray = #778899  
MediumSlateBlue = #7B68EE  
LawnGreen = #7CFC00  
Chartreuse = #7FFF00  
Aquamarine = #7FFFD4  
MediumOrchid = #BA55D3 Red = #FF0000
RosyBrown = #BC8F8F Fuchsia = #FF00FF
DarkKhaki = #BDB76B Magenta = #FF00FF
Silver = #C0C0C0 DeepPink = #FF1493
MediumVioletRed = #C71585 OrangeRed = #FF4500
IndianRed = #CD5C5C Tomato = #FF6347
Peru = #CD853F HotPink = #FF69B4
Chocolate = #D2691E Coral = #FF7F50
Tan = #D2B48C DarkOrange = #FF8C00
LightGrey = #D3D3D3 LightSalmon = #FFA07A
Thistle = #D8BFD8 Orange = #FFA500
Orchid = #DA70D6 LightPink = #FFB6C1
Goldenrod = #DAA520 Pink = #FFC0CB
PaleVioletRed = #DB7093 Gold = #FFD700
Crimson = #DC143C PeachPuff = #FFDAB9
Gainsboro = #DCDCDC NavajoWhite = #FFDEAD
Plum = #DDA0DD Moccasin = #FFE4B5
BurlyWood = #DEB887 Bisque = #FFE4C4
LightCyan = #E0FFFF MistyRose = #FFE4E1
Lavender = #E6E6FA BlanchedAlmond = #FFEBCD
DarkSalmon = #E9967A PapayaWhip = #FFEFD5
Violet = #EE82EE LavenderBlush = #FFF0F5
PaleGoldenrod = #EEE8AA Seashell = #FFF5EE
LightCoral = #F08080 Cornsilk = #FFF8DC
Khaki = #F0E68C LemonChiffon = #FFFACD
AliceBlue = #F0F8FF FloralWhite = #FFFAF0
Honeydew = #F0FFF0 Snow = #FFFAFA
Azure = #F0FFFF Yellow = #FFFF00
SandyBrown = #F4A460 LightYellow = #FFFFE0
Wheat = #F5DEB3 Ivory = #FFFFF0
Beige = #F5F5DC White = #FFFFFF
WhiteSmoke = #F5F5F5  
MintCream = #F5FFFA  
GhostWhite = #F8F8FF  
Salmon = #FA8072  
AntiqueWhite = #FAEBD7  
Linen = #FAF0E6  
LightGoldenrodYellow = #FAFAD2  
OldLace = #FDF5E6  

(有)ピュアパルスpure-pulse.com