カラーコード

カラーコード

色のサンプルです。
このようなRGBの16進数で色指定を行います。
「red」や「blue」のような英語でのコード指定も可能です。

このボックスにカラーコードを入れてボタンをクリックすると、
背景色が変化します。
いろいろと試してみてください。
なお、JavaScriptが使える環境でないと動きません。

■#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

■#F0F8FF aliceblue	■#FAEBD7 antiquewhite	■#00FFFF aqua	■#7FFFD4 aquamarine	■#F0FFFF azure
■#F5F5DC beige	■#FFE4C4 bisque	■#000000 black	■#FFEBCD blanchedalmond	■#0000FF blue
■#8A2BE2 blueviolet	■#A52A2A brown	■#DEB887 burlywood	■#5F9EA0 cadetblue	■#7FFF00 chartreuse
■#D2691E chocolate	■#FF7F50 coral	■#6495ED cornflowerblue	■#FFF8DC cornsilk	■#DC143C crimson
■#00FFFF cyan	■#00008B darkblue	■#008B8B darkcyan	■#B8860B darkgoldenrod	■#A9A9A9 darkgray
■#006400 darkgreen	■#BDB76B darkkhaki	■#8B008B darkmagenta	■#556B2F darkolivegreen	■#FF8C00 darkorange
■#9932CC darkorchid	■#8B0000 darkred	■#E9967A darksalmon	■#8FBC8F darkseagreen	■#483D8B darkslateblue
■#2F4F4F darkslategray	■#00CED1 darkturquoise	■#9400D3 darkviolet	■#FF1493 deeppink	■#00BFFF deepskyblue
■#696969 dimgray	■#1E90FF dodgerblue	■#B22222 firebrick	■#FFFAF0 floralwhite	■#228B22 forestgreen
■#FF00FF fuchsia	■#DCDCDC gainsboro	■#F8F8FF ghostwhite	■#FFD700 gold	■#DAA520 goldenrod
■#808080 gray	■#008000 green	■#ADFF2F greenyellow	■#F0FFF0 honeydew	■#FF69B4 hotpink
■#CD5C5C indianred	■#4B0082 indigo	■#FFFFF0 ivory	■#F0E68C khaki	■#E6E6FA lavender
■#FFF0F5 lavenderblush	■#7CFC00 lawngreen	■#FFFACD lemonchiffon	■#ADD8E6 lightblue	■#F08080 lightcoral
■#E0FFFF lightcyan	■#FAFAD2 lightgoldenrodyellow	■#90EE90 lightgreen	■#D3D3D3 lightgrey	■#FFB6C1 lightpink
■#FFA07A lightsalmon	■#20B2AA lightseagreen	■#87CEFA lightskyblue	■#778899 lightslategray	■#B0C4DE lightsteelblue
■#FFFFE0 lightyellow	■#00FF00 lime	■#32CD32 limegreen	■#FAF0E6 linen	■#FF00FF magenta
■#800000 maroon	■#66CDAA mediumaquamarine	■#0000CD mediumblue	■#BA55D3 mediumorchid	■#9370DB mediumpurple
■#3CB371 mediumseagreen	■#7B68EE mediumslateblue	■#00FA9A mediumspringgreen	■#48D1CC mediumturquoise	■#C71585 mediumvioletred
■#191970 midnightblue	■#F5FFFA mintcream	■#FFE4E1 mistyrose	■#FFE4B5 moccasin	■#FFDEAD navajowhite
■#000080 navy	■#FDF5E6 oldlace	■#808000 olive	■#6B8E23 olivedrab	■#FFA500 orange
■#FF4500 orangered	■#DA70D6 orchid	■#EEE8AA palegoldenrod	■#98FB98 palegreen	■#AFEEEE paleturquoise
■#DB7093 palevioletred	■#FFEFD5 papayawhip	■#FFDAB9 peachpuff	■#CD853F peru	■#FFC0CB pink
■#DDA0DD plum	■#B0E0E6 powderblue	■#800080 purple	■#FF0000 red	■#BC8F8F rosybrown
■#4169E1 royalblue	■#8B4513 saddlebrown	■#FA8072 salmon	■#F4A460 sandybrown	■#2E8B57 seagreen
■#FFF5EE seashell	■#A0522D sienna	■#C0C0C0 silver	■#87CEEB skyblue	■#6A5ACD slateblue
■#708090 slategray	■#FFFAFA snow	■#00FF7F springgreen	■#4682B4 steelblue	■#D2B48C tan
■#008080 teal	■#D8BFD8 thistle	■#FF6347 tomato	■#40E0D0 turquoise	■#EE82EE violet
■#F5DEB3 wheat	■#FFFFFF white	■#F5F5F5 whitesmoke	■#FFFF00 yellow	■#9ACD32 yellowgreen