HOBBY_HTML
MENU
COLOR
RGB
COLORNAME
CHARACTER
SPECIAL
FONT
×
 
COLOR
RGB…#??????で色指定できるものの紹介です。*??は00〜FFの16進数*
COLORNAME…代替文字列で指定できる色の紹介です。
RGB(Web safe colorのみ)
R G Bそれぞれの値が00,33,66,99,CC,FFでしたら256色以上の環境で
ほぼ同色表示されるようなので、それらを選択できるようにしました。
BG FONT BGかFONTを選択して好きな色を選んで下さい
BGC#FFFFFFJ
FOC#000000
COLORNAME
High color以上の環境で同色表示されることが期待されますがブラウザ
環境などによって定義色が異なる場合もあるらしく難しいところです。
この系統の色がみたいという方は下の〜系のボタンを押してみて下さい。
全 部 灰 系 赤 系 橙 系 黄 系 黄緑系 緑 系  
春緑系 青緑系 鋼 系 青 系 青紫系 赤紫系 桃紫系
下のカラーネーム一覧のどれかをclickすると、メニュー下のTDの背景色が
変わります(文字色は黒)
TDはTD右下の×で閉じますが、閉じないで絵文字対応表の絵文字を
選ぶとその背景色のままで絵文字を拡大表示します
■#FFFFFF…WHITE
■#FFFAFA…SNOW
■#F8F8FF…GHOSTWHITE
■#F5FFFA…MINTCREAM
■#F0FFFF…AZURE
■#FFFFF0…IVORY
■#FFFAF0…FLORALWHITE
■#F0F8FF…ALICEBLUE
■#FFF0F5…LAVENDERBLUSH
■#FFF5EE…SEASHELL
■#F5F5F5…WHITESMOKE
■#F0FFF0…HONEYDEW
■#FFFFE0…LIGHTYELLOW
■#E0FFFF…LIGHTCYAN
■#FDF5E6…OLDLACE
■#FFF8DC…CORNSILK
■#FAF0E6…LINEN
■#FFFACD…LEMONCHIFFON
■#FAFAD2…LIGHTGOLDENRODYELLOW
■#F5F5DC…BEIGE
■#E6E6FA…LAVENDER
■#FFE4E1…MISTYROSE
■#FFEFD5…PAPAYAWHIP
■#FAEBD7…ANTIQUEWHITE
■#FFEBCD…BLANCHEDALMOND
■#FFE4C4…BISQUE
■#FFE4B5…MOCCASIN
■#DCDCDC…GAINSBORO
■#FFDAB9…PEACHPUFF
■#AFEEEE…PALETURQUOISE
■#FFDEAD…NAVAJOWHITE
■#FFC0CB…PINK
■#F5DEB3…WHEAT
■#EEE8AA…PALEGOLDENROD
■#D3D3D3…LIGHTGREY
■#FFB6C1…LIGHTPINK
■#B0E0E6…POWDERBLUE
■#D8BFD8…THISTLE
■#ADD8E6…LIGHTBLUE
■#F0E68C…KHAKI
■#EE82EE…VIOLET
■#DDA0DD…PLUM
■#7FFFD4…AQUAMARINE
■#B0C4DE…LIGHTSTEELBLUE
■#87CEFA…LIGHTSKYBLUE
■#87CEEB…SKYBLUE
■#C0C0C0…SILVER
■#98FB98…PALEGREEN
■#DA70D6…ORCHID
■#DEB887…BURLYWOOD
■#FF69B4…HOTPINK
■#FFA07A…LIGHTSALMON
■#D2B48C…TAN
■#90EE90…LIGHTGREEN
■#FFFF00…YELLOW
■#00FFFF…AQUA
■#FF00FF…FUCHSIA
■#00FFFF…CYAN
■#FF00FF…MAGENTA
■#A9A9A9…DARKGRAY
■#E9967A…DARKSALMON
■#F4A460…SANDYBROWN
■#40E0D0…TURQUOISE
■#F08080…LIGHTCORAL
■#FA8072…SALMON
■#6495ED…CORNFLOWERBLUE
■#48D1CC…MEDIUMTURQUOISE
■#BA55D3…MEDIUMORCHID
■#BDB76B…DARKKHAKI
■#DB7093…PALEVIOLETRED
■#9370DB…MEDIUMPURPLE
■#66CDAA…MEDIUMAQUAMARINE
■#ADFF2F…GREENYELLOW
■#8FBC8F…DARKSEAGREEN
■#BC8F8F…ROSYBROWN
■#FFD700…GOLD
■#7B68EE…MEDIUMSLATEBLUE
■#FF7F50…CORAL
■#00BFFF…DEEPSKYBLUE
■#1E90FF…DODGERBLUE
■#FF6347…TOMATO
■#FF1493…DEEPPINK
■#FFA500…ORANGE
■#00CED1…DARKTURQUOISE
■#DAA520…GOLDENROD
■#5F9EA0…CADETBLUE
■#9ACD32…YELLOWGREEN
■#778899…LIGHTSLATEGRAY
■#9932CC…DARKORCHID
■#8A2BE2…BLUEVIOLET
■#00FA9A…MEDIUMSPRINGGREEN
■#CD853F…PERU
■#6A5ACD…SLATEBLUE
■#FF8C00…DARKORANGE
■#CD5C5C…INDIANRED
■#808080…GRAY
■#708090…SLATEGRAY
■#00FF7F…SPRINGGREEN
■#7FFF00…CHARTREUSE
■#4682B4…STEELBLUE
■#20B2AA…LIGHTSEAGREEN
■#7CFC00…LAWNGREEN
■#9400D3…DARKVIOLET
■#C71585…MEDIUMVIOLETRED
■#3CB371…MEDIUMSEAGREEN
■#D2691E…CHOCOLATE
■#B8860B…DARKGOLDENROD
■#FF4500…ORANGERED
■#696969…DIMGRAY
■#416990…ROYALBLUE
■#32CD32…LIMEGREEN
■#DC143C…CRIMSON
■#A0522D…SIENNA
■#6B8E23…OLIVEDRAB
■#008B8B…DARKCYAN
■#8B008B…DARKMAGENTA
■#483D8B…DARKSLATEBLUE
■#2E8B57…SEAGREEN
■#808000…OLIVE
■#800080…PURPLE
■#008080…TEAL
■#00FF00…LIME
■#FF0000…RED
■#0000FF…BLUE
■#A52A2A…BROWN
■#B22222…FIREBRICK
■#556B2F…DARKOLIVEGREEN
■#8B4513…SADDLEBROWN
■#228B22…FORESTGREEN
■#2F4F4F…DARKSLATEGRAY
■#4B0082…INDIGO
■#0000CD…MEDIUMBLUE
■#191970…MIDNIGHTBLUE
■#8B0000…DARKRED
■#00008B…DARKBLUE
■#800000…MAROON
■#008000…GREEN
■#000080…NAVY
■#006400…DARKGREEN
■#000000…BLACK

CHARACTER
表中の文字コードは10進数ですが、16進数で表記したい方は10進数を
16進数に変換して&#x??;として下さい。
SPECIAL…背景が この色 のcharはHTMLでよく使う便利なcharです。
Fontの種類を変えてしまうと正しく表示されないことがあります。
特殊文字
charentitycode
"""
&&&
<&lt;&#60;
>&gt;&#62;
 &nbsp;&#160;
¡&iexcl;&#161;
¢&cent;&#162;
£&pound;&#163;
¤&curren;&#164;
¥&yen;&#165;
¦&brvbar;&#166;
§&sect;&#167;
¨&uml;&#168;
©&copy&#169;
ª&ordf;&#170;
«&laquo;&#171;
¬&not;&#172;
­&shy;&#173;
®&reg;&#174;
¯&macr;&#175;
°&deg;&#176;
±&plusmn;&#177;
²&sup2;&#178;
³&sup3;&#179;
´&acute;&#180;
µ&micro;&#181;
&para;&#182;
·&middot;&#183;
¸&cedil;&#184;
¹&sup1;&#185;
º&ordm;&#186;
»&raquo;&#187;
¼&frac14;&#188;
½&frac12;&#189;
¾&frac34;&#190;
¿&iquest;&#191;
À&Agrave;&#192;
Á&Aacute;&#193;
Â&Acirc;&#194;
Ã&Atilde;&#195;
Ä&Auml;&#196;
Å&Aring;&#197;
Æ&AElig;&#198;
Ç&Ccedil;&#199;
È&Egrave;&#200;
É&Eacute;&#201;
Ê&Ecirc;&#202;
Ë&Euml;&#203;
Ì&Igrave;&#204;
Í&Iacute;&#205;
Î&Icirc;&#206;
Ï&Iuml;&#207;
Ð&ETH;&#208;
Ñ&Ntilde;&#209;
Ò&Ograve;&#210;
Ó&Oacute;&#211;
Ô&Ocirc;&#212;
Õ&Otilde;&#213;
Ö&Ouml;&#214;
×&times;&#215;
Ø&Oslash;&#216;
Ù&Ugrave;&#217;
Ú&Uacute;&#218;
Û&Ucirc;&#219;
Ü&Uuml;&#220;
Ý&Yacute;&#221;
Þ&THORN;&#222;
ß&szlig;&#223;
à&agrave;&#224;
á&aacute;&#225;
â&acirc;&#226;
ã&atilde;&#227;
ä&auml;&#228;
å&aring;&#229;
æ&aelig;&#230;
ç&ccedil;&#231;
è&egrave;&#232;
é&eacute;&#233;
ê&ecirc;&#234;
ë&euml;&#235;
ì&igrave;&#236;
í&iacute;&#237;
î&icirc;&#238;
ï&iuml;&#239;
charentitycode
ð&eth;&#240;
ñ&ntilde;&#241;
ò&ograve;&#242;
ó&oacute;&#243;
ô&ocirc;&#244;
õ&otilde;&#245;
ö&ouml;&#246;
÷&divide;&#247;
ø&oslash;&#248;
ù&ugrave;&#249;
ú&uacute;&#250;
û&ucirc;&#251;
ü&uuml;&#252;
ý&yacute;&#253;
þ&thorn;&#254;
ÿ&yuml;&#255;
Œ&OElig;&#338;
œ&oelig;&#339;
Š&Scaron;&#352;
š&scaron;&#353;
Ÿ&Yuml;&#376;
ƒ&fnof;&#402;
ˆ&circ;&#710;
˜&tilde;&#732;
Α&Alpha;&#913;
Β&Beta;&#914;
Γ&Gamma;&#915;
Δ&Delta;&#916;
Ε&Epsilon;&#917;
Ζ&Zeta;&#918;
Η&Eta;&#919;
Θ&Theta;&#920;
Ι&Iota;&#921;
Κ&Kappa;&#922;
Λ&Lambda;&#923;
Μ&Mu;&#924;
Ν&Nu;&#925;
Ξ&Xi;&#926;
Ο&Omicron;&#927;
Π&Pi;&#928;
Ρ&Rho;&#929;
Σ&Sigma;&#931;
Τ&Tau;&#932;
Υ&Upsilon;&#933;
Φ&Phi;&#934;
Χ&Chi;&#935;
Ψ&Psi;&#936;
Ω&Omega;&#937;
α&alpha;&#945;
β&beta;&#946;
γ&gamma;&#947;
δ&delta;&#948;
ε&epsilon;&#949;
ζ&zeta;&#950;
η&eta;&#951;
θ&theta;&#952;
ι&iota;&#953;
κ&kappa;&#954;
λ&lambda;&#955;
μ&mu;&#956;
ν&nu;&#957;
ξ&xi;&#958;
ο&omicron;&#959;
π&pi;&#960;
ρ&rho;&#961;
ς&sigmaf;&#962;
σ&sigma;&#963;
τ&tau;&#964;
υ&upsilon;&#965;
φ&phi;&#966;
χ&chi;&#967;
ψ&psi;&#968;
ω&omega;&#969;
ϑ&thetasym;&#977;
ϒ&upsih;&#978;
ϓ&piv;&#982;
&ensp;&#8194;
&emsp;&#8195;
&thinsp;&#8201;
&zwnj;&#8204;
&zwj;&#8205;
&lrm;&#8206;
&rlm;&#8207;
&ndash;&#8211;
charentitycode
&mdash;&#8212;
&lsquo;&#8216;
&rsquo;&#8217;
&sbquo;&#8218;
&ldquo;&#8220;
&rdquo;&#8221;
&bdquo;&#8222;
&dagger;&#8224;
&Dagger;&#8225;
&bull;&#8226;
&hellip;&#8230;
&permil;&#8240;
&prime;&#8242;
&Prime;&#8243;
&lsaquo;&#8249;
&rsaquo;&#8250;
&oline;&#8254;
&frasl;&#8260;
&euro;&#8364;
&image;&#8465;
&weierp;&#8472;
&real;&#8476;
&trade;&#8482;
&alefsym;&#8501;
&larr;&#8592;
&uarr;&#8593;
&rarr;&#8594;
&darr;&#8595;
&harr;&#8596;
&crarr;&#8629;
&lArr;&#8656;
&uArr;&#8657;
&rArr;&#8658;
&dArr;&#8659;
&hArr;&#8660;
&forall;&#8704;
&part;&#8706;
&exist;&#8707;
&empty;&#8709;
&nabla;&#8711;
&isin;&#8712;
&notin;&#8713;
&ni;&#8715;
&prod;&#8719;
&sum;&#8721;
&minus;&#8722;
&lowast;&#8727;
&radic;&#8730;
&prop;&#8733;
&infin;&#8734;
&ang;&#8736;
&and;&#8743;
&or;&#8744;
&cap;&#8745;
&cup;&#8746;
&int;&#8747;
&there4;&#8756;
&sim;&#8764;
&cong;&#8773;
&asymp;&#8776;
&ne;&#8800;
&equiv;&#8801;
&le;&#8804;
&ge;&#8805;
&sub;&#8834;
&sup;&#8835;
&nsub;&#8836;
&sube;&#8838;
&supe;&#8839;
&oplus;&#8853;
&otimes;&#8855;
&perp;&#8869;
&sdot;&#8901;
&lceil;&#8968;
&rceil;&#8969;
&lfloor;&#8970;
&rfloor;&#8971;
&lang;&#9001;
&rang;&#9002;
&loz;&#9674;
&spades;&#9824;
&clubs;&#9827;
&hearts;&#9829;
&diams;&#9830;

FONT…特定の環境でしか正しく表示されませんのでご注意ください。
*FONT名について*
Arialは正しく表示される可能性が高いです。
絵文字対応表の他のFONTもそれなりに対応してきているみたいです。
FONT名は他にも沢山あります。
*文字コードについて*
033〜126のものは正しく表示される可能性が高いです。

FONT名の表記のしかた
文字コード
033〜126
(10進数)
<FONT FACE="Font名">キーボードの文字(Arialのchar)</FONT>
<FONT style="font-family:'Font名'">キーボードの文字</FONT>
S<FONT FACE="Webdings">S</FONT>
←FACEをWebdingsにしてSを表示
*Fontのサイズは75ptにしてあります*
←このように結構細かい絵があります!!!
文字コード
033〜256
(10進数)
<FONT FACE="Font名">&#文字コード;</FONT>
<FONT style="font-family:'Font名'">&#文字コード;</FONT>
ÿ<FONT FACE="Wingdings">&#255;</FONT>
←FACEをWingdingsにして&#255;を表示
*Fontのサイズは75ptにしてあります*
←このサイズではまだ見辛いですが
 なんと右下にTMと書いてあります!!!
絵文字対応表
文字コード拡大表示してご覧になりたい方はその絵文字をclickして下さい
*50ptで表示*
メニューが左側にない場合は少しスクロールさせて下さい。
033034035036037038039
Arial!"#$%&'
Symbol!"#$%&'
Webdings!"#$%&'
Wingdings!"#$%&'
Wingdings 2!"#$%&'
Wingdings 3!"#$%&'
文字コード040041042043044045046047048049
Arial()*+,-./01
Symbol()*+,-./01
Webdings()*+,-./01
Wingdings()*+,-./01
Wingdings 2()*+,-./01
Wingdings 3()*+,-./01
文字コード050051052053054055056057058059
Arial23456789:;
Symbol23456789:;
Webdings23456789:;
Wingdings23456789:;
Wingdings 223456789:;
Wingdings 323456789:;
文字コード060061062063064065066067068069
Arial<=>?@ABCDE
Symbol<=>?@ABCDE
Webdings<=>?@ABCDE
Wingdings<=>?@ABCDE
Wingdings 2<=>?@ABCDE
Wingdings 3<=>?@ABCDE
文字コード070071072073074075076077078079
ArialFGHIJKLMNO
SymbolFGHIJKLMNO
WebdingsFGHIJKLMNO
WingdingsFGHIJKLMNO
Wingdings 2FGHIJKLMNO
Wingdings 3FGHIJKLMNO
文字コード080081082083084085086087088089
ArialPQRSTUVWXY
SymbolPQRSTUVWXY
WebdingsPQRSTUVWXY
WingdingsPQRSTUVWXY
Wingdings 2PQRSTUVWXY
Wingdings 3PQRSTUVWXY
文字コード090091092093094095096097098099
ArialZ[\]^_`abc
SymbolZ[\]^_`abc
WebdingsZ[\]^_`abc
WingdingsZ[\]^_`abc
Wingdings 2Z[\]^_`abc
Wingdings 3Z[\]^_`abc
文字コード100101102103104105106107108109
Arialdefghijklm
Symboldefghijklm
Webdingsdefghijklm
Wingdingsdefghijklm
Wingdings 2defghijklm
Wingdings 3defghijklm
文字コード110111112113114115116117118119
Arialnopqrstuvw
Symbolnopqrstuvw
Webdingsnopqrstuvw
Wingdingsnopqrstuvw
Wingdings 2nopqrstuvw
Wingdings 3nopqrstuvw
文字コード120121122123124125126127128129
Arialxyz{|}~
Symbolxyz{|}~
Webdingsxyz{|}~
Wingdingsxyz{|}~
Wingdings 2xyz{|}~
Wingdings 3xyz{|}~
文字コード130131132133134135136137138139
ArialƒˆŠ
SymbolƒˆŠ
WebdingsƒˆŠ
WingdingsƒˆŠ
Wingdings 2ƒˆŠ
Wingdings 3ƒˆŠ
文字コード140141142143144145146147148149
ArialŒŽ
SymbolŒŽ
WebdingsŒŽ
WingdingsŒŽ
Wingdings 2ŒŽ
Wingdings 3ŒŽ
文字コード150151152153154155156157158159
Arial˜šœžŸ
Symbol˜šœžŸ
Webdings˜šœžŸ
Wingdings˜šœžŸ
Wingdings 2˜šœžŸ
Wingdings 3˜šœžŸ
文字コード160161162163164165166167168169
Arial ¡¢£¤¥¦§¨©
Symbol ¡¢£¤¥¦§¨©
Webdings ¡¢£¤¥¦§¨©
Wingdings ¡¢£¤¥¦§¨©
Wingdings 2 ¡¢£¤¥¦§¨©
Wingdings 3 ¡¢£¤¥¦§¨©
文字コード170171172173174175176177178179
Arialª«¬­®¯°±²³
Symbolª«¬­®¯°±²³
Webdingsª«¬­®¯°±²³
Wingdingsª«¬­®¯°±²³
Wingdings 2ª«¬­®¯°±²³
Wingdings 3ª«¬­®¯°±²³
文字コード180181182183184185186187188189
Arial´µ·¸¹º»¼½
Webdings´µ·¸¹º»¼½
Wingdings´µ·¸¹º»¼½
Wingdings 2´µ·¸¹º»¼½
Wingdings 3´µ·¸¹º»¼½
文字コード190191192193194195196197198199
Arial¾¿ÀÁÂÃÄÅÆÇ
Symbol¾¿ÀÁÂÃÄÅÆÇ
Webdings¾¿ÀÁÂÃÄÅÆÇ
Wingdings¾¿ÀÁÂÃÄÅÆÇ
Wingdings 2¾¿ÀÁÂÃÄÅÆÇ
Wingdings 3¾¿ÀÁÂÃÄÅÆÇ
文字コード200201202203204205206207208209
ArialÈÉÊËÌÍÎÏÐÑ
SymbolÈÉÊËÌÍÎÏÐÑ
WebdingsÈÉÊËÌÍÎÏÐÑ
WingdingsÈÉÊËÌÍÎÏÐÑ
Wingdings 2ÈÉÊËÌÍÎÏÐÑ
Wingdings 3ÈÉÊËÌÍÎÏÐÑ
文字コード210211212213214215216217218219
ArialÒÓÔÕÖרÙÚÛ
SymbolÒÓÔÕÖרÙÚÛ
WebdingsÒÓÔÕÖרÙÚÛ
WingdingsÒÓÔÕÖרÙÚÛ
Wingdings 2ÒÓÔÕÖרÙÚÛ
Wingdings 3ÒÓÔÕÖרÙÚÛ
文字コード220221222223224225226227228229
ArialÜÝÞßàáâãäå
WebdingsÜÝÞßàáâãäå
WingdingsÜÝÞßàáâãäå
Wingdings 2ÜÝÞßàáâãäå
Wingdings 3ÜÝÞßàáâãäå
文字コード230231232233234235236237238239
Arialæçèéêëìíîï
Symbolæçèéêëìíîï
Webdingsæçèéêëìíîï
Wingdingsæçèéêëìíîï
Wingdings 2æçèéêëìíîï
Wingdings 3æçèéêëìíîï
文字コード240241242243244245246247248249
Arialðñòóôõö÷øù
Symbolðñòóôõö÷øù
Webdingsðñòóôõö÷øù
Wingdingsðñòóôõö÷øù
Wingdings 2ðñòóôõö÷øù
Wingdings 3ðñòóôõö÷øù
文字コード250251252253254255256
ArialúûüýþÿĀ
SymbolúûüýþÿĀ
WebdingsúûüýþÿĀ
WingdingsúûüýþÿĀ
Wingdings 2úûüýþÿĀ
Wingdings 3úûüýþÿĀ