やっぱ無理ｗｗ
nabla
ソースとか見にくすぎｗｗ前のに戻したｗｗ
テラ試行錯誤ｗｗｗ
色見本
Webページ作成の際、よく使うのが色見本サイト。
ただ、自分的にはどのページもちょっと物足りなかったり、
逆に凝りすぎてたりで、しっくりきてなかったりします。
で、自分で作った。これぐらいが自分には丁度いい。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-script-type" content="text/javascript"> <meta http-equiv="content-style-type" content="text/css"> <script type="text/javascript"> var aryClr = new Array(411); aryClr[0] = "000000"; aryClr[1] = "000080"; aryClr[2] = "00008B"; aryClr[3] = "0000CD"; aryClr[4] = "0000EE"; aryClr[5] = "0000FF"; aryClr[6] = "006400"; aryClr[7] = "00688B"; aryClr[8] = "00868B"; aryClr[9] = "008B00"; aryClr[10] = "008B45"; aryClr[11] = "008B8B"; aryClr[12] = "009ACD"; aryClr[13] = "00B2EE"; aryClr[14] = "00BFFF"; aryClr[15] = "00C5CD"; aryClr[16] = "00CD00"; aryClr[17] = "00CD66"; aryClr[18] = "00CDCD"; aryClr[19] = "00CED1"; aryClr[20] = "00E5EE"; aryClr[21] = "00EE00"; aryClr[22] = "00EE76"; aryClr[23] = "00EEEE"; aryClr[24] = "00F5FF"; aryClr[25] = "00FA9A"; aryClr[26] = "00FF00"; aryClr[27] = "00FF7F"; aryClr[28] = "00FFFF"; aryClr[29] = "104E8B"; aryClr[30] = "1874CD"; aryClr[31] = "191970"; aryClr[32] = "1C1C1C"; aryClr[33] = "1C86EE"; aryClr[34] = "1E90FF"; aryClr[35] = "20B2AA"; aryClr[36] = "228B22"; aryClr[37] = "27408B"; aryClr[38] = "2E8B57"; aryClr[39] = "2F4F4F"; aryClr[40] = "32CD32"; aryClr[41] = "363636"; aryClr[42] = "36648B"; aryClr[43] = "3A5FCD"; aryClr[44] = "3CB371"; aryClr[45] = "40E0D0"; aryClr[46] = "4169E1"; aryClr[47] = "436EEE"; aryClr[48] = "43CD80"; aryClr[49] = "458B00"; aryClr[50] = "458B74"; aryClr[51] = "4682B4"; aryClr[52] = "473C8B"; aryClr[53] = "483D8B"; aryClr[54] = "4876FF"; aryClr[55] = "48D1CC"; aryClr[56] = "4A708B"; aryClr[57] = "4EEE94"; aryClr[58] = "4F4F4F"; aryClr[59] = "4F94CD"; aryClr[60] = "528B8B"; aryClr[61] = "53868B"; aryClr[62] = "548B54"; aryClr[63] = "54FF9F"; aryClr[64] = "551A8B"; aryClr[65] = "556B2F"; aryClr[66] = "5CACEE"; aryClr[67] = "5D478B"; aryClr[68] = "5F9EA0"; aryClr[69] = "607B8B"; aryClr[70] = "63B8FF"; aryClr[71] = "6495ED"; aryClr[72] = "668B8B"; aryClr[73] = "66CD00"; aryClr[74] = "66CDAA"; aryClr[75] = "68228B"; aryClr[76] = "68838B"; aryClr[77] = "6959CD"; aryClr[78] = "696969"; aryClr[79] = "698B22"; aryClr[80] = "698B69"; aryClr[81] = "6A5ACD"; aryClr[82] = "6B8E23"; aryClr[83] = "6C7B8B"; aryClr[84] = "6CA6CD"; aryClr[85] = "6E7B8B"; aryClr[86] = "6E8B3D"; aryClr[87] = "708090"; aryClr[88] = "76EE00"; aryClr[89] = "76EEC6"; aryClr[90] = "778899"; aryClr[91] = "79CDCD"; aryClr[92] = "7A378B"; aryClr[93] = "7A67EE"; aryClr[94] = "7A8B8B"; aryClr[95] = "7AC5CD"; aryClr[96] = "7B68EE"; aryClr[97] = "7CCD7C"; aryClr[98] = "7CFC00"; aryClr[99] = "7D26CD"; aryClr[100] = "7EC0EE"; aryClr[101] = "7FFF00"; aryClr[102] = "7FFFD4"; aryClr[103] = "828282"; aryClr[104] = "836FFF"; aryClr[105] = "838B83"; aryClr[106] = "838B8B"; aryClr[107] = "8470FF"; aryClr[108] = "87CEEB"; aryClr[109] = "87CEFA"; aryClr[110] = "87CEFF"; aryClr[111] = "8968CD"; aryClr[112] = "8A2BE2"; aryClr[113] = "8B0000"; aryClr[114] = "8B008B"; aryClr[115] = "8B0A50"; aryClr[116] = "8B1A1A"; aryClr[117] = "8B1C62"; aryClr[118] = "8B2252"; aryClr[119] = "8B2323"; aryClr[120] = "8B2500"; aryClr[121] = "8B3626"; aryClr[122] = "8B3A3A"; aryClr[123] = "8B3A62"; aryClr[124] = "8B3E2F"; aryClr[125] = "8B4500"; aryClr[126] = "8B4513"; aryClr[127] = "8B4726"; aryClr[128] = "8B475D"; aryClr[129] = "8B4789"; aryClr[130] = "8B4C39"; aryClr[131] = "8B5742"; aryClr[132] = "8B5A00"; aryClr[133] = "8B5A2B"; aryClr[134] = "8B5F65"; aryClr[135] = "8B636C"; aryClr[136] = "8B658B"; aryClr[137] = "8B668B"; aryClr[138] = "8B6914"; aryClr[139] = "8B6969"; aryClr[140] = "8B7355"; aryClr[141] = "8B7500"; aryClr[142] = "8B7765"; aryClr[143] = "8B795E"; aryClr[144] = "8B7B8B"; aryClr[145] = "8B7D6B"; aryClr[146] = "8B7D7B"; aryClr[147] = "8B7E66"; aryClr[148] = "8B814C"; aryClr[149] = "8B8378"; aryClr[150] = "8B8386"; aryClr[151] = "8B864E"; aryClr[152] = "8B8682"; aryClr[153] = "8B8878"; aryClr[154] = "8B8970"; aryClr[155] = "8B8989"; aryClr[156] = "8B8B00"; aryClr[157] = "8B8B7A"; aryClr[158] = "8B8B83"; aryClr[159] = "8DB6CD"; aryClr[160] = "8DEEEE"; aryClr[161] = "8EE5EE"; aryClr[162] = "8FBC8F"; aryClr[163] = "90EE90"; aryClr[164] = "912CEE"; aryClr[165] = "9370DB"; aryClr[166] = "9400D3"; aryClr[167] = "96CDCD"; aryClr[168] = "97FFFF"; aryClr[169] = "98F5FF"; aryClr[170] = "98FB98"; aryClr[171] = "9932CC"; aryClr[172] = "9A32CD"; aryClr[173] = "9AC0CD"; aryClr[174] = "9ACD32"; aryClr[175] = "9AFF9A"; aryClr[176] = "9B30FF"; aryClr[177] = "9BCD9B"; aryClr[178] = "9C9C9C"; aryClr[179] = "9F79EE"; aryClr[180] = "9FB6CD"; aryClr[181] = "A020F0"; aryClr[182] = "A0522D"; aryClr[183] = "A2B5CD"; aryClr[184] = "A2CD5A"; aryClr[185] = "A4D3EE"; aryClr[186] = "A52A2A"; aryClr[187] = "A9A9A9"; aryClr[188] = "AB82FF"; aryClr[189] = "ADD8E6"; aryClr[190] = "ADFF2F"; aryClr[191] = "AEEEEE"; aryClr[192] = "AFEEEE"; aryClr[193] = "B03060"; aryClr[194] = "B0C4DE"; aryClr[195] = "B0E0E6"; aryClr[196] = "B0E2FF"; aryClr[197] = "B22222"; aryClr[198] = "B23AEE"; aryClr[199] = "B2DFEE"; aryClr[200] = "B3EE3A"; aryClr[201] = "B452CD"; aryClr[202] = "B4CDCD"; aryClr[203] = "B4EEB4"; aryClr[204] = "B5B5B5"; aryClr[205] = "B8860B"; aryClr[206] = "B9D3EE"; aryClr[207] = "BA55D3"; aryClr[208] = "BBFFFF"; aryClr[209] = "BC8F8F"; aryClr[210] = "BCD2EE"; aryClr[211] = "BCEE68"; aryClr[212] = "BDB76B"; aryClr[213] = "BEBEBE"; aryClr[214] = "BF3EFF"; aryClr[215] = "BFEFFF"; aryClr[216] = "C0FF3E"; aryClr[217] = "C1CDC1"; aryClr[218] = "C1CDCD"; aryClr[219] = "C1FFC1"; aryClr[220] = "C6E2FF"; aryClr[221] = "C71585"; aryClr[222] = "CAE1FF"; aryClr[223] = "CAFF70"; aryClr[224] = "CD0000"; aryClr[225] = "CD00CD"; aryClr[226] = "CD1076"; aryClr[227] = "CD2626"; aryClr[228] = "CD2990"; aryClr[229] = "CD3278"; aryClr[230] = "CD3333"; aryClr[231] = "CD3700"; aryClr[232] = "CD4F39"; aryClr[233] = "CD5555"; aryClr[234] = "CD5B45"; aryClr[235] = "CD5C5C"; aryClr[236] = "CD6090"; aryClr[237] = "CD6600"; aryClr[238] = "CD661D"; aryClr[239] = "CD6839"; aryClr[240] = "CD6889"; aryClr[241] = "CD69C9"; aryClr[242] = "CD7054"; aryClr[243] = "CD8162"; aryClr[244] = "CD8500"; aryClr[245] = "CD853F"; aryClr[246] = "CD8C95"; aryClr[247] = "CD919E"; aryClr[248] = "CD950C"; aryClr[249] = "CD96CD"; aryClr[250] = "CD9B1D"; aryClr[251] = "CD9B9B"; aryClr[252] = "CDAA7D"; aryClr[253] = "CDAD00"; aryClr[254] = "CDAF95"; aryClr[255] = "CDB38B"; aryClr[256] = "CDB5CD"; aryClr[257] = "CDB79E"; aryClr[258] = "CDB7B5"; aryClr[259] = "CDBA96"; aryClr[260] = "CDBE70"; aryClr[261] = "CDC0B0"; aryClr[262] = "CDC1C5"; aryClr[263] = "CDC5BF"; aryClr[264] = "CDC673"; aryClr[265] = "CDC8B1"; aryClr[266] = "CDC9A5"; aryClr[267] = "CDC9C9"; aryClr[268] = "CDCD00"; aryClr[269] = "CDCDB4"; aryClr[270] = "CDCDC1"; aryClr[271] = "CFCFCF"; aryClr[272] = "D02090"; aryClr[273] = "D15FEE"; aryClr[274] = "D1EEEE"; aryClr[275] = "D2691E"; aryClr[276] = "D2B48C"; aryClr[277] = "D3D3D3"; aryClr[278] = "D8BFD8"; aryClr[279] = "DA70D6"; aryClr[280] = "DAA520"; aryClr[281] = "DB7093"; aryClr[282] = "DCDCDC"; aryClr[283] = "DDA0DD"; aryClr[284] = "DEB887"; aryClr[285] = "E066FF"; aryClr[286] = "E0EEE0"; aryClr[287] = "E0EEEE"; aryClr[288] = "E0FFFF"; aryClr[289] = "E6E6FA"; aryClr[290] = "E8E8E8"; aryClr[291] = "E9967A"; aryClr[292] = "EE0000"; aryClr[293] = "EE00EE"; aryClr[294] = "EE1289"; aryClr[295] = "EE2C2C"; aryClr[296] = "EE30A7"; aryClr[297] = "EE3A8C"; aryClr[298] = "EE3B3B"; aryClr[299] = "EE4000"; aryClr[300] = "EE5C42"; aryClr[301] = "EE6363"; aryClr[302] = "EE6A50"; aryClr[303] = "EE6AA7"; aryClr[304] = "EE7600"; aryClr[305] = "EE7621"; aryClr[306] = "EE7942"; aryClr[307] = "EE799F"; aryClr[308] = "EE7AE9"; aryClr[309] = "EE8262"; aryClr[310] = "EE82EE"; aryClr[311] = "EE9572"; aryClr[312] = "EE9A00"; aryClr[313] = "EE9A49"; aryClr[314] = "EEA2AD"; aryClr[315] = "EEA9B8"; aryClr[316] = "EEAD0E"; aryClr[317] = "EEAEEE"; aryClr[318] = "EEB422"; aryClr[319] = "EEB4B4"; aryClr[320] = "EEC591"; aryClr[321] = "EEC900"; aryClr[322] = "EECBAD"; aryClr[323] = "EECFA1"; aryClr[324] = "EED2EE"; aryClr[325] = "EED5B7"; aryClr[326] = "EED5D2"; aryClr[327] = "EED8AE"; aryClr[328] = "EEDC82"; aryClr[329] = "EEDD82"; aryClr[330] = "EEDFCC"; aryClr[331] = "EEE0E5"; aryClr[332] = "EEE5DE"; aryClr[333] = "EEE685"; aryClr[334] = "EEE8AA"; aryClr[335] = "EEE8CD"; aryClr[336] = "EEE9BF"; aryClr[337] = "EEE9E9"; aryClr[338] = "EEEE00"; aryClr[339] = "EEEED1"; aryClr[340] = "EEEEE0"; aryClr[341] = "F08080"; aryClr[342] = "F0F8FF"; aryClr[343] = "F0FFF0"; aryClr[344] = "F0FFFF"; aryClr[345] = "F4A460"; aryClr[346] = "F5DEB3"; aryClr[347] = "F5F5DC"; aryClr[348] = "F5F5F5"; aryClr[349] = "F5FFFA"; aryClr[350] = "F8F8FF"; aryClr[351] = "FA8072"; aryClr[352] = "FAEBD7"; aryClr[353] = "FAF0E6"; aryClr[354] = "FAFAD2"; aryClr[355] = "FDF5E6"; aryClr[356] = "FF0000"; aryClr[357] = "FF00FF"; aryClr[358] = "FF1493"; aryClr[359] = "FF3030"; aryClr[360] = "FF34B3"; aryClr[361] = "FF3E96"; aryClr[362] = "FF4040"; aryClr[363] = "FF4500"; aryClr[364] = "FF6347"; aryClr[365] = "FF69B4"; aryClr[366] = "FF6A6A"; aryClr[367] = "FF6EB4"; aryClr[368] = "FF7256"; aryClr[369] = "FF7F00"; aryClr[370] = "FF7F24"; aryClr[371] = "FF7F50"; aryClr[372] = "FF8247"; aryClr[373] = "FF82AB"; aryClr[374] = "FF83FA"; aryClr[375] = "FF8C00"; aryClr[376] = "FF8C69"; aryClr[377] = "FFA07A"; aryClr[378] = "FFA500"; aryClr[379] = "FFA54F"; aryClr[380] = "FFAEB9"; aryClr[381] = "FFB5C5"; aryClr[382] = "FFB6C1"; aryClr[383] = "FFB90F"; aryClr[384] = "FFBBFF"; aryClr[385] = "FFC0CB"; aryClr[386] = "FFC125"; aryClr[387] = "FFC1C1"; aryClr[388] = "FFD39B"; aryClr[389] = "FFD700"; aryClr[390] = "FFDAB9"; aryClr[391] = "FFDEAD"; aryClr[392] = "FFE1FF"; aryClr[393] = "FFE4B5"; aryClr[394] = "FFE4C4"; aryClr[395] = "FFE4E1"; aryClr[396] = "FFE7BA"; aryClr[397] = "FFEBCD"; aryClr[398] = "FFEC8B"; aryClr[399] = "FFEFD5"; aryClr[400] = "FFEFDB"; aryClr[401] = "FFF0F5"; aryClr[402] = "FFF5EE"; aryClr[403] = "FFF68F"; aryClr[404] = "FFF8DC"; aryClr[405] = "FFFACD"; aryClr[406] = "FFFAF0"; aryClr[407] = "FFFAFA"; aryClr[408] = "FFFF00"; aryClr[409] = "FFFFE0"; aryClr[410] = "FFFFF0"; aryClr[411] = "FFFFFF"; function CreateColorPallet() { with (document) { writeln('<table align="center">'); for (var i = 0; i < aryClr.length; i++) { if ((i % 6) == 0) writeln('<tr>'); write('<td><a href="javascript:chgBgColor(\'' + aryClr[i] + '\');">'); write('<span style="color:#' + aryClr[i] + ';">■</span></a> ' + aryClr[i] + '</td>'); if ((i % 6) == 5) { writeln('\n</tr>'); } } if ((i % 6) == 5) writeln('</tr>'); writeln('</table>'); close(); } } function chgBgColor(argCode) { document.body.style.backgroundColor = '#' + argCode; window.clipboardData.setData("text",argCode); //★IE限定 } </script> <style type="text/css"> body { font: bold 14px Verdana; } a { text-decoration:none; } table { border-collapse: collapse; } td { width: 100px; border: solid 1px #EEEEEE; padding-left: 10px; } input.rst { font: bold 14px Verdana; width: 80px; } </style> <title>Color Pallet</title> </head> <body> <br> <div align=center><input type="button" class="rst" value="reset" onclick="document.body.style.backgroundColor = '#FFF';"></div> <br> <script type="text/javascript"> CreateColorPallet(); </script> </body> </html>
■のところをクリックで、ページ全体の背景色がその色になるのと同時に、
そのカラーコードをクリップボードに送ってます。
ただし、クリップボードに送るのはIE限定なので、IE以外のブラウザで開く際は、
ソース中の★IE限定の部分をコメントアウトする等してやる必要があります。
