Иная реализация палитры

ghost · January 18, 2011

Всем привет не знал в какую тему писать...

Есть небольшой скрипт, который очень объемный...

Он просто меняет фон таблицы на выбранный, не хочется выкидывать цвета, но 40 кб для такого не очень важного в моей разработке слишком жирно. Можете подсказать как уменьшить или оптимизировать код, ну и заодно если покрасивее это как-то сделать можно тоже буду рад подсказке.

Заранее спасибо!

function mycolor() {
 var bigtable = document.getElementById('tableinput');
 var color = document.getElementById('colortab').value;
 var d = '#'+color;
bigtable.bgColor = d; 
}

<select size="20" id="colortab" onchange="mycolor();">
<option selected="" value="DCDCDC">- выбор цвета -</option>
<option value="FFFAFA" style="background-color: rgb(255, 250, 250);">#FFFAFA</option>
<option value="F8F8FF" style="background-color: rgb(248, 248, 255);">#F8F8FF</option>
<option value="F5F5F5" style="background-color: rgb(245, 245, 245);">#F5F5F5</option>
<option value="DCDCDC" style="background-color: rgb(220, 220, 220);">#DCDCDC</option>
<option value="FFFAF0" style="background-color: rgb(255, 250, 240);">#FFFAF0</option>
<option value="FDF5E6" style="background-color: rgb(253, 245, 230);">#FDF5E6</option>
<option value="FAF0E6" style="background-color: rgb(250, 240, 230);">#FAF0E6</option>
<option value="FAEBD7" style="background-color: rgb(250, 235, 215);">#FAEBD7</option>
<option value="FFEFD5" style="background-color: rgb(255, 239, 213);">#FFEFD5</option>
<option value="FFEBCD" style="background-color: rgb(255, 235, 205);">#FFEBCD</option>
<option value="FFE4C4" style="background-color: rgb(255, 228, 196);">#FFE4C4</option>
<option value="FFDAB9" style="background-color: rgb(255, 218, 185);">#FFDAB9</option>
<option value="FFDEAD" style="background-color: rgb(255, 222, 173);">#FFDEAD</option>
<option value="FFE4B5" style="background-color: rgb(255, 228, 181);">#FFE4B5</option>
<option value="FFF8DC" style="background-color: rgb(255, 248, 220);">#FFF8DC</option>
<option value="FFFFF0" style="background-color: rgb(255, 255, 240);">#FFFFF0</option>
<option value="FFFACD" style="background-color: rgb(255, 250, 205);">#FFFACD</option>
<option value="FFF5EE" style="background-color: rgb(255, 245, 238);">#FFF5EE</option>
<option value="F0FFF0" style="background-color: rgb(240, 255, 240);">#F0FFF0</option>
<option value="F5FFFA" style="background-color: rgb(245, 255, 250);">#F5FFFA</option>
<option value="F0FFFF" style="background-color: rgb(240, 255, 255);">#F0FFFF</option>
<option value="F0F8FF" style="background-color: rgb(240, 248, 255);">#F0F8FF</option>
<option value="E6E6FA" style="background-color: rgb(230, 230, 250);">#E6E6FA</option>
<option value="FFF0F5" style="background-color: rgb(255, 240, 245);">#FFF0F5</option>
<option value="FFE4E1" style="background-color: rgb(255, 228, 225);">#FFE4E1</option>
<option value="FFFFFF" style="background-color: rgb(255, 255, 255);">#FFFFFF</option>
<option value="000000" style="background-color: rgb(0, 0, 0);">#000000</option>
<option value="2F4F4F" style="background-color: rgb(47, 79, 79);">#2F4F4F</option>
<option value="696969" style="background-color: rgb(105, 105, 105);">#696969</option>
<option value="708090" style="background-color: rgb(112, 128, 144);">#708090</option>
<option value="778899" style="background-color: rgb(119, 136, 153);">#778899</option>
<option value="BEBEBE" style="background-color: rgb(190, 190, 190);">#BEBEBE</option>
<option value="D3D3D3" style="background-color: rgb(211, 211, 211);">#D3D3D3</option>
<option value="191970" style="background-color: rgb(25, 25, 112);">#191970</option>
<option value="000080" style="background-color: rgb(0, 0, 128);">#000080</option>
<option value="6495ED" style="background-color: rgb(100, 149, 237);">#6495ED</option>
<option value="483D8B" style="background-color: rgb(72, 61, 139);">#483D8B</option>
<option value="6A5ACD" style="background-color: rgb(106, 90, 205);">#6A5ACD</option>
<option value="7B68EE" style="background-color: rgb(123, 104, 238);">#7B68EE</option>
<option value="8470FF" style="background-color: rgb(132, 112, 255);">#8470FF</option>
<option value="0000CD" style="background-color: rgb(0, 0, 205);">#0000CD</option>
<option value="4169E1" style="background-color: rgb(65, 105, 225);">#4169E1</option>
<option value="0000FF" style="background-color: rgb(0, 0, 255);">#0000FF</option>
<option value="1E90FF" style="background-color: rgb(30, 144, 255);">#1E90FF</option>
<option value="00BFFF" style="background-color: rgb(0, 191, 255);">#00BFFF</option>
<option value="87CEEB" style="background-color: rgb(135, 206, 235);">#87CEEB</option>
<option value="87CEFA" style="background-color: rgb(135, 206, 250);">#87CEFA</option>
<option value="4682B4" style="background-color: rgb(70, 130, 180);">#4682B4</option>
<option value="B0C4DE" style="background-color: rgb(176, 196, 222);">#B0C4DE</option>
<option value="ADD8E6" style="background-color: rgb(173, 216, 230);">#ADD8E6</option>
<option value="B0E0E6" style="background-color: rgb(176, 224, 230);">#B0E0E6</option>
<option value="AFEEEE" style="background-color: rgb(175, 238, 238);">#AFEEEE</option>
<option value="00CED1" style="background-color: rgb(0, 206, 209);">#00CED1</option>
<option value="48D1CC" style="background-color: rgb(72, 209, 204);">#48D1CC</option>
<option value="40E0D0" style="background-color: rgb(64, 224, 208);">#40E0D0</option>
<option value="00FFFF" style="background-color: rgb(0, 255, 255);">#00FFFF</option>
<option value="E0FFFF" style="background-color: rgb(224, 255, 255);">#E0FFFF</option>
<option value="5F9EA0" style="background-color: rgb(95, 158, 160);">#5F9EA0</option>
<option value="66CDAA" style="background-color: rgb(102, 205, 170);">#66CDAA</option>
<option value="7FFFD4" style="background-color: rgb(127, 255, 212);">#7FFFD4</option>
<option value="006400" style="background-color: rgb(0, 100, 0);">#006400</option>
<option value="556B2F" style="background-color: rgb(85, 107, 47);">#556B2F</option>
<option value="8FBC8F" style="background-color: rgb(143, 188, 143);">#8FBC8F</option>
<option value="2E8B57" style="background-color: rgb(46, 139, 87);">#2E8B57</option>
<option value="3CB371" style="background-color: rgb(60, 179, 113);">#3CB371</option>
<option value="20B2AA" style="background-color: rgb(32, 178, 170);">#20B2AA</option>
<option value="98FB98" style="background-color: rgb(152, 251, 152);">#98FB98</option>
<option value="00FF7F" style="background-color: rgb(0, 255, 127);">#00FF7F</option>
<option value="7CFC00" style="background-color: rgb(124, 252, 0);">#7CFC00</option>
<option value="00FF00" style="background-color: rgb(0, 255, 0);">#00FF00</option>
<option value="7FFF00" style="background-color: rgb(127, 255, 0);">#7FFF00</option>
<option value="00FA9A" style="background-color: rgb(0, 250, 154);">#00FA9A</option>
<option value="ADFF2F" style="background-color: rgb(173, 255, 47);">#ADFF2F</option>
<option value="32CD32" style="background-color: rgb(50, 205, 50);">#32CD32</option>
<option value="9ACD32" style="background-color: rgb(154, 205, 50);">#9ACD32</option>
<option value="228B22" style="background-color: rgb(34, 139, 34);">#228B22</option>
<option value="6B8E23" style="background-color: rgb(107, 142, 35);">#6B8E23</option>
<option value="BDB76B" style="background-color: rgb(189, 183, 107);">#BDB76B</option>
<option value="EEE8AA" style="background-color: rgb(238, 232, 170);">#EEE8AA</option>
<option value="FAFAD2" style="background-color: rgb(250, 250, 210);">#FAFAD2</option>
<option value="FFFFE0" style="background-color: rgb(255, 255, 224);">#FFFFE0</option>
<option value="FFFF00" style="background-color: rgb(255, 255, 0);">#FFFF00</option>
<option value="FFD700" style="background-color: rgb(255, 215, 0);">#FFD700</option>
<option value="EEDD82" style="background-color: rgb(238, 221, 130);">#EEDD82</option>
<option value="DAA520" style="background-color: rgb(218, 165, 32);">#DAA520</option>
<option value="B8860B" style="background-color: rgb(184, 134, 11);">#B8860B</option>
<option value="BC8F8F" style="background-color: rgb(188, 143, 143);">#BC8F8F</option>
<option value="CD5C5C" style="background-color: rgb(205, 92, 92);">#CD5C5C</option>
<option value="8B4513" style="background-color: rgb(139, 69, 19);">#8B4513</option>
<option value="A0522D" style="background-color: rgb(160, 82, 45);">#A0522D</option>
<option value="CD853F" style="background-color: rgb(205, 133, 63);">#CD853F</option>
<option value="DEB887" style="background-color: rgb(222, 184, 135);">#DEB887</option>
<option value="F5F5DC" style="background-color: rgb(245, 245, 220);">#F5F5DC</option>
<option value="F5DEB3" style="background-color: rgb(245, 222, 179);">#F5DEB3</option>
<option value="F4A460" style="background-color: rgb(244, 164, 96);">#F4A460</option>
<option value="D2B48C" style="background-color: rgb(210, 180, 140);">#D2B48C</option>
<option value="D2691E" style="background-color: rgb(210, 105, 30);">#D2691E</option>
<option value="B22222" style="background-color: rgb(178, 34, 34);">#B22222</option>
<option value="A52A2A" style="background-color: rgb(165, 42, 42);">#A52A2A</option>
<option value="E9967A" style="background-color: rgb(233, 150, 122);">#E9967A</option>
<option value="FA8072" style="background-color: rgb(250, 128, 114);">#FA8072</option>
<option value="FFA07A" style="background-color: rgb(255, 160, 122);">#FFA07A</option>
<option value="FFA500" style="background-color: rgb(255, 165, 0);">#FFA500</option>
<option value="FF8C00" style="background-color: rgb(255, 140, 0);">#FF8C00</option>
<option value="FF7F50" style="background-color: rgb(255, 127, 80);">#FF7F50</option>
<option value="F08080" style="background-color: rgb(240, 128, 128);">#F08080</option>
<option value="FF6347" style="background-color: rgb(255, 99, 71);">#FF6347</option>
<option value="FF4500" style="background-color: rgb(255, 69, 0);">#FF4500</option>
<option value="FF0000" style="background-color: rgb(255, 0, 0);">#FF0000</option>
<option value="FF69B4" style="background-color: rgb(255, 105, 180);">#FF69B4</option>
<option value="FF1493" style="background-color: rgb(255, 20, 147);">#FF1493</option>
<option value="FFC0CB" style="background-color: rgb(255, 192, 203);">#FFC0CB</option>
<option value="FFB6C1" style="background-color: rgb(255, 182, 193);">#FFB6C1</option>
<option value="DB7093" style="background-color: rgb(219, 112, 147);">#DB7093</option>
<option value="B03060" style="background-color: rgb(176, 48, 96);">#B03060</option>
<option value="C71585" style="background-color: rgb(199, 21, 133);">#C71585</option>
<option value="D02090" style="background-color: rgb(208, 32, 144);">#D02090</option>
<option value="FF00FF" style="background-color: rgb(255, 0, 255);">#FF00FF</option>
<option value="EE82EE" style="background-color: rgb(238, 130, 238);">#EE82EE</option>
<option value="DDA0DD" style="background-color: rgb(221, 160, 221);">#DDA0DD</option>
<option value="DA70D6" style="background-color: rgb(218, 112, 214);">#DA70D6</option>
<option value="BA55D3" style="background-color: rgb(186, 85, 211);">#BA55D3</option>
<option value="9932CC" style="background-color: rgb(153, 50, 204);">#9932CC</option>
<option value="9400D3" style="background-color: rgb(148, 0, 211);">#9400D3</option>
<option value="8A2BE2" style="background-color: rgb(138, 43, 226);">#8A2BE2</option>
<option value="A020F0" style="background-color: rgb(160, 32, 240);">#A020F0</option>
<option value="9370DB" style="background-color: rgb(147, 112, 219);">#9370DB</option>
<option value="D8BFD8" style="background-color: rgb(216, 191, 216);">#D8BFD8</option>
<option value="FFFAFA" style="background-color: rgb(255, 250, 250);">#FFFAFA</option>
<option value="EEE9E9" style="background-color: rgb(238, 233, 233);">#EEE9E9</option>
<option value="CDC9C9" style="background-color: rgb(205, 201, 201);">#CDC9C9</option>
<option value="8B8989" style="background-color: rgb(139, 137, 137);">#8B8989</option>
<option value="FFF5EE" style="background-color: rgb(255, 245, 238);">#FFF5EE</option>
<option value="EEE5DE" style="background-color: rgb(238, 229, 222);">#EEE5DE</option>
<option value="CDC5BF" style="background-color: rgb(205, 197, 191);">#CDC5BF</option>
<option value="8B8682" style="background-color: rgb(139, 134, 130);">#8B8682</option>
<option value="FFEFDB" style="background-color: rgb(255, 239, 219);">#FFEFDB</option>
<option value="EEDFCC" style="background-color: rgb(238, 223, 204);">#EEDFCC</option>
<option value="CDC0B0" style="background-color: rgb(205, 192, 176);">#CDC0B0</option>
<option value="8B8378" style="background-color: rgb(139, 131, 120);">#8B8378</option>
<option value="FFE4C4" style="background-color: rgb(255, 228, 196);">#FFE4C4</option>
<option value="EED5B7" style="background-color: rgb(238, 213, 183);">#EED5B7</option>
<option value="CDB79E" style="background-color: rgb(205, 183, 158);">#CDB79E</option>
<option value="8B7D6B" style="background-color: rgb(139, 125, 107);">#8B7D6B</option>
<option value="FFDAB9" style="background-color: rgb(255, 218, 185);">#FFDAB9</option>
<option value="EECBAD" style="background-color: rgb(238, 203, 173);">#EECBAD</option>
<option value="CDAF95" style="background-color: rgb(205, 175, 149);">#CDAF95</option>
<option value="8B7765" style="background-color: rgb(139, 119, 101);">#8B7765</option>
<option value="FFDEAD" style="background-color: rgb(255, 222, 173);">#FFDEAD</option>
<option value="EECFA1" style="background-color: rgb(238, 207, 161);">#EECFA1</option>
<option value="CDB38B" style="background-color: rgb(205, 179, 139);">#CDB38B</option>
<option value="8B795E" style="background-color: rgb(139, 121, 94);">#8B795E</option>
<option value="FFFACD" style="background-color: rgb(255, 250, 205);">#FFFACD</option>
<option value="EEE9BF" style="background-color: rgb(238, 233, 191);">#EEE9BF</option>
<option value="CDC9A5" style="background-color: rgb(205, 201, 165);">#CDC9A5</option>
<option value="8B8970" style="background-color: rgb(139, 137, 112);">#8B8970</option>
<option value="FFF8DC" style="background-color: rgb(255, 248, 220);">#FFF8DC</option>
<option value="EEE8CD" style="background-color: rgb(238, 232, 205);">#EEE8CD</option>
<option value="CDC8B1" style="background-color: rgb(205, 200, 177);">#CDC8B1</option>
<option value="8B8878" style="background-color: rgb(139, 136, 120);">#8B8878</option>
<option value="FFFFF0" style="background-color: rgb(255, 255, 240);">#FFFFF0</option>
<option value="EEEEE0" style="background-color: rgb(238, 238, 224);">#EEEEE0</option>
<option value="CDCDC1" style="background-color: rgb(205, 205, 193);">#CDCDC1</option>
<option value="8B8B83" style="background-color: rgb(139, 139, 131);">#8B8B83</option>
<option value="F0FFF0" style="background-color: rgb(240, 255, 240);">#F0FFF0</option>
<option value="E0EEE0" style="background-color: rgb(224, 238, 224);">#E0EEE0</option>
<option value="C1CDC1" style="background-color: rgb(193, 205, 193);">#C1CDC1</option>
<option value="838B83" style="background-color: rgb(131, 139, 131);">#838B83</option>
<option value="FFF0F5" style="background-color: rgb(255, 240, 245);">#FFF0F5</option>
<option value="EEE0E5" style="background-color: rgb(238, 224, 229);">#EEE0E5</option>
<option value="CDC1C5" style="background-color: rgb(205, 193, 197);">#CDC1C5</option>
<option value="8B8386" style="background-color: rgb(139, 131, 134);">#8B8386</option>
<option value="FFE4E1" style="background-color: rgb(255, 228, 225);">#FFE4E1</option>
<option value="EED5D2" style="background-color: rgb(238, 213, 210);">#EED5D2</option>
<option value="CDB7B5" style="background-color: rgb(205, 183, 181);">#CDB7B5</option>
<option value="8B7D7B" style="background-color: rgb(139, 125, 123);">#8B7D7B</option>
<option value="F0FFFF" style="background-color: rgb(240, 255, 255);">#F0FFFF</option>
<option value="E0EEEE" style="background-color: rgb(224, 238, 238);">#E0EEEE</option>
<option value="C1CDCD" style="background-color: rgb(193, 205, 205);">#C1CDCD</option>
<option value="838B8B" style="background-color: rgb(131, 139, 139);">#838B8B</option>
<option value="836FFF" style="background-color: rgb(131, 111, 255);">#836FFF</option>
<option value="7A67EE" style="background-color: rgb(122, 103, 238);">#7A67EE</option>
<option value="6959CD" style="background-color: rgb(105, 89, 205);">#6959CD</option>
<option value="473C8B" style="background-color: rgb(71, 60, 139);">#473C8B</option>
<option value="4876FF" style="background-color: rgb(72, 118, 255);">#4876FF</option>
<option value="436EEE" style="background-color: rgb(67, 110, 238);">#436EEE</option>
<option value="3A5FCD" style="background-color: rgb(58, 95, 205);">#3A5FCD</option>
<option value="27408B" style="background-color: rgb(39, 64, 139);">#27408B</option>
<option value="0000FF" style="background-color: rgb(0, 0, 255);">#0000FF</option>
<option value="0000EE" style="background-color: rgb(0, 0, 238);">#0000EE</option>
<option value="0000CD" style="background-color: rgb(0, 0, 205);">#0000CD</option>
<option value="00008B" style="background-color: rgb(0, 0, 139);">#00008B</option>
<option value="1E90FF" style="background-color: rgb(30, 144, 255);">#1E90FF</option>
<option value="1C86EE" style="background-color: rgb(28, 134, 238);">#1C86EE</option>
<option value="1874CD" style="background-color: rgb(24, 116, 205);">#1874CD</option>
<option value="104E8B" style="background-color: rgb(16, 78, 139);">#104E8B</option>
<option value="63B8FF" style="background-color: rgb(99, 184, 255);">#63B8FF</option>
<option value="5CACEE" style="background-color: rgb(92, 172, 238);">#5CACEE</option>
<option value="4F94CD" style="background-color: rgb(79, 148, 205);">#4F94CD</option>
<option value="36648B" style="background-color: rgb(54, 100, 139);">#36648B</option>
<option value="00BFFF" style="background-color: rgb(0, 191, 255);">#00BFFF</option>
<option value="00B2EE" style="background-color: rgb(0, 178, 238);">#00B2EE</option>
<option value="009ACD" style="background-color: rgb(0, 154, 205);">#009ACD</option>
<option value="00688B" style="background-color: rgb(0, 104, 139);">#00688B</option>
<option value="87CEFF" style="background-color: rgb(135, 206, 255);">#87CEFF</option>
<option value="7EC0EE" style="background-color: rgb(126, 192, 238);">#7EC0EE</option>
<option value="6CA6CD" style="background-color: rgb(108, 166, 205);">#6CA6CD</option>
<option value="4A708B" style="background-color: rgb(74, 112, 139);">#4A708B</option>
<option value="B0E2FF" style="background-color: rgb(176, 226, 255);">#B0E2FF</option>
<option value="A4D3EE" style="background-color: rgb(164, 211, 238);">#A4D3EE</option>
<option value="8DB6CD" style="background-color: rgb(141, 182, 205);">#8DB6CD</option>
<option value="607B8B" style="background-color: rgb(96, 123, 139);">#607B8B</option>
<option value="C6E2FF" style="background-color: rgb(198, 226, 255);">#C6E2FF</option>
<option value="B9D3EE" style="background-color: rgb(185, 211, 238);">#B9D3EE</option>
<option value="9FB6CD" style="background-color: rgb(159, 182, 205);">#9FB6CD</option>
<option value="6C7B8B" style="background-color: rgb(108, 123, 139);">#6C7B8B</option>
<option value="CAE1FF" style="background-color: rgb(202, 225, 255);">#CAE1FF</option>
<option value="BCD2EE" style="background-color: rgb(188, 210, 238);">#BCD2EE</option>
<option value="A2B5CD" style="background-color: rgb(162, 181, 205);">#A2B5CD</option>
<option value="6E7B8B" style="background-color: rgb(110, 123, 139);">#6E7B8B</option>
<option value="BFEFFF" style="background-color: rgb(191, 239, 255);">#BFEFFF</option>
<option value="B2DFEE" style="background-color: rgb(178, 223, 238);">#B2DFEE</option>
<option value="9AC0CD" style="background-color: rgb(154, 192, 205);">#9AC0CD</option>
<option value="68838B" style="background-color: rgb(104, 131, 139);">#68838B</option>
<option value="E0FFFF" style="background-color: rgb(224, 255, 255);">#E0FFFF</option>
<option value="D1EEEE" style="background-color: rgb(209, 238, 238);">#D1EEEE</option>
<option value="B4CDCD" style="background-color: rgb(180, 205, 205);">#B4CDCD</option>
<option value="7A8B8B" style="background-color: rgb(122, 139, 139);">#7A8B8B</option>
<option value="BBFFFF" style="background-color: rgb(187, 255, 255);">#BBFFFF</option>
<option value="AEEEEE" style="background-color: rgb(174, 238, 238);">#AEEEEE</option>
<option value="96CDCD" style="background-color: rgb(150, 205, 205);">#96CDCD</option>
<option value="668B8B" style="background-color: rgb(102, 139, 139);">#668B8B</option>
<option value="98F5FF" style="background-color: rgb(152, 245, 255);">#98F5FF</option>
<option value="8EE5EE" style="background-color: rgb(142, 229, 238);">#8EE5EE</option>
<option value="7AC5CD" style="background-color: rgb(122, 197, 205);">#7AC5CD</option>
<option value="53868B" style="background-color: rgb(83, 134, 139);">#53868B</option>
<option value="00F5FF" style="background-color: rgb(0, 245, 255);">#00F5FF</option>
<option value="00E5EE" style="background-color: rgb(0, 229, 238);">#00E5EE</option>
<option value="00C5CD" style="background-color: rgb(0, 197, 205);">00C5CD</option>
<option value="00868B" style="background-color: rgb(0, 134, 139);">#00868B</option>
<option value="00FFFF" style="background-color: rgb(0, 255, 255);">#00FFFF</option>
<option value="00EEEE" style="background-color: rgb(0, 238, 238);">#00EEEE</option>
<option value="00CDCD" style="background-color: rgb(0, 205, 205);">#00CDCD</option>
<option value="008B8B" style="background-color: rgb(0, 139, 139);">#008B8B</option>
<option value="97FFFF" style="background-color: rgb(151, 255, 255);">#97FFFF</option>
<option value="8DEEEE" style="background-color: rgb(141, 238, 238);">#8DEEEE</option>
<option value="79CDCD" style="background-color: rgb(121, 205, 205);">#79CDCD</option>
<option value="528B8B" style="background-color: rgb(82, 139, 139);">528B8B</option>
<option value="7FFFD4" style="background-color: rgb(127, 255, 212);">7FFFD4</option>
<option value="76EEC6" style="background-color: rgb(118, 238, 198);">76EEC6</option>
<option value="66CDAA" style="background-color: rgb(102, 205, 170);">66CDAA</option>
<option value="458B74" style="background-color: rgb(69, 139, 116);">458B74</option>
<option value="C1FFC1" style="background-color: rgb(193, 255, 193);">C1FFC1</option>
<option value="B4EEB4" style="background-color: rgb(180, 238, 180);">B4EEB4</option>
<option value="9BCD9B" style="background-color: rgb(155, 205, 155);">9BCD9B</option>
<option value="698B69" style="background-color: rgb(105, 139, 105);">698B69</option>
<option value="54FF9F" style="background-color: rgb(84, 255, 159);">54FF9F</option>
<option value="4EEE94" style="background-color: rgb(78, 238, 148);">4EEE94</option>
<option value="43CD80" style="background-color: rgb(67, 205, 128);">43CD80</option>
<option value="2E8B57" style="background-color: rgb(46, 139, 87);">2E8B57</option>
<option value="9AFF9A" style="background-color: rgb(154, 255, 154);">9AFF9A</option>
<option value="90EE90" style="background-color: rgb(144, 238, 144);">90EE90</option>
<option value="7CCD7C" style="background-color: rgb(124, 205, 124);">7CCD7C</option>
<option value="548B54" style="background-color: rgb(84, 139, 84);">548B54</option>
<option value="00FF7F" style="background-color: rgb(0, 255, 127);">00FF7F</option>
<option value="00EE76" style="background-color: rgb(0, 238, 118);">00EE76</option>
<option value="00CD66" style="background-color: rgb(0, 205, 102);">00CD66</option>
<option value="008B45" style="background-color: rgb(0, 139, 69);">008B45</option>
<option value="00FF00" style="background-color: rgb(0, 255, 0);">00FF00</option>
<option value="00EE00" style="background-color: rgb(0, 238, 0);">00EE00</option>
<option value="00CD00" style="background-color: rgb(0, 205, 0);">00CD00</option>
<option value="008B00" style="background-color: rgb(0, 139, 0);">008B00</option>
<option value="7FFF00" style="background-color: rgb(127, 255, 0);">7FFF00</option>
<option value="76EE00" style="background-color: rgb(118, 238, 0);">76EE00</option>
<option value="66CD00" style="background-color: rgb(102, 205, 0);">66CD00</option>
<option value="458B00" style="background-color: rgb(69, 139, 0);">458B00</option>
<option value="C0FF3E" style="background-color: rgb(192, 255, 62);">C0FF3E</option>
<option value="B3EE3A" style="background-color: rgb(179, 238, 58);">B3EE3A</option>
<option value="9ACD32" style="background-color: rgb(154, 205, 50);">9ACD32</option>
<option value="698B22" style="background-color: rgb(105, 139, 34);">#698B22</option>
<option value="CAFF70" style="background-color: rgb(202, 255, 112);">#CAFF70</option>
<option value="BCEE68" style="background-color: rgb(188, 238, 104);">#BCEE68</option>
<option value="A2CD5A" style="background-color: rgb(162, 205, 90);">#A2CD5A</option>
<option value="6E8B3D" style="background-color: rgb(110, 139, 61);">#6E8B3D</option>
<option value="FFF68F" style="background-color: rgb(255, 246, 143);">#FFF68F</option>
<option value="EEE685" style="background-color: rgb(238, 230, 133);">#EEE685</option>
<option value="CDC673" style="background-color: rgb(205, 198, 115);">#CDC673</option>
<option value="8B864E" style="background-color: rgb(139, 134, 78);">#8B864E</option>
<option value="FFEC8B" style="background-color: rgb(255, 236, 139);">#FFEC8B</option>
<option value="EEDC82" style="background-color: rgb(238, 220, 130);">#EEDC82</option>
<option value="CDBE70" style="background-color: rgb(205, 190, 112);">#CDBE70</option>
<option value="8B814C" style="background-color: rgb(139, 129, 76);">#8B814C</option>
<option value="FFFFE0" style="background-color: rgb(255, 255, 224);">#FFFFE0</option>
<option value="EEEED1" style="background-color: rgb(238, 238, 209);">#EEEED1</option>
<option value="CDCDB4" style="background-color: rgb(205, 205, 180);">#CDCDB4</option>
<option value="8B8B7A" style="background-color: rgb(139, 139, 122);">#8B8B7A</option>
<option value="FFFF00" style="background-color: rgb(255, 255, 0);">#FFFF00</option>
<option value="EEEE00" style="background-color: rgb(238, 238, 0);">#EEEE00</option>
<option value="CDCD00" style="background-color: rgb(205, 205, 0);">#CDCD00</option>
<option value="8B8B00" style="background-color: rgb(139, 139, 0);">#8B8B00</option>
<option value="FFD700" style="background-color: rgb(255, 215, 0);">#FFD700</option>
<option value="EEC900" style="background-color: rgb(238, 201, 0);">#EEC900</option>
<option value="CDAD00" style="background-color: rgb(205, 173, 0);">#CDAD00</option>
<option value="8B7500" style="background-color: rgb(139, 117, 0);">#8B7500</option>
<option value="FFC125" style="background-color: rgb(255, 193, 37);">#FFC125</option>
<option value="EEB422" style="background-color: rgb(238, 180, 34);">#EEB422</option>
<option value="CD9B1D" style="background-color: rgb(205, 155, 29);">#CD9B1D</option>
<option value="8B6914" style="background-color: rgb(139, 105, 20);">#8B6914</option>
<option value="FFB90F" style="background-color: rgb(255, 185, 15);">#FFB90F</option>
<option value="EEAD0E" style="background-color: rgb(238, 173, 14);">#EEAD0E</option>
<option value="CD950C" style="background-color: rgb(205, 149, 12);">#CD950C</option>
<option value="8B658B" style="background-color: rgb(139, 101, 139);">#8B658B</option>
<option value="FFC1C1" style="background-color: rgb(255, 193, 193);">#FFC1C1</option>
<option value="EEB4B4" style="background-color: rgb(238, 180, 180);">#EEB4B4</option>
<option value="CD9B9B" style="background-color: rgb(205, 155, 155);">#CD9B9B</option>
<option value="8B6969" style="background-color: rgb(139, 105, 105);">#8B6969</option>
<option value="FF6A6A" style="background-color: rgb(255, 106, 106);">#FF6A6A</option>
<option value="EE6363" style="background-color: rgb(238, 99, 99);">#EE6363</option>
<option value="CD5555" style="background-color: rgb(205, 85, 85);">#CD5555</option>
<option value="8B3A3A" style="background-color: rgb(139, 58, 58);">#8B3A3A</option>
<option value="FF8247" style="background-color: rgb(255, 130, 71);">#FF8247</option>
<option value="EE7942" style="background-color: rgb(238, 121, 66);">#EE7942</option>
<option value="CD6839" style="background-color: rgb(205, 104, 57);">#CD6839</option>
<option value="8B4726" style="background-color: rgb(139, 71, 38);">#8B4726</option>
<option value="FFD39B" style="background-color: rgb(255, 211, 155);">#FFD39B</option>
<option value="EEC591" style="background-color: rgb(238, 197, 145);">#EEC591</option>
<option value="CDAA7D" style="background-color: rgb(205, 170, 125);">#CDAA7D</option>
<option value="8B7355" style="background-color: rgb(139, 115, 85);">#8B7355</option>
<option value="FFE7BA" style="background-color: rgb(255, 231, 186);">#FFE7BA</option>
<option value="EED8AE" style="background-color: rgb(238, 216, 174);">#EED8AE</option>
<option value="CDBA96" style="background-color: rgb(205, 186, 150);">#CDBA96</option>
<option value="8B7E66" style="background-color: rgb(139, 126, 102);">#8B7E66</option>
<option value="FFA54F" style="background-color: rgb(255, 165, 79);">#FFA54F</option>
<option value="EE9A49" style="background-color: rgb(238, 154, 73);">#EE9A49</option>
<option value="CD853F" style="background-color: rgb(205, 133, 63);">#CD853F</option>
<option value="8B5A2B" style="background-color: rgb(139, 90, 43);">#8B5A2B</option>
<option value="FF7F24" style="background-color: rgb(255, 127, 36);">#FF7F24</option>
<option value="EE7621" style="background-color: rgb(238, 118, 33);">#EE7621</option>
<option value="CD661D" style="background-color: rgb(205, 102, 29);">#CD661D</option>
<option value="8B4513" style="background-color: rgb(139, 69, 19);">#8B4513</option>
<option value="FF3030" style="background-color: rgb(255, 48, 48);">#FF3030</option>
<option value="EE2C2C" style="background-color: rgb(238, 44, 44);">#EE2C2C</option>
<option value="CD2626" style="background-color: rgb(205, 38, 38);">#CD2626</option>
<option value="8B1A1A" style="background-color: rgb(139, 26, 26);">#8B1A1A</option>
<option value="FF4040" style="background-color: rgb(255, 64, 64);">#FF4040</option>
<option value="EE3B3B" style="background-color: rgb(238, 59, 59);">#EE3B3B</option>
<option value="CD3333" style="background-color: rgb(205, 51, 51);">#CD3333</option>
<option value="8B2323" style="background-color: rgb(139, 35, 35);">#8B2323</option>
<option value="FF8C69" style="background-color: rgb(255, 140, 105);">#FF8C69</option>
<option value="EE8262" style="background-color: rgb(238, 130, 98);">#EE8262</option>
<option value="CD7054" style="background-color: rgb(205, 112, 84);">#CD7054</option>
<option value="8B4C39" style="background-color: rgb(139, 76, 57);">#8B4C39</option>
<option value="FFA07A" style="background-color: rgb(255, 160, 122);">#FFA07A</option>
<option value="EE9572" style="background-color: rgb(238, 149, 114);">#EE9572</option>
<option value="CD8162" style="background-color: rgb(205, 129, 98);">#CD8162</option>
<option value="8B5742" style="background-color: rgb(139, 87, 66);">#8B5742</option>
<option value="FFA500" style="background-color: rgb(255, 165, 0);">#FFA500</option>
<option value="EE9A00" style="background-color: rgb(238, 154, 0);">#EE9A00</option>
<option value="CD8500" style="background-color: rgb(205, 133, 0);">#CD8500</option>
<option value="8B5A00" style="background-color: rgb(139, 90, 0);">#8B5A00</option>
<option value="FF7F00" style="background-color: rgb(255, 127, 0);">#FF7F00</option>
<option value="EE7600" style="background-color: rgb(238, 118, 0);">#EE7600</option>
<option value="CD6600" style="background-color: rgb(205, 102, 0);">#CD6600</option>
<option value="8B4500" style="background-color: rgb(139, 69, 0);">#8B4500</option>
<option value="FF7256" style="background-color: rgb(255, 114, 86);">#FF7256</option>
<option value="EE6A50" style="background-color: rgb(238, 106, 80);">#EE6A50</option>
<option value="CD5B45" style="background-color: rgb(205, 91, 69);">#CD5B45</option>
<option value="8B3E2F" style="background-color: rgb(139, 62, 47);">#8B3E2F</option>
<option value="FF6347" style="background-color: rgb(255, 99, 71);">#FF6347</option>
<option value="EE5C42" style="background-color: rgb(238, 92, 66);">#EE5C42</option>
<option value="CD4F39" style="background-color: rgb(205, 79, 57);">#CD4F39</option>
<option value="8B3626" style="background-color: rgb(139, 54, 38);">#8B3626</option>
<option value="FF4500" style="background-color: rgb(255, 69, 0);">#FF4500</option>
<option value="EE4000" style="background-color: rgb(238, 64, 0);">#EE4000</option>
<option value="CD3700" style="background-color: rgb(205, 55, 0);">#CD3700</option>
<option value="8B2500" style="background-color: rgb(139, 37, 0);">#8B2500</option>
<option value="FF0000" style="background-color: rgb(255, 0, 0);">#FF0000</option>
<option value="EE0000" style="background-color: rgb(238, 0, 0);">#EE0000</option>
<option value="CD0000" style="background-color: rgb(205, 0, 0);">#CD0000</option>
<option value="8B0000" style="background-color: rgb(139, 0, 0);">#8B0000</option>
<option value="FF1493" style="background-color: rgb(255, 20, 147);">#FF1493</option>
<option value="EE1289" style="background-color: rgb(238, 18, 137);">#EE1289</option>
<option value="CD1076" style="background-color: rgb(205, 16, 118);">#CD1076</option>
<option value="8B0A50" style="background-color: rgb(139, 10, 80);">#8B0A50</option>
<option value="FF6EB4" style="background-color: rgb(255, 110, 180);">#FF6EB4</option>
<option value="EE6AA7" style="background-color: rgb(238, 106, 167);">#EE6AA7</option>
<option value="CD6090" style="background-color: rgb(205, 96, 144);">#CD6090</option>
<option value="8B3A62" style="background-color: rgb(139, 58, 98);">#8B3A62</option>
<option value="FFB5C5" style="background-color: rgb(255, 181, 197);">#FFB5C5</option>
<option value="EEA9B8" style="background-color: rgb(238, 169, 184);">#EEA9B8</option>
<option value="CD919E" style="background-color: rgb(205, 145, 158);">#CD919E</option>
<option value="8B636C" style="background-color: rgb(139, 99, 108);">#8B636C</option>
<option value="FFAEB9" style="background-color: rgb(255, 174, 185);">#FFAEB9</option>
<option value="EEA2AD" style="background-color: rgb(238, 162, 173);">#EEA2AD</option>
<option value="CD8C95" style="background-color: rgb(205, 140, 149);">#CD8C95</option>
<option value="8B5F65" style="background-color: rgb(139, 95, 101);">#8B5F65</option>
<option value="FF82AB" style="background-color: rgb(255, 130, 171);">#FF82AB</option>
<option value="EE799F" style="background-color: rgb(238, 121, 159);">#EE799F</option>
<option value="CD6889" style="background-color: rgb(205, 104, 137);">#CD6889</option>
<option value="8B475D" style="background-color: rgb(139, 71, 93);">#8B475D</option>
<option value="FF34B3" style="background-color: rgb(255, 52, 179);">#FF34B3</option>
<option value="EE30A7" style="background-color: rgb(238, 48, 167);">#EE30A7</option>
<option value="CD2990" style="background-color: rgb(205, 41, 144);">#CD2990</option>
<option value="8B1C62" style="background-color: rgb(139, 28, 98);">#8B1C62</option>
<option value="FF3E96" style="background-color: rgb(255, 62, 150);">#FF3E96</option>
<option value="EE3A8C" style="background-color: rgb(238, 58, 140);">#EE3A8C</option>
<option value="CD3278" style="background-color: rgb(205, 50, 120);">#CD3278</option>
<option value="8B2252" style="background-color: rgb(139, 34, 82);">#8B2252</option>
<option value="FF00FF" style="background-color: rgb(255, 0, 255);">#FF00FF</option>
<option value="EE00EE" style="background-color: rgb(238, 0, 238);">#EE00EE</option>
<option value="CD00CD" style="background-color: rgb(205, 0, 205);">#CD00CD</option>
<option value="8B008B" style="background-color: rgb(139, 0, 139);">#8B008B</option>
<option value="FF83FA" style="background-color: rgb(255, 131, 250);">#FF83FA</option>
<option value="EE7AE9" style="background-color: rgb(238, 122, 233);">#EE7AE9</option>
<option value="CD69C9" style="background-color: rgb(205, 105, 201);">#CD69C9</option>
<option value="8B4789" style="background-color: rgb(139, 71, 137);">#8B4789</option>
<option value="FFBBFF" style="background-color: rgb(255, 187, 255);">#FFBBFF</option>
<option value="EEAEEE" style="background-color: rgb(238, 174, 238);">#EEAEEE</option>
<option value="CD96CD" style="background-color: rgb(205, 150, 205);">#CD96CD</option>
<option value="8B668B" style="background-color: rgb(139, 102, 139);">#8B668B</option>
<option value="E066FF" style="background-color: rgb(224, 102, 255);">#E066FF</option>
<option value="D15FEE" style="background-color: rgb(209, 95, 238);">#D15FEE</option>
<option value="B452CD" style="background-color: rgb(180, 82, 205);">#B452CD</option>
<option value="7A378B" style="background-color: rgb(122, 55, 139);">#7A378B</option>
<option value="BF3EFF" style="background-color: rgb(191, 62, 255);">#BF3EFF</option>
<option value="B23AEE" style="background-color: rgb(178, 58, 238);">#B23AEE</option>
<option value="9A32CD" style="background-color: rgb(154, 50, 205);">#9A32CD</option>
<option value="68228B" style="background-color: rgb(104, 34, 139);">#68228B</option>
<option value="9B30FF" style="background-color: rgb(155, 48, 255);">#9B30FF</option>
<option value="912CEE" style="background-color: rgb(145, 44, 238);">#912CEE</option>
<option value="7D26CD" style="background-color: rgb(125, 38, 205);">#7D26CD</option>
<option value="551A8B" style="background-color: rgb(85, 26, 139);">#551A8B</option>
<option value="AB82FF" style="background-color: rgb(171, 130, 255);">#AB82FF</option>
<option value="9F79EE" style="background-color: rgb(159, 121, 238);">#9F79EE</option>
<option value="8968CD" style="background-color: rgb(137, 104, 205);">#8968CD</option>
<option value="5D478B" style="background-color: rgb(93, 71, 139);">#5D478B</option>
<option value="FFE1FF" style="background-color: rgb(255, 225, 255);">#FFE1FF</option>
<option value="EED2EE" style="background-color: rgb(238, 210, 238);">#EED2EE</option>
<option value="CDB5CD" style="background-color: rgb(205, 181, 205);">#CDB5CD</option>
<option value="8B7B8B" style="background-color: rgb(139, 123, 139);">#8B7B8B</option>
<option value="1C1C1C" style="background-color: rgb(28, 28, 28);">#1C1C1C</option>
<option value="363636" style="background-color: rgb(54, 54, 54);">#363636</option>
<option value="4F4F4F" style="background-color: rgb(79, 79, 79);">#4F4F4F</option>
<option value="696969" style="background-color: rgb(105, 105, 105);">#696969</option>
<option value="828282" style="background-color: rgb(130, 130, 130);">#828282</option>
<option value="9C9C9C" style="background-color: rgb(156, 156, 156);">#9C9C9C</option>
<option value="B5B5B5" style="background-color: rgb(181, 181, 181);">#B5B5B5</option>
<option value="CFCFCF" style="background-color: rgb(207, 207, 207);">#CFCFCF</option>
<option value="E8E8E8" style="background-color: rgb(232, 232, 232);">#E8E8E8</option>
<option value="A9A9A9" style="background-color: rgb(169, 169, 169);">#A9A9A9</option>
<option value="00008B" style="background-color: rgb(0, 0, 139);">#00008B</option>
<option value="008B8B" style="background-color: rgb(0, 139, 139);">#008B8B</option>
<option value="8B008B" style="background-color: rgb(139, 0, 139);">#8B008B</option>
<option value="8B0000" style="background-color: rgb(139, 0, 0);">#8B0000</option>
<option value="90EE90" style="background-color: rgb(144, 238, 144);">#90EE90</option>
</select>

Vlad · January 18, 2011

Вместо background-color: rgb(255, 250, 250); можно просто написать background: #FFFAFA. Но я бы и этого не стал делать. Все значения загнать в массив и тег <option> выводить в цикле. Код сократится на порядки.

gradus · January 18, 2011

ну цвета то явно придётся всё равно перечислять.

А так вот мой вариант, rgb изначально засовываете в массив.Далее каждый rbg переводим в 16 систему и пускам цикл по массиву с выводом как rbg так и с переводом в 16-чную систему счисления

P.s. тчёрт опередили :rolleyes:

можно просто написать background: #FFFAFA. Но я бы и этого не стал делать.

почему? по моему лучше будет чем щас

Edited January 18, 2011 by gradus

Vlad · January 18, 2011

Да в RGB вообще смысла переводить нет, значение же только для изменения цвета используется, так что странице монопенисуально в каком формате задано.

gradus · January 18, 2011

Да в RGB вообще смысла переводить нет, значение же только для изменения цвета используется, так что странице монопенисуально в каком формате задано.

согласен, только вопрос то я другой задал

почему ты бы background: #FFFAFA не стал писать ?

Vlad · January 18, 2011

Имел в виду, что background должен указываться через скрипт, а не напрямую в коде.

Int · January 18, 2011

Потому что прирост минимальный

ghost · January 19, 2011

Спасибо большое!! Сделаю массив и в цикле скриптом выведу это значение.

Sign In

Иная реализация палитры

Question

ghost

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

gradus

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

gradus

Link to comment

Share on other sites

Vlad

Link to comment

Share on other sites

Int

Link to comment

Share on other sites

ghost

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information