diff options
| author | yo mama <pepper@scannerjammer.com> | 2015-08-07 18:33:30 -0700 |
|---|---|---|
| committer | yo mama <pepper@scannerjammer.com> | 2015-08-07 18:33:30 -0700 |
| commit | 236fd1d9f2009083fbbfce7190c27fbf1d7c88b8 (patch) | |
| tree | 6077ff15b4b770b4b292aaa14d9cbfff1ba82fae /frontend/imgrid/colors/junk | |
| parent | c89619f1b1f908d0f330c468866cea669ce8bf6c (diff) | |
getting ready
Diffstat (limited to 'frontend/imgrid/colors/junk')
| -rwxr-xr-x | frontend/imgrid/colors/junk/ScrollEffect.js | 86 | ||||
| -rwxr-xr-x | frontend/imgrid/colors/junk/ScrollEffectcomingsoon.js | 237 | ||||
| -rwxr-xr-x | frontend/imgrid/colors/junk/brush.ani | bin | 0 -> 12950 bytes | |||
| -rwxr-xr-x | frontend/imgrid/colors/junk/colordictOLD.js | 2 | ||||
| -rwxr-xr-x | frontend/imgrid/colors/junk/colorpicker.html | 254 | ||||
| -rwxr-xr-x | frontend/imgrid/colors/junk/colorpixx.css | 2047 | ||||
| -rwxr-xr-x | frontend/imgrid/colors/junk/colorpixx.js | 92 | ||||
| -rwxr-xr-x | frontend/imgrid/colors/junk/colors.html | 5429 | ||||
| -rwxr-xr-x | frontend/imgrid/colors/junk/colorsbest.html | 3606 | ||||
| -rwxr-xr-x | frontend/imgrid/colors/junk/divlist.js | 2 | ||||
| -rwxr-xr-x | frontend/imgrid/colors/junk/divlistmaker | 32 | ||||
| -rwxr-xr-x | frontend/imgrid/colors/junk/mapmaker.html | 3586 | ||||
| -rwxr-xr-x | frontend/imgrid/colors/junk/picker.js | 15 | ||||
| -rwxr-xr-x | frontend/imgrid/colors/junk/scrollio.html | 3850 | ||||
| -rwxr-xr-x | frontend/imgrid/colors/junk/separate | 126 | ||||
| -rwxr-xr-x | frontend/imgrid/colors/junk/todo.txt | 135 | ||||
| -rwxr-xr-x | frontend/imgrid/colors/junk/withscroller.html | 3850 |
17 files changed, 23349 insertions, 0 deletions
diff --git a/frontend/imgrid/colors/junk/ScrollEffect.js b/frontend/imgrid/colors/junk/ScrollEffect.js new file mode 100755 index 0000000..ac8ca3f --- /dev/null +++ b/frontend/imgrid/colors/junk/ScrollEffect.js @@ -0,0 +1,86 @@ +var vt = function () { + var view_box, + scrolled_element, + scrolled_element_actualheight = 0, + new_scrolled_element_top_position = 0, + final_Landing_Spot = 0, + hidden_material = 0, + viewbox_actualheight = 0, + y_coordinate = 0; + + var velx; + var prevY; + // ----- setup jquery selectors, set mouse event, run function run on timer + var start = function (view_element, element_to_be_scrolled) { + + // ----- mouse event ----- + $('.colors').mousemove(function(e){ + y_coordinate = e.clientY; + velx = e.clientY - prevY; + }); + + // ----- selectors and variables + view_box = $('#'+view_element)[0];//.(view_element);//viewarea + scrolled_element = $('#'+element_to_be_scrolled)[0]; //container + viewbox_actualheight = view_box.offsetHeight;//always 850px + scrolled_element_actualheight = scrolled_element.offsetHeight; + hidden_material = scrolled_element_actualheight - viewbox_actualheight; + + + // ----- start engine ----- + + setInterval(run, 60);//previously 16, the higher the number, the easier it is on the browser + }; + ///////////////////////////////////////////////////////////////////////////// + + + // ----- main ----- all this function does is adjust the top position of the div + var run = function () { + + prevY = y_coordinate; + + //if velocity is negative, landing spot and scrolltop increase in value (you have to add it) + + //velocity function if velocity is high, final landing spot is high, + +//FINAL LANDING SPOT IS NO LONGER FINAL LANDING SPOT. INSTEAD it's +//how much the div will move + // ----- calculate the final landing spot +// if(y_coordinate < viewbox_actualheight){ //it almost always is + final_Landing_Spot = y_coordinate * -18.5//( hidden_material / viewbox_actualheight)*-1; //this is negative because it's adjusting top css + + $('#preview').html('x-velocity='+'scrolled element'+scrolled_element_offset_height+'thats it'+velx+'<br><span id="boners" style="position:absolute; z-index:1000;"></span>') +// } + /*this is the mouse position multiplied by the ratio of hidden to visible. this makes sense going in the negative direction, because + it allows the number to grow in proportion to how much invisible stuff there is...the issue is that the mouse position is small at the top of + the screen and large at the bottom...it needs to be equalized*/ + + + + // ----- function to determine easing + var velocity = (final_Landing_Spot - new_scrolled_element_top_position) + new_scrolled_element_top_position += Math.max(-25, Math.min(25, (final_Landing_Spot - new_scrolled_element_top_position))); + + + + + + + + + + + + + $('#boners').html('<span style="font-size:14"> final_Landing_Spot ='+(final_Landing_Spot - new_scrolled_element_top_position)+'<br>var vvvvvvelocity='+velocity+'<br> clientY='+y_coordinate+'<br>new scrolled top='+new_scrolled_element_top_position+'</span>') + // ----- HTML position ----- + scrolled_element.style.top = Math.round(new_scrolled_element_top_position) + 'px'; //and finally it's put in...continuously against the timer + + }; + + return { + //////////////////////////////////////////////////////////////////////////// + /* ==== public functions ==== */ + start : start, + } +}(); diff --git a/frontend/imgrid/colors/junk/ScrollEffectcomingsoon.js b/frontend/imgrid/colors/junk/ScrollEffectcomingsoon.js new file mode 100755 index 0000000..3388d5f --- /dev/null +++ b/frontend/imgrid/colors/junk/ScrollEffectcomingsoon.js @@ -0,0 +1,237 @@ +var vt = function () { + var view_box, + scrolled_element, + scrolled_element_actualheight = 0, + easing = 0, + final_resting_place = 0, + hidden_material = 0, + viewbox_actualheight = 0; + var y_coordinate = 0; + + var velocity; + var prevY; + var lastrested = 0; + // ----- setup jquery selectors, set mouse event, run function run on timer + var start = function (view_element, element_to_be_scrolled) { + + // ----- mouse event ----- + $('.colors').mousemove(function(e){ + y_coordinate = e.clientY; + velocity = e.clientY - prevY; + }); + velocity = y_coordinate - prevY + // ----- selectors and variables + view_box = $('#'+view_element)[0];//.(view_element);//viewarea + scrolled_element = $('#'+element_to_be_scrolled)[0]; //container + viewbox_actualheight = view_box.offsetHeight;//always 850px + scrolled_element_actualheight = scrolled_element.offsetHeight; + hidden_material = scrolled_element_actualheight - viewbox_actualheight; + + + // ----- timer ----- + + setInterval(run, 50);//previously 16, the higher the number, the easier it is on the browser + }; + ///////////////////////////////////////////////////////////////////////////// + + + // ----- main ----- all this function does is adjust the top position of the div + var run = function () { + + prevY = y_coordinate; + + //if velocity is negative, landing spot and scrolltop increase in value (you have to add it) + + //velocity function if velocity is high, final landing spot is high, + +//FINAL LANDING SPOT IS NO LONGER FINAL LANDING SPOT. INSTEAD it's +//how much the div will move + // ----- calculate the final landing spot +// if(y_coordinate < viewbox_actualheight){ //it almost always is + final_resting_place = velocity * -8 + // -18.5//( hidden_material / viewbox_actualheight)*-1; //this is negative because it's adjusting top css + var rush = velocity*.1 + + $('#preview').html('velocity='+velocity+'<br>rush='+rush+'<br><span id="boners" style="position:absolute; z-index:1000;"></span>') +// } + /*this is the mouse position multiplied by the ratio of hidden to visible. this makes sense going in the negative direction, because + it allows the number to grow in proportion to how much invisible stuff there is...the issue is that the mouse position is small at the top of + the screen and large at the bottom...it needs to be equalized*/ + + + + // ----- function to determine roll_to_zero + // var wheelshow; + var roll_to_zero; + // if(Math.abs(velocity)<10){roll_to_zero = roll_to_zero} + // else{ + roll_to_zero = (final_resting_place - easing) + // easing += Math.max(-25, Math.min(25, roll_to_zero));} + // easing += Math.max(-25, Math.min(25, roll_to_zero));} + if (roll_to_zero > 0) + {if (roll_to_zero > 8000) + {easing = easing + 100} + else if (roll_to_zero > 6000) + {easing = easing +50} + else if (roll_to_zero > 3000) + {easing = easing + 30} + else if (roll_to_zero > 1000) + {easing = easing + 20} + else if (roll_to_zero > 50) + {easing = easing +5} + else{easing = easing +1}} + else if (roll_to_zero < 0) + {if (roll_to_zero < 8000) + {easing = easing - 100} + else if (roll_to_zero < 6000) + {easing = easing -50} + else if (roll_to_zero < 3000) + {easing = easing - 30} + else if (roll_to_zero < 1000) + {easing = easing - 20} + else if (roll_to_zero < 50) + {easing = easing -1}} + else{easing = final_resting_place} + + if (roll_to_zero == 0){roll_to_zero = 0} + if (Math.abs(velocity) <= 50){roll_to_zero = 0} +// } + // easing = + //in other words if its less than 25(and moving down to zero), it uses 25 and if it's greater than 25 (moving up to zero) it uses 25. it will move + //faster going up if the Math.min(25, number is higher, but since the value is determined by the mouse cursor position it won't move as fast + + + + + + + + + + + $('#boners').html('<span style="font-size:14"><br>final resting place='+final_resting_place+'<br>var roll_to_zero='+roll_to_zero+'<br> clientY='+y_coordinate+'<br>easing='+easing+'</span>') + // ----- HTML position ----- + scrolled_element.style.top = Math.round(easing) + 'px'; //and finally it's put in...continuously against the timer + + }; +// var wheelshow = final_resting_place - lastrested; + // while(easing > 0){html = this div rightwheel} +// while(easing < 0){html = this div leftwheel.show} //wheel should be gray and transparent 3/4 view bg = colors under the mouseover + // if(easing == 0){hmtl = ''} + return { + //////////////////////////////////////////////////////////////////////////// + /* ==== public functions ==== */ + start : start, + } +}(); + + +/*minimap...how would it work? + +an image of the page... + +plus a div with a border + +there would have to be some sort of mathematical correllation to the window.height and the height of the div +against the minimap + + + + + +WHAT WE'VE GOT;;;;;;;;;;;;;;;;;;;;;;;;; +VELOCITY Y...A NUMBER THAT INDICATES THE CHANGE IN POSITION OF THE MOUSE + +HIDDENMATERIAL/VIEWBOX ACTUAL HeIGHT = 18.5 + +resting space range is -200 -1200 + + + +the way the algorithm works + + +final_top_position = (y coordinate)(-20) //some big number that's dependent on the y position + + +easing function...rolling toward the final_top_position + +[first off +the y coordinate shouldn't be based on the upper left (only because of VALUE, that's why it's easier to scroll down than up)] + +[e.pageY-($(window).height()*0.5)] + +value should be eradicated...we should instead use velocity which is DELTA. doesn't matter + + + roll_to_zero = (final_Landing_Spot - easing) first a destination spot is calculated, then easing takes place +new_scrolled_element + + + roll_to_zero = (final_Landing_Spot - easing)} + easing += Math.max(-25, Math.min(25, roll_to_zero)) + +instead of adjusting the height to the final landing spot, it becomes the easing value + +how easing works + x += Math.max(-25, Math.min(25, finalrestingplace-x));//as x approaches the final resting place, easing is used. 25 and -25 are used to traverse +long spaces more quickly + +where x = the current scroller position +as x becomes larger final resting place gets closer to 0 (it would actually be smaller, but we're dealing with negative values) + +the function is read from the inside out + +and of course, the statement that is missing is that x MUST be less than the overall distance travelable (which MUST be calculated) + +what's less important is the destination spot. more important would be the distance traveled per mouse move + +if the velocity is low, the distance is low, if the velocity is really high, it zooms to the end. + +before getting into specifics, for ease of reference lets say the velocity is has a range of -10 to 10, the over all distance traveled is 100px + +if the velocity is equal to range(-3,3) distance traved = 0 +if the velocity is between range(-4,-3) or range(3,4) distance traveled = 2 +if the velocity is between range (5,6) or (-5,-6) distance traveled would be 20 +if the velocity is between the range of 7,8 or -7,-8 the distance traveled would be 40 +if the velocity is between the range of 89 the velocity traveled would 80 +9-10 velocity is 160 + +0 +-12302 from the top is the current max + + + + + + + + +plotted out this looks like this + # + + + + + + + + # + + + + + # + + +__- __- __# __ __ __ __ __ __ __ __ __ + +essentially we want something that looks like this (0.3x)^5 +0.ax^b + +we can play with which exponent is right, but only choosing odd ones +where a is the stationary range number +and b is the new slope + + +this function is called on a timer*/ diff --git a/frontend/imgrid/colors/junk/brush.ani b/frontend/imgrid/colors/junk/brush.ani Binary files differnew file mode 100755 index 0000000..6da99b4 --- /dev/null +++ b/frontend/imgrid/colors/junk/brush.ani diff --git a/frontend/imgrid/colors/junk/colordictOLD.js b/frontend/imgrid/colors/junk/colordictOLD.js new file mode 100755 index 0000000..67220ca --- /dev/null +++ b/frontend/imgrid/colors/junk/colordictOLD.js @@ -0,0 +1,2 @@ +var hextoname = {'#EE1289': 'DeepPink2', '#EE8262': 'salmon2', '#C4C4C4': 'gray77', '#556B2F': 'DarkOliveGreen', '#FF8C00': 'DarkOrange', '#8B7B8B': 'thistle4', '#0000EE': 'blue2', '#EED5D2': 'MistyRose2', '#BA55D3': 'MediumOrchid', '#FFF5EE': 'seashell', '#912CEE': 'purple2', '#2F4F4F': 'DarkSlateGray', '#32814B': 'MediumForestGreen', '#D15FEE': 'MediumOrchid2', '#F0FFF0': 'honeydew', '#B23AEE': 'DarkOrchid2', '#8B7765': 'PeachPuff4', '#3D3D3D': 'gray24', '#54FF9F': 'SeaGreen1', '#636363': 'gray39', '#8B8386': 'LavenderBlush4', '#FF4040': 'brown1', '#EEA9B8': 'pink2', '#C2C2C2': 'gray76', '#800080': 'purple', '#545454': 'gray33', '#EE3A8C': 'VioletRed2', '#8A8A8A': 'gray54', '#FF00FF': 'fuchsia', '#436EEE': 'RoyalBlue2', '#8B864E': 'khaki4', '#0A0A0A': 'gray4', '#808000': 'olive', '#E3E3E3': 'gray89', '#1874CD': 'DodgerBlue3', '#BCD2EE': 'LightSteelBlue2', '#A9A9A9': 'DarkGray', '#F4A460': 'SandyBrown', '#FF3030': 'firebrick1', '#FFEBCD': 'BlanchedAlmond', '#B0C4DE': 'LightSteelBlue', '#00CDCD': 'cyan3', '#C0FF3E': 'OliveDrab1', '#FFD700': 'gold', '#242424': 'gray14', '#8B2252': 'VioletRed4', '#4EEE94': 'SeaGreen2', '#CD3278': 'VioletRed3', '#00E5EE': 'turquoise2', '#CD853F': 'peru', '#ADD8E6': 'LightBlue', '#C7C7C7': 'gray78', '#CD2990': 'maroon3', '#EEE5DE': 'seashell2', '#66CD00': 'chartreuse3', '#878787': 'gray53', '#FFA54F': 'tan1', '#A2B5CD': 'LightSteelBlue3', '#BC8F8F': 'RosyBrown', '#C9C9C9': 'gray79', '#D1C166': 'MediumGoldenRod', '#8B2323': 'brown4', '#B3EE3A': 'OliveDrab2', '#EEEED1': 'LightYellow2', '#AEEEEE': 'PaleTurquoise2', '#BDBDBD': 'gray74', '#FF7F00': 'DarkOrange1', '#FFC0CB': 'pink', '#EE3B3B': 'brown2', '#CDC8B1': 'cornsilk3', '#CDB38B': 'NavajoWhite3', '#CDBA96': 'wheat3', '#B4EEB4': 'DarkSeaGreen2', '#40E0D0': 'turquoise', '#8B795E': 'NavajoWhite4', '#27408B': 'RoyalBlue4', '#424242': 'gray26', '#CDB7B5': 'MistyRose3', '#CAE1FF': 'LightSteelBlue1', '#F0FFFF': 'azure', '#2E8B57': 'SeaGreen', '#87CEEB': 'SkyBlue', '#CD00CD': 'magenta3', '#CDAA7D': 'burlywood3', '#836FFF': 'SlateBlue1', '#ABABAB': 'gray67', '#EEB4B4': 'RosyBrown2', '#8B7355': 'burlywood4', '#F0E68C': 'khaki', '#CDCDB4': 'LightYellow3', '#4D4D4D': 'gray30', '#B8B8B8': 'gray72', '#B4CDCD': 'LightCyan3', '#008B8B': 'cyan4', '#828282': 'gray51', '#00EEEE': 'cyan2', '#708090': 'SlateGray', '#9AFF9A': 'PaleGreen1', '#FFA07A': 'LightSalmon', '#EBEBEB': 'gray92', '#FFB5C5': 'pink1', '#00688B': 'DeepSkyBlue4', '#DBDBDB': 'gray86', '#191970': 'MidnightBlue', '#FF83FA': 'orchid1', '#A1A1A1': 'gray63', '#838B8B': 'azure4', '#FFA500': 'orange', '#00FF7F': 'SpringGreen', '#EEAD0E': 'DarkGoldenrod2', '#B03060': 'maroon', '#96CDCD': 'PaleTurquoise3', '#CD3333': 'brown3', '#CDBE70': 'LightGoldenrod3', '#7CCD7C': 'PaleGreen3', '#97FFFF': 'DarkSlateGray1', '#DAA520': 'goldenrod', '#8B3A3A': 'IndianRed4', '#6B6B6B': 'gray42', '#FFFAF0': 'FloralWhite', '#757575': 'gray46', '#BFBFBF': 'gray75', '#00EE76': 'SpringGreen2', '#FFFAFA': 'snow', '#6E8B3D': 'DarkOliveGreen4', '#EEE685': 'khaki2', '#FF3E96': 'VioletRed1', '#EE0000': 'red2', '#FDF5E6': 'OldLace', '#E066FF': 'MediumOrchid1', '#8DB6CD': 'LightSkyBlue3', '#FF7256': 'coral1', '#7CFC00': 'LawnGreen', '#838B83': 'honeydew4', '#BF3EFF': 'DarkOrchid1', '#8B6914': 'goldenrod4', '#00CD66': 'SpringGreen3', '#525252': 'gray32', '#A4D3EE': 'LightSkyBlue2', '#00868B': 'turquoise4', '#8DEEEE': 'DarkSlateGray2', '#787878': 'gray47', '#8B1C62': 'maroon4', '#616161': 'gray38', '#4876FF': 'RoyalBlue1', '#9F79EE': 'MediumPurple2', '#212121': 'gray13', '#C1CDC1': 'honeydew3', '#CD69C9': 'orchid3', '#E0EEEE': 'azure2', '#8B7E66': 'wheat4', '#8A2BE2': 'BlueViolet', '#CDCD00': 'yellow3', '#EE5C42': 'tomato2', '#6E6E6E': 'gray43', '#EEAEEE': 'plum2', '#DC143C': 'crimson', '#CD919E': 'pink3', '#528B8B': 'DarkSlateGray4', '#AFEEEE': 'PaleTurquoise', '#CD6889': 'PaleVioletRed3', '#E6E6FA': 'lavender', '#EE00EE': 'magenta2', '#999999': 'gray60', '#F0F8FF': 'AliceBlue', '#595959': 'gray35', '#FF7F50': 'coral', '#A6A6A6': 'gray65', '#DEDEDE': 'gray87', '#262626': 'gray15', '#6CA6CD': 'SkyBlue3', '#8B8B83': 'ivory4', '#474747': 'gray28', '#F7F7F7': 'gray97', '#548B54': 'PaleGreen4', '#48D1CC': 'MediumTurquoise', '#C1CDCD': 'azure3', '#E0EEE0': 'honeydew2', '#FFB90F': 'DarkGoldenrod1', '#FFD39B': 'burlywood1', '#8B5A2B': 'tan4', '#EEE9BF': 'LemonChiffon2', '#BCEE68': 'DarkOliveGreen2', '#8470FF': 'LightSlateBlue', '#8B0A50': 'DeepPink4', '#FFF68F': 'khaki1', '#EEA2AD': 'LightPink2', '#CD5B45': 'coral3', '#7FFF00': 'chartreuse', '#8B8378': 'AntiqueWhite4', '#9BCD9B': 'DarkSeaGreen3', '#454545': 'gray27', '#D1D1D1': 'gray82', '#EEE8AA': 'PaleGoldenrod', '#668B8B': 'PaleTurquoise4', '#EE30A7': 'maroon2', '#FFC125': 'goldenrod1', '#8B475D': 'PaleVioletRed4', '#D8BFD8': 'thistle', '#404040': 'gray25', '#EEEE00': 'yellow2', '#CDB5CD': 'thistle3', '#00C5CD': 'turquoise3', '#00CED1': 'DarkTurquoise', '#CFCFCF': 'gray81', '#008B00': 'green4', '#7A7A7A': 'gray48', '#B8860B': 'DarkGoldenrod', '#1C86EE': 'DodgerBlue2', '#8B5742': 'LightSalmon4', '#1A1A1A': 'gray10', '#8B008B': 'DarkMagenta', '#0F0F0F': 'gray6', '#CD3700': 'OrangeRed3', '#7F7F7F': 'gray50', '#FF6EB4': 'HotPink1', '#6959CD': 'SlateBlue3', '#90EE90': 'LightGreen', '#8B4789': 'orchid4', '#EE7AE9': 'orchid2', '#8968CD': 'MediumPurple3', '#080808': 'gray3', '#CDC9C9': 'snow3', '#BDB76B': 'DarkKhaki', '#9370DB': 'MediumPurple', '#EEDC82': 'LightGoldenrod2', '#3CB371': 'MediumSeaGreen', '#F5FFFA': 'MintCream', '#303030': 'gray19', '#B9D3EE': 'SlateGray2', '#575757': 'gray34', '#F5F5DC': 'beige', '#BABABA': 'gray73', '#0000CD': 'blue3', '#FF8247': 'sienna1', '#F2F2F2': 'gray95', '#EED5B7': 'bisque2', '#FFEC8B': 'LightGoldenrod1', '#EE7600': 'DarkOrange2', '#8B636C': 'pink4', '#8B814C': 'LightGoldenrod4', '#FFE4B5': 'moccasin', '#4F94CD': 'SteelBlue3', '#CDAD00': 'gold3', '#CD5555': 'IndianRed3', '#8B7500': 'gold4', '#473C8B': 'SlateBlue4', '#B0E0E6': 'PowderBlue', '#FFFF00': 'yellow', '#CD96CD': 'plum3', '#006400': 'DarkGreen', '#FAFAFA': 'gray98', '#53868B': 'CadetBlue4', '#8B4513': 'chocolate4', '#98FB98': 'PaleGreen', '#63B8FF': 'SteelBlue1', '#FFAEB9': 'LightPink1', '#EE6A50': 'coral2', '#87CEFF': 'SkyBlue1', '#87CEFA': 'LightSkyBlue', '#ADFF2F': 'GreenYellow', '#008B45': 'SpringGreen4', '#EE4000': 'OrangeRed2', '#8B6969': 'RosyBrown4', '#00008B': 'blue4', '#DB7093': 'PaleVioletRed', '#7EC0EE': 'SkyBlue2', '#3B3B3B': 'gray23', '#8C8C8C': 'gray55', '#5F9EA0': 'cadet blue', '#EE799F': 'PaleVioletRed2', '#CD6090': 'HotPink3', '#8B8682': 'seashell4', '#458B74': 'aquamarine4', '#EECFA1': 'NavajoWhite2', '#76EE00': 'chartreuse2', '#000080': 'navy', '#228B22': 'ForestGreen', '#8B8B00': 'yellow4', '#B5B5B5': 'gray71', '#CD950C': 'DarkGoldenrod3', '#EE82EE': 'violet', '#EDEDED': 'gray93', '#F5DEB3': 'wheat', '#3A5FCD': 'RoyalBlue3', '#00FA9A': 'MediumSpringGreen', '#F0F0F0': 'gray94', '#D1EEEE': 'LightCyan2', '#2E2E2E': 'gray18', '#EEC591': 'burlywood2', '#8B3E2F': 'coral4', '#CD8162': 'LightSalmon3', '#9AC0CD': 'LightBlue3', '#8B8989': 'snow4', '#EED8AE': 'wheat2', '#551A8B': 'purple4', '#919191': 'gray57', '#949494': 'gray58', '#778899': 'LightSlateGray', '#FFFACD': 'LemonChiffon', '#458B00': 'chartreuse4', '#008000': 'green', '#FFFFF0': 'ivory', '#E0E0E0': 'gray88', '#EEB422': 'goldenrod2', '#A020F0': 'purple', '#5CACEE': 'SteelBlue2', '#CD4F39': 'tomato3', '#CDC0B0': 'AntiqueWhite3', '#6E7B8B': 'LightSteelBlue4', '#9E9E9E': 'gray62', '#CDC673': 'khaki3', '#104E8B': 'DodgerBlue4', '#E0FFFF': 'LightCyan', '#FFFFFF': 'white', '#6C7B8B': 'SlateGray4', '#FFC1C1': 'RosyBrown1', '#D6D6D6': 'gray84', '#8B4726': 'sienna4', '#CD9B1D': 'goldenrod3', '#FF6347': 'tomato', '#FF34B3': 'maroon1', '#7D7D7D': 'gray49', '#121212': 'gray7', '#B0E2FF': 'LightSkyBlue1', '#8B3A62': 'HotPink4', '#CD5C5C': 'IndianRed', '#4A4A4A': 'gray29', '#B0B0B0': 'gray69', '#D9D9D9': 'gray85', '#A2CD5A': 'DarkOliveGreen3', '#8B0000': 'DarkRed', '#FF6A6A': 'IndianRed1', '#CD6600': 'DarkOrange3', '#FFEFDB': 'AntiqueWhite1', '#E9967A': 'DarkSalmon', '#EEE9E9': 'snow2', '#D4D4D4': 'gray83', '#383838': 'gray22', '#7A67EE': 'SlateBlue2', '#4169E1': 'RoyalBlue', '#5E5E5E': 'gray37', '#00F5FF': 'turquoise1', '#FFEFD5': 'PapayaWhip', '#CDAF95': 'PeachPuff3', '#CCCCCC': 'gray80', '#00BFFF': 'DeepSkyBlue', '#CDB79E': 'bisque3', '#969696': 'gray59', '#4F4F4F': 'gray31', '#1E90FF': 'DodgerBlue', '#FCFCFC': 'gray99', '#EE2C2C': 'firebrick2', '#8B6508': 'DarkGoldenrod4', '#696969': 'DimGray', '#FF7F24': 'chocolate1', '#8FBC8F': 'DarkSeaGreen', '#66CDAA': 'aquamarine3', '#6495ED': 'CornflowerBlue', '#0D0D0D': 'gray5', '#EEE0E5': 'LavenderBlush2', '#666666': 'gray40', '#B2DFEE': 'LightBlue2', '#B22222': 'firebrick', '#4B0082': 'indigo', '#FF82AB': 'PaleVioletRed1', '#AB82FF': 'MediumPurple1', '#79CDCD': 'DarkSlateGray3', '#FFE4C4': 'bisque', '#DEB887': 'burlywood', '#5D478B': 'MediumPurple4', '#8B3626': 'tomato4', '#FFFFE0': 'LightYellow', '#FFE4E1': 'MistyRose', '#171717': 'gray9', '#EEDFCC': 'AntiqueWhite2', '#9400D3': 'DarkViolet', '#BFEFFF': 'LightBlue1', '#8B7D6B': 'bisque4', '#FF8C69': 'salmon1', '#C6E2FF': 'SlateGray1', '#1C1C1C': 'gray11', '#FF4500': 'OrangeRed', '#FFE7BA': 'wheat1', '#808080': 'fractal', '#EE9572': 'LightSalmon2', '#CD8500': 'orange3', '#8B5A00': 'orange4', '#9932CC': 'DarkOrchid', '#EECBAD': 'PeachPuff2', '#CD8C95': 'LightPink3', '#292929': 'gray16', '#CD1076': 'DeepPink3', '#7A378B': 'MediumOrchid4', '#FF0000': 'red', '#698B22': 'OliveDrab4', '#ADADAD': 'gray68', '#EEE8CD': 'cornsilk2', '#DDA0DD': 'plum', '#7D26CD': 'purple3', '#DA70D6': 'orchid', '#DCDCDC': 'gainsboro', '#68228B': 'DarkOrchid4', '#7B68EE': 'MediumSlateBlue', '#000000': 'black', '#6B8E23': 'OliveDrab', '#FF69B4': 'HotPink', '#800000': 'maroon', '#8B668B': 'plum4', '#363636': 'gray21', '#8B4500': 'DarkOrange4', '#D3D3D3': 'LightGray', '#607B8B': 'LightSkyBlue4', '#F08080': 'LightCoral', '#CD9B9B': 'RosyBrown3', '#76EEC6': 'aquamarine2', '#FAEBD7': 'AntiqueWhite', '#68838B': 'LightBlue4', '#7FFFD4': 'aquamarine', '#C0C0C0': 'silver', '#EEDD82': 'LightGoldenrod', '#EE9A49': 'tan2', '#4A708B': 'SkyBlue4', '#008080': 'teal', '#7AC5CD': 'CadetBlue3', '#98F5FF': 'CadetBlue1', '#8B2500': 'OrangeRed4', '#8F8F8F': 'gray56', '#FFF0F5': 'LavenderBlush', '#8B8970': 'LemonChiffon4', '#8B8878': 'cornsilk4', '#6A5ACD': 'SlateBlue', '#4682B4': 'SteelBlue', '#EEEEE0': 'ivory2', '#B3B3B3': 'gray70', '#00FF00': 'green1', '#FFDEAD': 'NavajoWhite', '#CD2626': 'firebrick3', '#8B4C39': 'salmon4', '#9B30FF': 'purple1', '#E5E5E5': 'gray90', '#36648B': 'SteelBlue4', '#9C9C9C': 'gray61', '#F8F8FF': 'GhostWhite', '#333333': 'gray20', '#5C5C5C': 'gray36', '#737373': 'gray45', '#EEC900': 'gold2', '#FFE1FF': 'thistle1', '#C1FFC1': 'DarkSeaGreen1', '#CDC5BF': 'seashell3', '#A0522D': 'sienna', '#8B5F65': 'LightPink4', '#CDC1C5': 'LavenderBlush3', '#EE7621': 'chocolate2', '#FFBBFF': 'plum1', '#CD6839': 'sienna3', '#698B69': 'DarkSeaGreen4', '#050505': 'gray2', '#CD661D': 'chocolate3', '#FAFAD2': 'LightGoldenrodYellow', '#CDCDC1': 'ivory3', '#FFF8DC': 'cornsilk', '#A8A8A8': 'gray66', '#B452CD': 'MediumOrchid3', '#D2B48C': 'tan', '#8EE5EE': 'CadetBlue2', '#483D8B': 'DarkSlateBlue', '#BBFFFF': 'PaleTurquoise1', '#0000FF': 'blue', '#EE6AA7': 'HotPink2', '#EE7942': 'sienna2', '#00CD00': 'green3', '#141414': 'gray8', '#9ACD32': 'OliveDrab3', '#C71585': 'MediumVioletRed', '#EE9A00': 'orange2', '#CAFF70': 'DarkOliveGreen1', '#F5F5F5': 'gray96', '#32CD32': 'LimeGreen', '#00EE00': 'green2', '#FFB6C1': 'LightPink', '#8B1A1A': 'firebrick4', '#00B2EE': 'DeepSkyBlue2', '#20B2AA': 'LightSeaGreen', '#707070': 'gray44', '#009ACD': 'DeepSkyBlue3', '#A52A2A': 'brown', '#EE6363': 'IndianRed2', '#FAF0E6': 'linen', '#8B7D7B': 'MistyRose4', '#9A32CD': 'DarkOrchid3', '#1F1F1F': 'gray12', '#E8E8E8': 'gray91', '#7E7E7E': 'gray', '#7A8B8B': 'LightCyan4', '#CD7054': 'salmon3', '#9FB6CD': 'SlateGray3', '#CDC9A5': 'LemonChiffon3', '#D02090': 'VioletRed', '#00FFFF': 'aqua', '#2B2B2B': 'gray17', '#858585': 'gray52', '#A3A3A3': 'gray64', '#CD0000': 'red3', '#43CD80': 'SeaGreen3', '#FA8072': 'salmon', '#FFDAB9': 'PeachPuff', '#D2691E': 'chocolate', '#FF1493': 'DeepPink', '#EED2EE': 'thistle2', '#030303': 'gray1', '#8B8B7A': 'LightYellow4'} +var nametohex = {'grey21': '#363636', 'yellow': '#FFFF00', 'grey61': '#9C9C9C', 'HotPink3': '#CD6090', 'grey63': '#A1A1A1', 'grey62': '#9E9E9E', 'grey65': '#A6A6A6', 'AliceBlue': '#F0F8FF', 'grey67': '#ABABAB', 'grey66': '#A8A8A8', 'LightCyan1': '#E0FFFF', 'grey68': '#ADADAD', 'LightCyan3': '#B4CDCD', 'LightCyan2': '#D1EEEE', 'LightCyan4': '#7A8B8B', 'gray32': '#525252', 'gray33': '#545454', 'DarkTurquoise': '#00CED1', 'gray31': '#4F4F4F', 'gray36': '#5C5C5C', 'gray37': '#5E5E5E', 'gray34': '#575757', 'gray35': '#595959', 'aquamarine4': '#458B74', 'gray38': '#616161', 'gray39': '#636363', 'aquamarine1': '#7FFFD4', 'aquamarine3': '#66CDAA', 'aquamarine2': '#76EEC6', 'CadetBlue4': '#53868B', 'CadetBlue3': '#7AC5CD', 'CadetBlue2': '#8EE5EE', 'CadetBlue1': '#98F5FF', 'crimson': '#DC143C', 'VioletRed1': '#FF3E96', 'VioletRed2': '#EE3A8C', 'VioletRed3': '#CD3278', 'VioletRed4': '#8B2252', 'brown': '#A52A2A', 'DarkGoldenrod': '#B8860B', 'gray8': '#141414', 'SlateGrey': '#708090', 'NavajoWhite2': '#EECFA1', 'gray2': '#050505', 'cyan': '#00FFFF', 'gray0': '#000000', 'gray1': '#030303', 'fractal': '#808080', 'gray7': '#121212', 'gray4': '#0A0A0A', 'gray5': '#0D0D0D', 'grey60': '#999999', 'DarkBlue': '#00008B', 'gray98': '#FAFAFA', 'DarkKhaki': '#BDB76B', 'gray99': '#FCFCFC', 'teal': '#008080', 'grey11': '#1C1C1C', 'coral4': '#8B3E2F', 'grey12': '#1F1F1F', 'grey64': '#A3A3A3', 'PaleGreen1': '#9AFF9A', 'PaleGreen3': '#7CCD7C', 'PaleGreen2': '#90EE90', 'PaleGreen4': '#548B54', 'grey14': '#242424', 'lavender': '#E6E6FA', 'grey15': '#262626', 'chartreuse3': '#66CD00', 'chartreuse2': '#76EE00', 'chartreuse1': '#7FFF00', 'chartreuse4': '#458B00', 'RosyBrown': '#BC8F8F', 'blue': '#0000FF', 'NavajoWhite': '#FFDEAD', 'opaque': '#000000', 'maroon4': '#8B1C62', 'maroon3': '#CD2990', 'maroon2': '#EE30A7', 'maroon1': '#FF34B3', 'gold3': '#CDAD00', 'gold2': '#EEC900', 'gold1': '#FFD700', 'gold4': '#8B7500', 'LightSlateGrey': '#778899', 'gray30': '#4D4D4D', 'DarkGreen': '#006400', 'SkyBlue': '#87CEEB', 'GhostWhite': '#F8F8FF', 'LavenderBlush': '#FFF0F5', 'SeaGreen': '#2E8B57', 'BlanchedAlmond': '#FFEBCD', 'gray60': '#999999', 'DarkOliveGreen': '#556B2F', 'firebrick2': '#EE2C2C', 'firebrick1': '#FF3030', 'firebrick4': '#8B1A1A', 'sienna': '#A0522D', 'blue1': '#0000FF', 'lime': '#00FF00', 'gray55': '#8C8C8C', 'blue2': '#0000EE', 'DarkViolet': '#9400D3', 'blue4': '#00008B', 'peru': '#CD853F', 'DarkMagenta': '#8B008B', 'LightBlue2': '#B2DFEE', 'red2': '#EE0000', 'red1': '#FF0000', 'LightBlue1': '#BFEFFF', 'LightBlue4': '#68838B', 'red4': '#8B0000', 'MediumSpringGreen': '#00FA9A', 'chocolate': '#D2691E', 'ForestGreen': '#228B22', 'DarkRed': '#8B0000', 'olive': '#808000', 'HotPink2': '#EE6AA7', 'HotPink1': '#FF6EB4', 'HotPink4': '#8B3A62', 'grey18': '#2E2E2E', 'grey19': '#303030', 'none': '#000000', 'PeachPuff': '#FFDAB9', 'MediumGoldenRod': '#D1C166', 'moccasin': '#FFE4B5', 'grey10': '#1A1A1A', 'chocolate1': '#FF7F24', 'chocolate2': '#EE7621', 'chocolate3': '#CD661D', 'chocolate4': '#8B4513', 'wheat2': '#EED8AE', 'grey16': '#292929', 'grey17': '#2B2B2B', 'gray69': '#B0B0B0', 'gray68': '#ADADAD', 'gray65': '#A6A6A6', 'gray64': '#A3A3A3', 'gray67': '#ABABAB', 'gray66': '#A8A8A8', 'gray61': '#9C9C9C', 'coral': '#FF7F50', 'gray63': '#A1A1A1', 'gray62': '#9E9E9E', 'LightGoldenrod': '#EEDD82', 'turquoise4': '#00868B', 'seashell2': '#EEE5DE', 'seashell3': '#CDC5BF', 'magenta': '#FF00FF', 'seashell1': '#FFF5EE', 'tan': '#D2B48C', 'seashell4': '#8B8682', 'pink': '#FFC0CB', 'LightSlateBlue': '#8470FF', 'SteelBlue1': '#63B8FF', 'SteelBlue3': '#4F94CD', 'SteelBlue2': '#5CACEE', 'SteelBlue4': '#36648B', 'grey89': '#E3E3E3', 'grey88': '#E0E0E0', 'grey87': '#DEDEDE', 'grey86': '#DBDBDB', 'grey85': '#D9D9D9', 'grey84': '#D6D6D6', 'grey83': '#D4D4D4', 'grey82': '#D1D1D1', 'grey81': '#CFCFCF', 'grey80': '#CCCCCC', 'ivory2': '#EEEEE0', 'khaki4': '#8B864E', 'khaki1': '#FFF68F', 'khaki2': '#EEE685', 'khaki3': '#CDC673', 'salmon1': '#FF8C69', 'salmon3': '#CD7054', 'salmon2': '#EE8262', 'salmon4': '#8B4C39', 'LightPink': '#FFB6C1', 'gray9': '#171717', 'green': '#008000', 'brown2': '#EE3B3B', 'brown3': '#CD3333', 'brown1': '#FF4040', 'brown4': '#8B2323', 'cadet blue': '#5F9EA0', 'orange4': '#8B5A00', 'orange1': '#FFA500', 'orange3': '#CD8500', 'orange2': '#EE9A00', 'gray3': '#080808', 'gray6': '#0F0F0F', 'yellow4': '#8B8B00', 'yellow3': '#CDCD00', 'yellow2': '#EEEE00', 'yellow1': '#FFFF00', 'PapayaWhip': '#FFEFD5', 'bisque2': '#EED5B7', 'OliveDrab4': '#698B22', 'bisque3': '#CDB79E', 'OliveDrab1': '#C0FF3E', 'OliveDrab2': '#B3EE3A', 'OliveDrab3': '#9ACD32', 'SkyBlue4': '#4A708B', 'SkyBlue1': '#87CEFF', 'SkyBlue3': '#6CA6CD', 'SkyBlue2': '#7EC0EE', 'grey58': '#949494', 'grey59': '#969696', 'grey54': '#8A8A8A', 'grey55': '#8C8C8C', 'grey56': '#8F8F8F', 'grey57': '#919191', 'grey50': '#7F7F7F', 'silver': '#C0C0C0', 'grey52': '#858585', 'grey53': '#878787', 'cyan2': '#00EEEE', 'cyan3': '#00CDCD', 'gray23': '#3B3B3B', 'RosyBrown4': '#8B6969', 'gray25': '#404040', 'CornflowerBlue': '#6495ED', 'cyan4': '#008B8B', 'gray26': '#424242', 'gray29': '#4A4A4A', 'LimeGreen': '#32CD32', 'MistyRose': '#FFE4E1', 'navy': '#000080', 'gray94': '#F0F0F0', 'gray95': '#F2F2F2', 'gray96': '#F5F5F5', 'gray97': '#F7F7F7', 'gray90': '#E5E5E5', 'gray91': '#E8E8E8', 'gray92': '#EBEBEB', 'gray93': '#EDEDED', 'MediumPurple': '#9370DB', 'MidnightBlue': '#191970', 'cornsilk': '#FFF8DC', 'red': '#FF0000', 'grey69': '#B0B0B0', 'DarkOrchid4': '#68228B', 'blue3': '#0000CD', 'LightSteelBlue': '#B0C4DE', 'DarkOrchid1': '#BF3EFF', 'DarkOrchid2': '#B23AEE', 'DarkOrchid3': '#9A32CD', 'grey72': '#B8B8B8', 'FloralWhite': '#FFFAF0', 'grey70': '#B3B3B3', 'DarkSeaGreen': '#8FBC8F', 'grey71': '#B5B5B5', 'gray17': '#2B2B2B', 'grey77': '#C4C4C4', 'tomato4': '#8B3626', 'tomato1': '#FF6347', 'tomato3': '#CD4F39', 'tomato2': '#EE5C42', 'DarkSlateGray1': '#97FFFF', 'DarkSlateGray2': '#8DEEEE', 'DarkSlateGray3': '#79CDCD', 'DarkSlateGray4': '#528B8B', 'SteelBlue': '#4682B4', 'MediumSlateBlue': '#7B68EE', 'OrangeRed': '#FF4500', 'grey79': '#C9C9C9', 'MediumVioletRed': '#C71585', 'burlywood': '#DEB887', 'white': '#FFFFFF', 'tomato': '#FF6347', 'DodgerBlue': '#1E90FF', 'RoyalBlue4': '#27408B', 'RoyalBlue1': '#4876FF', 'RoyalBlue3': '#3A5FCD', 'RoyalBlue2': '#436EEE', 'MistyRose1': '#FFE4E1', 'MistyRose3': '#CDB7B5', 'MistyRose2': '#EED5D2', 'MistyRose4': '#8B7D7B', 'LightGray': '#D3D3D3', 'LightYellow': '#FFFFE0', 'DarkOrange': '#FF8C00', 'DarkGray': '#A9A9A9', 'SlateGray': '#708090', 'turquoise3': '#00C5CD', 'turquoise2': '#00E5EE', 'turquoise1': '#00F5FF', 'burlywood2': '#EEC591', 'burlywood4': '#8B7355', 'DarkSlateGray': '#2F4F4F', 'linen': '#FAF0E6', 'grey47': '#787878', 'snow': '#FFFAFA', 'grey46': '#757575', 'gray58': '#949494', 'gray59': '#969696', 'IndianRed4': '#8B3A3A', 'purple4': '#551A8B', 'gray52': '#858585', 'gray53': '#878787', 'purple1': '#9B30FF', 'IndianRed1': '#FF6A6A', 'purple3': '#7D26CD', 'purple2': '#912CEE', 'thistle3': '#CDB5CD', 'thistle2': '#EED2EE', 'SpringGreen2': '#00EE76', 'SpringGreen3': '#00CD66', 'SpringGreen4': '#008B45', 'thistle4': '#8B7B8B', 'LightPink2': '#EEA2AD', 'LightPink3': '#CD8C95', 'LightPink1': '#FFAEB9', 'LightPink4': '#8B5F65', 'MediumPurple1': '#AB82FF', 'MediumPurple2': '#9F79EE', 'MediumPurple3': '#8968CD', 'MediumPurple4': '#5D478B', 'MediumTurquoise': '#48D1CC', 'DimGray': '#696969', 'gray14': '#242424', 'grey100': '#FFFFFF', 'OrangeRed3': '#CD3700', 'OrangeRed2': '#EE4000', 'OrangeRed1': '#FF4500', 'LightSeaGreen': '#20B2AA', 'gold': '#FFD700', 'OrangeRed4': '#8B2500', 'NavajoWhite4': '#8B795E', 'NavajoWhite1': '#FFDEAD', 'LawnGreen': '#7CFC00', 'NavajoWhite3': '#CDB38B', 'LightGoldenrod4': '#8B814C', 'LightGoldenrod1': '#FFEC8B', 'LightGoldenrod3': '#CDBE70', 'LightGoldenrod2': '#EEDC82', 'gray21': '#363636', 'PaleGreen': '#98FB98', 'green4': '#008B00', 'green1': '#00FF00', 'green3': '#00CD00', 'green2': '#00EE00', 'MediumOrchid': '#BA55D3', 'black': '#000000', 'gray20': '#333333', 'orchid4': '#8B4789', 'DodgerBlue1': '#1E90FF', 'DodgerBlue2': '#1C86EE', 'DodgerBlue3': '#1874CD', 'DodgerBlue4': '#104E8B', 'orchid1': '#FF83FA', 'orchid2': '#EE7AE9', 'orchid3': '#CD69C9', 'DarkSeaGreen4': '#698B69', 'DarkSeaGreen3': '#9BCD9B', 'DarkSeaGreen2': '#B4EEB4', 'DarkSeaGreen1': '#C1FFC1', 'gray100': '#FFFFFF', 'BlueViolet': '#8A2BE2', 'bisque4': '#8B7D6B', 'MediumOrchid4': '#7A378B', 'MintCream': '#F5FFFA', 'MediumOrchid1': '#E066FF', 'bisque1': '#FFE4C4', 'MediumOrchid3': '#B452CD', 'MediumOrchid2': '#D15FEE', 'gray': '#7E7E7E', 'DeepSkyBlue': '#00BFFF', 'LightGrey': '#D3D3D3', 'grey78': '#C7C7C7', 'gray22': '#383838', 'plum4': '#8B668B', 'plum3': '#CD96CD', 'plum2': '#EEAEEE', 'plum1': '#FFBBFF', 'DarkSlateGrey': '#2F4F4F', 'DarkOrchid': '#9932CC', 'OliveDrab': '#6B8E23', 'gray83': '#D4D4D4', 'grey49': '#7D7D7D', 'grey48': '#7A7A7A', 'thistle': '#D8BFD8', 'violet': '#EE82EE', 'grey43': '#6E6E6E', 'grey42': '#6B6B6B', 'LightSalmon4': '#8B5742', 'grey40': '#666666', 'LightSalmon2': '#EE9572', 'LightSalmon3': '#CD8162', 'grey45': '#737373', 'LightSalmon1': '#FFA07A', 'honeydew': '#F0FFF0', 'gray18': '#2E2E2E', 'gray19': '#303030', 'LightCyan': '#E0FFFF', 'gray15': '#262626', 'gray16': '#292929', 'gray82': '#D1D1D1', 'gray10': '#1A1A1A', 'gray11': '#1C1C1C', 'gray12': '#1F1F1F', 'gray13': '#212121', 'grey93': '#EDEDED', 'PaleGoldenrod': '#EEE8AA', 'gainsboro': '#DCDCDC', 'AntiqueWhite3': '#CDC0B0', 'AntiqueWhite2': '#EEDFCC', 'AntiqueWhite1': '#FFEFDB', 'gray27': '#454545', 'SlateBlue': '#6A5ACD', 'AntiqueWhite4': '#8B8378', 'DimGrey': '#696969', 'VioletRed': '#D02090', 'WhiteSmoke': '#F5F5F5', 'grey38': '#616161', 'grey39': '#636363', 'grey36': '#5C5C5C', 'grey37': '#5E5E5E', 'grey34': '#575757', 'grey35': '#595959', 'aqua': '#00FFFF', 'grey33': '#545454', 'grey30': '#4D4D4D', 'grey31': '#4F4F4F', 'NavyBlue': '#000080', 'sienna4': '#8B4726', 'gray81': '#CFCFCF', 'gray80': '#CCCCCC', 'sienna1': '#FF8247', 'gray86': '#DBDBDB', 'sienna3': '#CD6839', 'sienna2': '#EE7942', 'gray89': '#E3E3E3', 'gray88': '#E0E0E0', 'SlateBlue4': '#473C8B', 'gray87': '#DEDEDE', 'LightSteelBlue1': '#CAE1FF', 'magenta3': '#CD00CD', 'IndianRed': '#CD5C5C', 'SlateBlue2': '#7A67EE', 'SlateBlue1': '#836FFF', 'LightBlue': '#ADD8E6', 'PeachPuff4': '#8B7765', 'seashell': '#FFF5EE', 'SaddleBrown': '#8B4513', 'PeachPuff1': '#FFDAB9', 'PeachPuff2': '#EECBAD', 'PeachPuff3': '#CDAF95', 'aquamarine': '#7FFFD4', 'LemonChiffon2': '#EEE9BF', 'LemonChiffon1': '#FFFACD', 'tan4': '#8B5A2B', 'tan3': '#CD853F', 'tan2': '#EE9A49', 'tan1': '#FFA54F', 'LemonChiffon4': '#8B8970', 'orange': '#FFA500', 'OldLace': '#FDF5E6', 'PowderBlue': '#B0E0E6', 'RosyBrown3': '#CD9B9B', 'RoyalBlue': '#4169E1', 'LightSkyBlue4': '#607B8B', 'LightSkyBlue1': '#B0E2FF', 'LightSkyBlue2': '#A4D3EE', 'LightSkyBlue3': '#8DB6CD', 'LightYellow1': '#FFFFE0', 'LightYellow2': '#EEEED1', 'LightYellow3': '#CDCDB4', 'LightYellow4': '#8B8B7A', 'goldenrod4': '#8B6914', 'goldenrod1': '#FFC125', 'goldenrod2': '#EEB422', 'goldenrod3': '#CD9B1D', 'grey32': '#525252', 'LemonChiffon': '#FFFACD', 'burlywood1': '#FFD39B', 'YellowGreen': '#9ACD32', 'LightCoral': '#F08080', 'burlywood3': '#CDAA7D', 'ivory3': '#CDCDC1', 'firebrick3': '#CD2626', 'ivory1': '#FFFFF0', 'grey8': '#141414', 'ivory4': '#8B8B83', 'grey9': '#171717', 'DarkSalmon': '#E9967A', 'SlateGray1': '#C6E2FF', 'SlateGray2': '#B9D3EE', 'SlateGray3': '#9FB6CD', 'SlateGray4': '#6C7B8B', 'RosyBrown2': '#EEB4B4', 'RosyBrown1': '#FFC1C1', 'gray85': '#D9D9D9', 'gray84': '#D6D6D6', 'LightGreen': '#90EE90', 'LavenderBlush1': '#FFF0F5', 'grey73': '#BABABA', 'LavenderBlush3': '#CDC1C5', 'LavenderBlush2': '#EEE0E5', 'grey76': '#C2C2C2', 'LavenderBlush4': '#8B8386', 'grey74': '#BDBDBD', 'grey75': '#BFBFBF', 'pink1': '#FFB5C5', 'pink3': '#CD919E', 'pink2': '#EEA9B8', 'pink4': '#8B636C', 'gray47': '#787878', 'gray46': '#757575', 'gray45': '#737373', 'gray44': '#707070', 'gray43': '#6E6E6E', 'gray42': '#6B6B6B', 'gray41': '#696969', 'gray40': '#666666', 'gray49': '#7D7D7D', 'gray48': '#7A7A7A', 'MediumAquamarine': '#66CDAA', 'MediumForestGreen': '#32814B', 'azure1': '#F0FFFF', 'azure3': '#C1CDCD', 'azure2': '#E0EEEE', 'indigo': '#4B0082', 'azure4': '#838B8B', 'firebrick': '#B22222', 'DarkGrey': '#A9A9A9', 'magenta4': '#8B008B', 'SlateBlue3': '#6959CD', 'magenta2': '#EE00EE', 'magenta1': '#FF00FF', 'grey51': '#828282', 'chartreuse': '#7FFF00', 'grey41': '#696969', 'DarkOliveGreen4': '#6E8B3D', 'turquoise': '#40E0D0', 'DarkOliveGreen1': '#CAFF70', 'DarkOliveGreen3': '#A2CD5A', 'DarkOliveGreen2': '#BCEE68', 'grey6': '#0F0F0F', 'grey7': '#121212', 'grey4': '#0A0A0A', 'grey5': '#0D0D0D', 'grey2': '#050505', 'grey3': '#080808', 'grey0': '#000000', 'grey1': '#030303', 'gray50': '#7F7F7F', 'cyan1': '#00FFFF', 'gray51': '#828282', 'gray24': '#3D3D3D', 'HotPink': '#FF69B4', 'DarkGoldenrod4': '#8B6508', 'gray54': '#8A8A8A', 'DarkGoldenrod1': '#FFB90F', 'DarkGoldenrod2': '#EEAD0E', 'DarkGoldenrod3': '#CD950C', 'IndianRed2': '#EE6363', 'DeepPink': '#FF1493', 'gray28': '#474747', 'IndianRed3': '#CD5555', 'DarkCyan': '#008B8B', 'GreenYellow': '#ADFF2F', 'LightSalmon': '#FFA07A', 'DarkOrange4': '#8B4500', 'DarkOrange1': '#FF7F00', 'transparent': '#000000', 'DarkOrange3': '#CD6600', 'orchid': '#DA70D6', 'purple': '#800080', 'wheat4': '#8B7E66', 'wheat1': '#FFE7BA', 'wheat3': '#CDBA96', 'SpringGreen1': '#00FF7F', 'coral3': '#CD5B45', 'coral2': '#EE6A50', 'coral1': '#FF7256', 'thistle1': '#FFE1FF', 'PaleTurquoise': '#AFEEEE', 'bisque': '#FFE4C4', 'DeepPink3': '#CD1076', 'DeepPink2': '#EE1289', 'DeepPink1': '#FF1493', 'khaki': '#F0E68C', 'wheat': '#F5DEB3', 'MediumSeaGreen': '#3CB371', 'DeepPink4': '#8B0A50', 'salmon': '#FA8072', 'grey44': '#707070', 'DarkSlateBlue': '#483D8B', 'PaleVioletRed4': '#8B475D', 'PaleVioletRed1': '#FF82AB', 'PaleVioletRed2': '#EE799F', 'PaleVioletRed3': '#CD6889', 'AntiqueWhite': '#FAEBD7', 'PaleTurquoise4': '#668B8B', 'PaleTurquoise3': '#96CDCD', 'PaleTurquoise2': '#AEEEEE', 'PaleTurquoise1': '#BBFFFF', 'gray56': '#8F8F8F', 'plum': '#DDA0DD', 'beige': '#F5F5DC', 'SpringGreen': '#00FF7F', 'azure': '#F0FFFF', 'honeydew1': '#F0FFF0', 'honeydew2': '#E0EEE0', 'honeydew3': '#C1CDC1', 'honeydew4': '#838B83', 'gray57': '#919191', 'snow4': '#8B8989', 'snow2': '#EEE9E9', 'snow3': '#CDC9C9', 'snow1': '#FFFAFA', 'SandyBrown': '#F4A460', 'grey13': '#212121', 'SeaGreen4': '#2E8B57', 'SeaGreen3': '#43CD80', 'SeaGreen2': '#4EEE94', 'SeaGreen1': '#54FF9F', 'grey29': '#4A4A4A', 'grey28': '#474747', 'grey25': '#404040', 'grey24': '#3D3D3D', 'grey27': '#454545', 'grey26': '#424242', 'fuchsia': '#FF00FF', 'grey20': '#333333', 'grey23': '#3B3B3B', 'grey22': '#383838', 'gray78': '#C7C7C7', 'gray79': '#C9C9C9', 'gray76': '#C2C2C2', 'gray77': '#C4C4C4', 'gray74': '#BDBDBD', 'gray75': '#BFBFBF', 'gray72': '#B8B8B8', 'gray73': '#BABABA', 'gray70': '#B3B3B3', 'gray71': '#B5B5B5', 'ivory': '#FFFFF0', 'LemonChiffon3': '#CDC9A5', 'DeepSkyBlue4': '#00688B', 'DeepSkyBlue3': '#009ACD', 'DeepSkyBlue2': '#00B2EE', 'DeepSkyBlue1': '#00BFFF', 'cornsilk4': '#8B8878', 'cornsilk2': '#EEE8CD', 'cornsilk3': '#CDC8B1', 'CadetBlue': '#5F9EA0', 'cornsilk1': '#FFF8DC', 'grey90': '#E5E5E5', 'grey91': '#E8E8E8', 'grey92': '#EBEBEB', 'goldenrod': '#DAA520', 'grey94': '#F0F0F0', 'grey95': '#F2F2F2', 'grey96': '#F5F5F5', 'grey97': '#F7F7F7', 'grey98': '#FAFAFA', 'grey99': '#FCFCFC', 'red3': '#CD0000', 'LightSteelBlue2': '#BCD2EE', 'LightSteelBlue3': '#A2B5CD', 'LightSteelBlue4': '#6E7B8B', 'LightBlue3': '#9AC0CD', 'maroon': '#800000', 'LightSkyBlue': '#87CEFA', 'LightGoldenrodYellow': '#FAFAD2', 'MediumBlue': '#0000CD', 'LightSlateGray': '#778899', 'DarkOrange2': '#EE7600', 'PaleVioletRed': '#DB7093'} diff --git a/frontend/imgrid/colors/junk/colorpicker.html b/frontend/imgrid/colors/junk/colorpicker.html new file mode 100755 index 0000000..23993ac --- /dev/null +++ b/frontend/imgrid/colors/junk/colorpicker.html @@ -0,0 +1,254 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> +<html> +<head> +<style type='text/css'> +body + { + background-image:url('http://asdf.us/im/ef/_imgrid_1320723477_pepper.png'); + } +#firstd + { + position:fixed; + top:40px; + right:20%; + height:40px; + width:0px; + background-color:#ffdead; + color:white; + } +#secondd + { + position:fixed; + top: 100px; + right:20%; + height:40px; + width: 200px; + font-family:'helvetica'; + font-size:40px; + } + +#error + { + position: fixed; + bottom: 100px; + height:40px; + width: 200px; + background-color: mediumseagreen; + right: 50%; + } +#colorerror + { + position: fixed; + bottom:50px; + height:30px; + width: 140px; + background-color: red; + right: 50%; + } +iframe + { + width:600px; + height:400px; + } +#namespace + { + position:fixed; + bottom:40px; + right:20px; + } +#hexmode + { + position:fixed; + top:300px; + right:100px; + font-size:40px; + font-family:helvetica; + } +#hexswitch + { + height:100px; + width:300px; + font-size:20px + border-style: groove; + border-width: 4px; + background-color:goldenrod; + text-align:center; + } +</style> +</head> +<body> +<div class='content' sytle="background-color:yellow; height:40px; width:300px; position:fixed; bottom:20px; right:45%">BLACH BLAH BLAH</div> +<button>wonderbutton</button> +<p>hex</p> +<p>text</p> +<div id='hexswitch'>CLICK TO SHOW HEXES</div> +<div><iframe src='colorsnew.html'></iframe></div> +<div id='guy2' class='guys' style='position:fixed;z-index:10;background-color:dodgerblue;height:40px;width:50px;top:10px;right:81%'>funny</div> +<div id='guy3' class='guys' style='position:fixed;z-index:10;background-color:snow;height:40px;width:50px;top:10px;right:76%'>happy</div> +<div id='guy1' class='guys' style='position:fixed;z-index:10;background-color:magenta;height:40px;width:50px;top:10px;right:66%'>silly</div> +<div id='guy5' class='guys' style='position:fixed;z-index:10;background-color:magenta;height:40px;width:50px;top:10px;right:71%'>smart</div> +<div id='showinfo' class='guys' style='position:fixed;z-index:10;background-color:magenta;height:40px;width:50px;top:10px;right:60%'>click it</div> + +<div id='firstd'>click me</div><div id='secondd'></div> +<div id='error'></div> +<div id='colorerror'></div> +<input id='namespace' type='text'></input> +<div id='hexmode'>choose between hex or text...<input id='hexortext' type='checkbox' value="1"></input></div> +<script type="text/javascript" src="jquery-1.6.4.min.js"></script> +<script type="text/javascript" src="colordict.js"></script> +<script type="text/javascript"> + +function showid(id) + { + $('#guy5').html(id) + } +$('.guys').mouseover(function() { + showid(this.id); +}); +$("button").click(function () { +$("p").toggle(); +}); + +function removecontent() + { + $('.content').hover(function(){return}) + $('.content').html("") + } +removecontent() +function goldenize(num) + { + ratio = (1+Math.sqrt(5))/2 + newnum = Math.round(num*ratio) + return newnum + } +//turns css property width or height into an integer value +function getproperty(idstr, propertystr) + { + grab = $('#'+idstr).css(propertystr) + grab = grab.slice(0,-2) + numval = parseInt(grab) + return numval + } +function makegolden(idstr, propertystr) + { + result = getproperty(idstr, propertystr) + newwidth = goldenize(result) + widthval = newwidth.toString()+'px' + $('#'+idstr).css('width', widthval) + } +makegolden('firstd', 'height') +$('#colorerror').css('background-color', '#556B2F') + +//from http://haacked.com/archive/2009/12/29/convert-rgb-to-hex.aspx +function colorToHex(color) { + if (color.substr(0, 1) === '#') { + return color; + } + var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color); + + var red = parseInt(digits[2]); + var green = parseInt(digits[3]); + var blue = parseInt(digits[4]); + + var rgb = blue | (green << 8) | (red << 16); + return digits[1] + '#' + rgb.toString(16); +}; + + +monica = $('#hexortext:checked').length +$('#error').append(monica) +$('#error').append('knows whassup') +var hexes = false +function hexswitch() + { + if(hexes == false) + { + $('#hexswitch').html('CLICK TO SHOW COLOR NAMES') + hexes = true; + } + + else + { + $('#hexswitch').html('CLICK TO SHOW HEX NAMES') + hexes = false; + } + } +$('#hexswitch').click(function(){hexswitch()}) +//takes a div name and returns a colorname +function showcolorname(divstr) + { + bgcolor = $('#'+divstr).css('background-color') + lowercasehex = colorToHex(bgcolor) + hex = lowercasehex.toUpperCase() + imname = hextoname[hex] + if ($('#hexortext:checked').length == 1) + { + imname = hex + } + return imname + } +function bigname() + { + bebop = showcolorname('firstd') + $('#secondd').html(bebop) + } +function putitin(hotboy) + { + $('#namespace').val(hotboy) + } +$("#firstd").hover(function(){bigname()}) +$("#firstd").hover(function(){$('#secondd').fadeOut(100);$('#secondd').fadeIn(500);}); +function boys () + { + var heyguys = showcolorname('firstd') + putitin(heyguys) + } +$('#firstd').click(function(){boys()}) +//$('#'+divstr).mouseover(bigname(divstr) +//three way toggle with background color +//here's how it will work +//there is a dictionary of background color hexes which translate into names +// with every click of a div the .html() property shifts between three states +//1. showing the background color as a string +//2. showing nothing +//3. showing the value of the hash using the background color as the key to the +//hash +//first step: make the three stage button DONE + +var infostate = 0; +$('#showinfo').click(function(){ + if(infostate == 0) + {$('#guy2').html(colorToHex($('#guy2').css('background-color')));infostate = 1} + else if(infostate == 1) + {$('#guy2').html(newdict[colorToHex($('#guy2').css('background-color'))]);infostate = 2} + else if(infostate == 2) + {$('#guy2').html(0);infostate = 0} + }) +//second step make dictionary DONE +var newdict = {} +newdict['#1e90ff'] = 'green' +newdict['#ff00ff'] = 'purple' +newdict['#fffafa'] = 'mauve' + +//make it happen using guy1 guy2 guy3 +// DO NOT USE HEX TO COLORNAME AND JQUERY BACKGROUND COLOR...use the dictionari +//es instead...they are divlist, and hextoname and nametohex and divtoname they have a +//range of 0-673 (or length of 674) + + +var happyguys = ['#guy1','#guy2','#guy3'] +function tester() + { + for(var i=0; i<happyguys.length; i++){ + $(happyguys[i]).html($(happyguys[i]).css('background-color')) + } + } +tester() + +//the script will be very convoluted. please make it anyway +//remember the only way to affect a list of things is to iterate over them +//make a list of the div names put it in this format... do that next + +</script> +</body> +</html> diff --git a/frontend/imgrid/colors/junk/colorpixx.css b/frontend/imgrid/colors/junk/colorpixx.css new file mode 100755 index 0000000..1ddf557 --- /dev/null +++ b/frontend/imgrid/colors/junk/colorpixx.css @@ -0,0 +1,2047 @@ + +body +{word-wrap: break-word;} + +#main div +{display: -moz-inline-stack; +display:inline-block; +vertical-align:bottom; +min-height: 30px; +min-width:20px; +zoom: 1; +*display: inline;} +} + +#main + { + width:600px; + } +#colornames +{position:fixed; +font-size:50px; +top:50px; +right:50%;} +#d0 +{background-color:#FFFAFA} + +#d1 +{background-color:#FFFAFA} + +#d2 +{background-color:#EEE9E9} + +#d3 +{background-color:#FFC1C1} + +#d4 +{background-color:#EEB4B4} + +#d5 +{background-color:#CDC9C9} + +#d6 +{background-color:#F08080} + +#d7 +{background-color:#FF6A6A} + +#d8 +{background-color:#CD9B9B} + +#d9 +{background-color:#EE6363} + +#d10 +{background-color:#BC8F8F} + +#d11 +{background-color:#FF4040} + +#d12 +{background-color:#FF3030} + +#d13 +{background-color:#EE3B3B} + +#d14 +{background-color:#CD5C5C} + +#d15 +{background-color:#CD5555} + +#d16 +{background-color:#EE2C2C} + +#d17 +{background-color:#8B8989} + +#d18 +{background-color:#CD3333} + +#d19 +{background-color:#FF0000} + +#d20 +{background-color:#FF0000} + +#d21 +{background-color:#8B6969} + +#d22 +{background-color:#CD2626} + +#d23 +{background-color:#EE0000} + +#d24 +{background-color:#B22222} + +#d25 +{background-color:#A52A2A} + +#d26 +{background-color:#CD0000} + +#d27 +{background-color:#8B3A3A} + +#d28 +{background-color:#8B2323} + +#d29 +{background-color:#8B1A1A} + +#d30 +{background-color:#8B0000} + +#d31 +{background-color:#8B0000} + +#d32 +{background-color:#800000} + +#d33 +{background-color:#FFAEB9} + +#d34 +{background-color:#CD8C95} + +#d35 +{background-color:#8B5F65} + +#d36 +{background-color:#EEA2AD} + +#d37 +{background-color:#FFB6C1} + +#d38 +{background-color:#FFC0CB} + +#d39 +{background-color:#DC143C} + +#d40 +{background-color:#FFB5C5} + +#d41 +{background-color:#EEA9B8} + +#d42 +{background-color:#CD919E} + +#d43 +{background-color:#8B636C} + +#d44 +{background-color:#8B475D} + +#d45 +{background-color:#DB7093} + +#d46 +{background-color:#EE799F} + +#d47 +{background-color:#FF82AB} + +#d48 +{background-color:#CD6889} + +#d49 +{background-color:#FFF0F5} + +#d50 +{background-color:#FFF0F5} + +#d51 +{background-color:#CDC1C5} + +#d52 +{background-color:#EEE0E5} + +#d53 +{background-color:#8B8386} + +#d54 +{background-color:#B03060} + +#d55 +{background-color:#CD6090} + +#d56 +{background-color:#CD3278} + +#d57 +{background-color:#FF3E96} + +#d58 +{background-color:#EE3A8C} + +#d59 +{background-color:#8B2252} + +#d60 +{background-color:#EE6AA7} + +#d61 +{background-color:#FF6EB4} + +#d62 +{background-color:#8B3A62} + +#d63 +{background-color:#FF69B4} + +#d64 +{background-color:#FF1493} + +#d65 +{background-color:#FF1493} + +#d66 +{background-color:#EE1289} + +#d67 +{background-color:#CD1076} + +#d68 +{background-color:#8B0A50} + +#d69 +{background-color:#FF34B3} + +#d70 +{background-color:#EE30A7} + +#d71 +{background-color:#CD2990} + +#d72 +{background-color:#8B1C62} + +#d73 +{background-color:#C71585} + +#d74 +{background-color:#D02090} + +#d75 +{background-color:#EE7AE9} + +#d76 +{background-color:#DA70D6} + +#d77 +{background-color:#FF83FA} + +#d78 +{background-color:#CD69C9} + +#d79 +{background-color:#8B4789} + +#d80 +{background-color:#FFE1FF} + +#d81 +{background-color:#EED2EE} + +#d82 +{background-color:#FFBBFF} + +#d83 +{background-color:#EEAEEE} + +#d84 +{background-color:#D8BFD8} + +#d85 +{background-color:#CDB5CD} + +#d86 +{background-color:#DDA0DD} + +#d87 +{background-color:#EE82EE} + +#d88 +{background-color:#CD96CD} + +#d89 +{background-color:#8B7B8B} + +#d90 +{background-color:#FF00FF} + +#d91 +{background-color:#FF00FF} + +#d92 +{background-color:#FF00FF} + +#d93 +{background-color:#8B668B} + +#d94 +{background-color:#EE00EE} + +#d95 +{background-color:#CD00CD} + +#d96 +{background-color:#8B008B} + +#d97 +{background-color:#8B008B} + +#d98 +{background-color:#800080} + +#d99 +{background-color:#BA55D3} + +#d100 +{background-color:#E066FF} + +#d101 +{background-color:#D15FEE} + +#d102 +{background-color:#B452CD} + +#d103 +{background-color:#7A378B} + +#d104 +{background-color:#9400D3} + +#d105 +{background-color:#9932CC} + +#d106 +{background-color:#BF3EFF} + +#d107 +{background-color:#9A32CD} + +#d108 +{background-color:#B23AEE} + +#d109 +{background-color:#68228B} + +#d110 +{background-color:#A020F0} + +#d111 +{background-color:#4B0082} + +#d112 +{background-color:#8A2BE2} + +#d113 +{background-color:#912CEE} + +#d114 +{background-color:#7D26CD} + +#d115 +{background-color:#551A8B} + +#d116 +{background-color:#9B30FF} + +#d117 +{background-color:#9370DB} + +#d118 +{background-color:#AB82FF} + +#d119 +{background-color:#9F79EE} + +#d120 +{background-color:#8968CD} + +#d121 +{background-color:#5D478B} + +#d122 +{background-color:#483D8B} + +#d123 +{background-color:#8470FF} + +#d124 +{background-color:#7B68EE} + +#d125 +{background-color:#6A5ACD} + +#d126 +{background-color:#836FFF} + +#d127 +{background-color:#7A67EE} + +#d128 +{background-color:#6959CD} + +#d129 +{background-color:#473C8B} + +#d130 +{background-color:#F8F8FF} + +#d131 +{background-color:#E6E6FA} + +#d132 +{background-color:#0000FF} + +#d133 +{background-color:#0000FF} + +#d134 +{background-color:#0000EE} + +#d135 +{background-color:#0000CD} + +#d136 +{background-color:#0000CD} + +#d137 +{background-color:#00008B} + +#d138 +{background-color:#00008B} + +#d139 +{background-color:#191970} + +#d140 +{background-color:#000080} + +#d141 +{background-color:#000080} + +#d142 +{background-color:#4169E1} + +#d143 +{background-color:#4876FF} + +#d144 +{background-color:#436EEE} + +#d145 +{background-color:#3A5FCD} + +#d146 +{background-color:#27408B} + +#d147 +{background-color:#6495ED} + +#d148 +{background-color:#B0C4DE} + +#d149 +{background-color:#CAE1FF} + +#d150 +{background-color:#BCD2EE} + +#d151 +{background-color:#A2B5CD} + +#d152 +{background-color:#6E7B8B} + +#d153 +{background-color:#6C7B8B} + +#d154 +{background-color:#C6E2FF} + +#d155 +{background-color:#B9D3EE} + +#d156 +{background-color:#9FB6CD} + +#d157 +{background-color:#778899} + +#d158 +{background-color:#778899} + +#d159 +{background-color:#708090} + +#d160 +{background-color:#708090} + +#d161 +{background-color:#1E90FF} + +#d162 +{background-color:#1E90FF} + +#d163 +{background-color:#1C86EE} + +#d164 +{background-color:#104E8B} + +#d165 +{background-color:#1874CD} + +#d166 +{background-color:#F0F8FF} + +#d167 +{background-color:#36648B} + +#d168 +{background-color:#4682B4} + +#d169 +{background-color:#63B8FF} + +#d170 +{background-color:#5CACEE} + +#d171 +{background-color:#4F94CD} + +#d172 +{background-color:#4A708B} + +#d173 +{background-color:#87CEFF} + +#d174 +{background-color:#7EC0EE} + +#d175 +{background-color:#6CA6CD} + +#d176 +{background-color:#87CEFA} + +#d177 +{background-color:#607B8B} + +#d178 +{background-color:#B0E2FF} + +#d179 +{background-color:#A4D3EE} + +#d180 +{background-color:#8DB6CD} + +#d181 +{background-color:#87CEEB} + +#d182 +{background-color:#9AC0CD} + +#d183 +{background-color:#00BFFF} + +#d184 +{background-color:#00BFFF} + +#d185 +{background-color:#00B2EE} + +#d186 +{background-color:#00688B} + +#d187 +{background-color:#009ACD} + +#d188 +{background-color:#BFEFFF} + +#d189 +{background-color:#B2DFEE} + +#d190 +{background-color:#ADD8E6} + +#d191 +{background-color:#68838B} + +#d192 +{background-color:#B0E0E6} + +#d193 +{background-color:#98F5FF} + +#d194 +{background-color:#8EE5EE} + +#d195 +{background-color:#7AC5CD} + +#d196 +{background-color:#53868B} + +#d197 +{background-color:#00F5FF} + +#d198 +{background-color:#00E5EE} + +#d199 +{background-color:#00C5CD} + +#d200 +{background-color:#00868B} + +#d201 +{background-color:#5F9EA0} + +#d202 +{background-color:#5F9EA0} + +#d203 +{background-color:#00CED1} + +#d204 +{background-color:#F0FFFF} + +#d205 +{background-color:#F0FFFF} + +#d206 +{background-color:#E0FFFF} + +#d207 +{background-color:#E0FFFF} + +#d208 +{background-color:#E0EEEE} + +#d209 +{background-color:#D1EEEE} + +#d210 +{background-color:#BBFFFF} + +#d211 +{background-color:#AFEEEE} + +#d212 +{background-color:#AEEEEE} + +#d213 +{background-color:#97FFFF} + +#d214 +{background-color:#C1CDCD} + +#d215 +{background-color:#B4CDCD} + +#d216 +{background-color:#8DEEEE} + +#d217 +{background-color:#96CDCD} + +#d218 +{background-color:#79CDCD} + +#d219 +{background-color:#838B8B} + +#d220 +{background-color:#7A8B8B} + +#d221 +{background-color:#00FFFF} + +#d222 +{background-color:#00FFFF} + +#d223 +{background-color:#00FFFF} + +#d224 +{background-color:#668B8B} + +#d225 +{background-color:#00EEEE} + +#d226 +{background-color:#528B8B} + +#d227 +{background-color:#00CDCD} + +#d228 +{background-color:#008B8B} + +#d229 +{background-color:#008B8B} + +#d230 +{background-color:#008080} + +#d231 +{background-color:#2F4F4F} + +#d232 +{background-color:#2F4F4F} + +#d233 +{background-color:#48D1CC} + +#d234 +{background-color:#20B2AA} + +#d235 +{background-color:#40E0D0} + +#d236 +{background-color:#458B74} + +#d237 +{background-color:#7FFFD4} + +#d238 +{background-color:#7FFFD4} + +#d239 +{background-color:#76EEC6} + +#d240 +{background-color:#66CDAA} + +#d241 +{background-color:#66CDAA} + +#d242 +{background-color:#00FA9A} + +#d243 +{background-color:#F5FFFA} + +#d244 +{background-color:#00FF7F} + +#d245 +{background-color:#00FF7F} + +#d246 +{background-color:#00EE76} + +#d247 +{background-color:#00CD66} + +#d248 +{background-color:#008B45} + +#d249 +{background-color:#3CB371} + +#d250 +{background-color:#2E8B57} + +#d251 +{background-color:#43CD80} + +#d252 +{background-color:#54FF9F} + +#d253 +{background-color:#2E8B57} + +#d254 +{background-color:#4EEE94} + +#d255 +{background-color:#32814B} + +#d256 +{background-color:#F0FFF0} + +#d257 +{background-color:#F0FFF0} + +#d258 +{background-color:#E0EEE0} + +#d259 +{background-color:#C1FFC1} + +#d260 +{background-color:#B4EEB4} + +#d261 +{background-color:#9AFF9A} + +#d262 +{background-color:#98FB98} + +#d263 +{background-color:#C1CDC1} + +#d264 +{background-color:#90EE90} + +#d265 +{background-color:#90EE90} + +#d266 +{background-color:#9BCD9B} + +#d267 +{background-color:#8FBC8F} + +#d268 +{background-color:#7CCD7C} + +#d269 +{background-color:#838B83} + +#d270 +{background-color:#00FF00} + +#d271 +{background-color:#00FF00} + +#d272 +{background-color:#32CD32} + +#d273 +{background-color:#698B69} + +#d274 +{background-color:#00EE00} + +#d275 +{background-color:#548B54} + +#d276 +{background-color:#00CD00} + +#d277 +{background-color:#228B22} + +#d278 +{background-color:#008B00} + +#d279 +{background-color:#008000} + +#d280 +{background-color:#006400} + +#d281 +{background-color:#7CFC00} + +#d282 +{background-color:#7FFF00} + +#d283 +{background-color:#7FFF00} + +#d284 +{background-color:#76EE00} + +#d285 +{background-color:#66CD00} + +#d286 +{background-color:#458B00} + +#d287 +{background-color:#ADFF2F} + +#d288 +{background-color:#A2CD5A} + +#d289 +{background-color:#CAFF70} + +#d290 +{background-color:#BCEE68} + +#d291 +{background-color:#6E8B3D} + +#d292 +{background-color:#556B2F} + +#d293 +{background-color:#6B8E23} + +#d294 +{background-color:#C0FF3E} + +#d295 +{background-color:#B3EE3A} + +#d296 +{background-color:#9ACD32} + +#d297 +{background-color:#9ACD32} + +#d298 +{background-color:#698B22} + +#d299 +{background-color:#FFFFF0} + +#d300 +{background-color:#FFFFF0} + +#d301 +{background-color:#FFFFE0} + +#d302 +{background-color:#FFFFE0} + +#d303 +{background-color:#F5F5DC} + +#d304 +{background-color:#EEEEE0} + +#d305 +{background-color:#FAFAD2} + +#d306 +{background-color:#EEEED1} + +#d307 +{background-color:#CDCDC1} + +#d308 +{background-color:#CDCDB4} + +#d309 +{background-color:#8B8B83} + +#d310 +{background-color:#8B8B7A} + +#d311 +{background-color:#FFFF00} + +#d312 +{background-color:#FFFF00} + +#d313 +{background-color:#EEEE00} + +#d314 +{background-color:#CDCD00} + +#d315 +{background-color:#8B8B00} + +#d316 +{background-color:#808000} + +#d317 +{background-color:#BDB76B} + +#d318 +{background-color:#EEE685} + +#d319 +{background-color:#8B8970} + +#d320 +{background-color:#FFF68F} + +#d321 +{background-color:#CDC673} + +#d322 +{background-color:#8B864E} + +#d323 +{background-color:#EEE8AA} + +#d324 +{background-color:#FFFACD} + +#d325 +{background-color:#FFFACD} + +#d326 +{background-color:#F0E68C} + +#d327 +{background-color:#CDC9A5} + +#d328 +{background-color:#EEE9BF} + +#d329 +{background-color:#D1C166} + +#d330 +{background-color:#8B8878} + +#d331 +{background-color:#FFD700} + +#d332 +{background-color:#FFD700} + +#d333 +{background-color:#EEC900} + +#d334 +{background-color:#CDAD00} + +#d335 +{background-color:#8B7500} + +#d336 +{background-color:#EEDD82} + +#d337 +{background-color:#8B814C} + +#d338 +{background-color:#FFEC8B} + +#d339 +{background-color:#CDBE70} + +#d340 +{background-color:#EEDC82} + +#d341 +{background-color:#CDC8B1} + +#d342 +{background-color:#EEE8CD} + +#d343 +{background-color:#FFF8DC} + +#d344 +{background-color:#FFF8DC} + +#d345 +{background-color:#DAA520} + +#d346 +{background-color:#FFC125} + +#d347 +{background-color:#EEB422} + +#d348 +{background-color:#CD9B1D} + +#d349 +{background-color:#8B6914} + +#d350 +{background-color:#B8860B} + +#d351 +{background-color:#FFB90F} + +#d352 +{background-color:#EEAD0E} + +#d353 +{background-color:#CD950C} + +#d354 +{background-color:#8B6508} + +#d355 +{background-color:#FFFAF0} + +#d356 +{background-color:#EED8AE} + +#d357 +{background-color:#FDF5E6} + +#d358 +{background-color:#F5DEB3} + +#d359 +{background-color:#FFE7BA} + +#d360 +{background-color:#CDBA96} + +#d361 +{background-color:#FFA500} + +#d362 +{background-color:#FFA500} + +#d363 +{background-color:#EE9A00} + +#d364 +{background-color:#CD8500} + +#d365 +{background-color:#8B5A00} + +#d366 +{background-color:#8B7E66} + +#d367 +{background-color:#FFE4B5} + +#d368 +{background-color:#FFEFD5} + +#d369 +{background-color:#CDB38B} + +#d370 +{background-color:#FFEBCD} + +#d371 +{background-color:#FFDEAD} + +#d372 +{background-color:#FFDEAD} + +#d373 +{background-color:#EECFA1} + +#d374 +{background-color:#8B795E} + +#d375 +{background-color:#8B8378} + +#d376 +{background-color:#FAEBD7} + +#d377 +{background-color:#D2B48C} + +#d378 +{background-color:#8B7D6B} + +#d379 +{background-color:#DEB887} + +#d380 +{background-color:#EEDFCC} + +#d381 +{background-color:#FFD39B} + +#d382 +{background-color:#CDAA7D} + +#d383 +{background-color:#EEC591} + +#d384 +{background-color:#FFEFDB} + +#d385 +{background-color:#8B7355} + +#d386 +{background-color:#CDC0B0} + +#d387 +{background-color:#FF8C00} + +#d388 +{background-color:#EED5B7} + +#d389 +{background-color:#FFE4C4} + +#d390 +{background-color:#FFE4C4} + +#d391 +{background-color:#CDB79E} + +#d392 +{background-color:#FF7F00} + +#d393 +{background-color:#FAF0E6} + +#d394 +{background-color:#EE7600} + +#d395 +{background-color:#CD6600} + +#d396 +{background-color:#8B4500} + +#d397 +{background-color:#CD853F} + +#d398 +{background-color:#FFA54F} + +#d399 +{background-color:#EE9A49} + +#d400 +{background-color:#CD853F} + +#d401 +{background-color:#8B5A2B} + +#d402 +{background-color:#FFDAB9} + +#d403 +{background-color:#FFDAB9} + +#d404 +{background-color:#8B7765} + +#d405 +{background-color:#EECBAD} + +#d406 +{background-color:#CDAF95} + +#d407 +{background-color:#F4A460} + +#d408 +{background-color:#8B8682} + +#d409 +{background-color:#EEE5DE} + +#d410 +{background-color:#CDC5BF} + +#d411 +{background-color:#D2691E} + +#d412 +{background-color:#FF7F24} + +#d413 +{background-color:#EE7621} + +#d414 +{background-color:#CD661D} + +#d415 +{background-color:#8B4513} + +#d416 +{background-color:#8B4513} + +#d417 +{background-color:#FFF5EE} + +#d418 +{background-color:#FFF5EE} + +#d419 +{background-color:#8B4726} + +#d420 +{background-color:#A0522D} + +#d421 +{background-color:#FF8247} + +#d422 +{background-color:#EE7942} + +#d423 +{background-color:#CD6839} + +#d424 +{background-color:#CD8162} + +#d425 +{background-color:#FFA07A} + +#d426 +{background-color:#FFA07A} + +#d427 +{background-color:#8B5742} + +#d428 +{background-color:#EE9572} + +#d429 +{background-color:#FF7F50} + +#d430 +{background-color:#FF4500} + +#d431 +{background-color:#FF4500} + +#d432 +{background-color:#EE4000} + +#d433 +{background-color:#CD3700} + +#d434 +{background-color:#8B2500} + +#d435 +{background-color:#E9967A} + +#d436 +{background-color:#FF8C69} + +#d437 +{background-color:#EE8262} + +#d438 +{background-color:#CD7054} + +#d439 +{background-color:#8B4C39} + +#d440 +{background-color:#FF7256} + +#d441 +{background-color:#EE6A50} + +#d442 +{background-color:#CD5B45} + +#d443 +{background-color:#8B3E2F} + +#d444 +{background-color:#8B3626} + +#d445 +{background-color:#FF6347} + +#d446 +{background-color:#FF6347} + +#d447 +{background-color:#EE5C42} + +#d448 +{background-color:#CD4F39} + +#d449 +{background-color:#8B7D7B} + +#d450 +{background-color:#EED5D2} + +#d451 +{background-color:#FFE4E1} + +#d452 +{background-color:#FFE4E1} + +#d453 +{background-color:#FA8072} + +#d454 +{background-color:#CDB7B5} + +#d455 +{background-color:#FFFFFF} + +#d456 +{background-color:#FFFFFF} + +#d457 +{background-color:#FFFFFF} + +#d458 +{background-color:#FFFFFF} + +#d459 +{background-color:#FCFCFC} + +#d460 +{background-color:#FCFCFC} + +#d461 +{background-color:#FAFAFA} + +#d462 +{background-color:#FAFAFA} + +#d463 +{background-color:#F7F7F7} + +#d464 +{background-color:#F7F7F7} + +#d465 +{background-color:#F5F5F5} + +#d466 +{background-color:#F5F5F5} + +#d467 +{background-color:#F5F5F5} + +#d468 +{background-color:#F2F2F2} + +#d469 +{background-color:#F2F2F2} + +#d470 +{background-color:#F0F0F0} + +#d471 +{background-color:#F0F0F0} + +#d472 +{background-color:#EDEDED} + +#d473 +{background-color:#EDEDED} + +#d474 +{background-color:#EBEBEB} + +#d475 +{background-color:#EBEBEB} + +#d476 +{background-color:#E8E8E8} + +#d477 +{background-color:#E8E8E8} + +#d478 +{background-color:#E5E5E5} + +#d479 +{background-color:#E5E5E5} + +#d480 +{background-color:#E3E3E3} + +#d481 +{background-color:#E3E3E3} + +#d482 +{background-color:#E0E0E0} + +#d483 +{background-color:#E0E0E0} + +#d484 +{background-color:#DEDEDE} + +#d485 +{background-color:#DEDEDE} + +#d486 +{background-color:#DCDCDC} + +#d487 +{background-color:#DBDBDB} + +#d488 +{background-color:#DBDBDB} + +#d489 +{background-color:#D9D9D9} + +#d490 +{background-color:#D9D9D9} + +#d491 +{background-color:#D6D6D6} + +#d492 +{background-color:#D6D6D6} + +#d493 +{background-color:#D4D4D4} + +#d494 +{background-color:#D4D4D4} + +#d495 +{background-color:#D3D3D3} + +#d496 +{background-color:#D3D3D3} + +#d497 +{background-color:#D1D1D1} + +#d498 +{background-color:#D1D1D1} + +#d499 +{background-color:#CFCFCF} + +#d500 +{background-color:#CFCFCF} + +#d501 +{background-color:#CCCCCC} + +#d502 +{background-color:#CCCCCC} + +#d503 +{background-color:#C9C9C9} + +#d504 +{background-color:#C9C9C9} + +#d505 +{background-color:#C7C7C7} + +#d506 +{background-color:#C7C7C7} + +#d507 +{background-color:#C4C4C4} + +#d508 +{background-color:#C4C4C4} + +#d509 +{background-color:#C2C2C2} + +#d510 +{background-color:#C2C2C2} + +#d511 +{background-color:#C0C0C0} + +#d512 +{background-color:#BFBFBF} + +#d513 +{background-color:#BFBFBF} + +#d514 +{background-color:#BDBDBD} + +#d515 +{background-color:#BDBDBD} + +#d516 +{background-color:#BABABA} + +#d517 +{background-color:#BABABA} + +#d518 +{background-color:#B8B8B8} + +#d519 +{background-color:#B8B8B8} + +#d520 +{background-color:#B5B5B5} + +#d521 +{background-color:#B5B5B5} + +#d522 +{background-color:#B3B3B3} + +#d523 +{background-color:#B3B3B3} + +#d524 +{background-color:#B0B0B0} + +#d525 +{background-color:#B0B0B0} + +#d526 +{background-color:#ADADAD} + +#d527 +{background-color:#ADADAD} + +#d528 +{background-color:#ABABAB} + +#d529 +{background-color:#ABABAB} + +#d530 +{background-color:#A9A9A9} + +#d531 +{background-color:#A9A9A9} + +#d532 +{background-color:#A8A8A8} + +#d533 +{background-color:#A8A8A8} + +#d534 +{background-color:#A6A6A6} + +#d535 +{background-color:#A6A6A6} + +#d536 +{background-color:#A3A3A3} + +#d537 +{background-color:#A3A3A3} + +#d538 +{background-color:#A1A1A1} + +#d539 +{background-color:#A1A1A1} + +#d540 +{background-color:#9E9E9E} + +#d541 +{background-color:#9E9E9E} + +#d542 +{background-color:#9C9C9C} + +#d543 +{background-color:#9C9C9C} + +#d544 +{background-color:#999999} + +#d545 +{background-color:#999999} + +#d546 +{background-color:#969696} + +#d547 +{background-color:#969696} + +#d548 +{background-color:#949494} + +#d549 +{background-color:#949494} + +#d550 +{background-color:#919191} + +#d551 +{background-color:#919191} + +#d552 +{background-color:#8F8F8F} + +#d553 +{background-color:#8F8F8F} + +#d554 +{background-color:#8C8C8C} + +#d555 +{background-color:#8C8C8C} + +#d556 +{background-color:#8A8A8A} + +#d557 +{background-color:#8A8A8A} + +#d558 +{background-color:#878787} + +#d559 +{background-color:#878787} + +#d560 +{background-color:#858585} + +#d561 +{background-color:#858585} + +#d562 +{background-color:#828282} + +#d563 +{background-color:#828282} + +#d564 +{background-color:#808080} + +#d565 +{background-color:#7F7F7F} + +#d566 +{background-color:#7F7F7F} + +#d567 +{background-color:#7E7E7E} + +#d568 +{background-color:#7D7D7D} + +#d569 +{background-color:#7D7D7D} + +#d570 +{background-color:#7A7A7A} + +#d571 +{background-color:#7A7A7A} + +#d572 +{background-color:#787878} + +#d573 +{background-color:#787878} + +#d574 +{background-color:#757575} + +#d575 +{background-color:#757575} + +#d576 +{background-color:#737373} + +#d577 +{background-color:#737373} + +#d578 +{background-color:#707070} + +#d579 +{background-color:#707070} + +#d580 +{background-color:#6E6E6E} + +#d581 +{background-color:#6E6E6E} + +#d582 +{background-color:#6B6B6B} + +#d583 +{background-color:#6B6B6B} + +#d584 +{background-color:#696969} + +#d585 +{background-color:#696969} + +#d586 +{background-color:#696969} + +#d587 +{background-color:#696969} + +#d588 +{background-color:#666666} + +#d589 +{background-color:#666666} + +#d590 +{background-color:#636363} + +#d591 +{background-color:#636363} + +#d592 +{background-color:#616161} + +#d593 +{background-color:#616161} + +#d594 +{background-color:#5E5E5E} + +#d595 +{background-color:#5E5E5E} + +#d596 +{background-color:#5C5C5C} + +#d597 +{background-color:#5C5C5C} + +#d598 +{background-color:#595959} + +#d599 +{background-color:#595959} + +#d600 +{background-color:#575757} + +#d601 +{background-color:#575757} + +#d602 +{background-color:#545454} + +#d603 +{background-color:#545454} + +#d604 +{background-color:#525252} + +#d605 +{background-color:#525252} + +#d606 +{background-color:#4F4F4F} + +#d607 +{background-color:#4F4F4F} + +#d608 +{background-color:#4D4D4D} + +#d609 +{background-color:#4D4D4D} + +#d610 +{background-color:#4A4A4A} + +#d611 +{background-color:#4A4A4A} + +#d612 +{background-color:#474747} + +#d613 +{background-color:#474747} + +#d614 +{background-color:#454545} + +#d615 +{background-color:#454545} + +#d616 +{background-color:#424242} + +#d617 +{background-color:#424242} + +#d618 +{background-color:#404040} + +#d619 +{background-color:#404040} + +#d620 +{background-color:#3D3D3D} + +#d621 +{background-color:#3D3D3D} + +#d622 +{background-color:#3B3B3B} + +#d623 +{background-color:#3B3B3B} + +#d624 +{background-color:#383838} + +#d625 +{background-color:#383838} + +#d626 +{background-color:#363636} + +#d627 +{background-color:#363636} + +#d628 +{background-color:#333333} + +#d629 +{background-color:#333333} + +#d630 +{background-color:#303030} + +#d631 +{background-color:#303030} + +#d632 +{background-color:#2E2E2E} + +#d633 +{background-color:#2E2E2E} + +#d634 +{background-color:#2B2B2B} + +#d635 +{background-color:#2B2B2B} + +#d636 +{background-color:#292929} + +#d637 +{background-color:#292929} + +#d638 +{background-color:#262626} + +#d639 +{background-color:#262626} + +#d640 +{background-color:#242424} + +#d641 +{background-color:#242424} + +#d642 +{background-color:#212121} + +#d643 +{background-color:#212121} + +#d644 +{background-color:#1F1F1F} + +#d645 +{background-color:#1F1F1F} + +#d646 +{background-color:#1C1C1C} + +#d647 +{background-color:#1C1C1C} + +#d648 +{background-color:#1A1A1A} + +#d649 +{background-color:#1A1A1A} + +#d650 +{background-color:#171717} + +#d651 +{background-color:#171717} + +#d652 +{background-color:#141414} + +#d653 +{background-color:#141414} + +#d654 +{background-color:#121212} + +#d655 +{background-color:#121212} + +#d656 +{background-color:#0F0F0F} + +#d657 +{background-color:#0F0F0F} + +#d658 +{background-color:#0D0D0D} + +#d659 +{background-color:#0D0D0D} + +#d660 +{background-color:#0A0A0A} + +#d661 +{background-color:#0A0A0A} + +#d662 +{background-color:#080808} + +#d663 +{background-color:#080808} + +#d664 +{background-color:#050505} + +#d665 +{background-color:#050505} + +#d666 +{background-color:#030303} + +#d667 +{background-color:#030303} + +#d668 +{background-color:#000000} + +#d669 +{background-color:#000000} + +#d670 +{background-color:#000000} + +#d671 +{background-color:#000000} + +#d672 +{background-color:#000000} + +#d673 +{background-color:#000000} +.colors +{height:30px; +width:10px;} diff --git a/frontend/imgrid/colors/junk/colorpixx.js b/frontend/imgrid/colors/junk/colorpixx.js new file mode 100755 index 0000000..4b42e4d --- /dev/null +++ b/frontend/imgrid/colors/junk/colorpixx.js @@ -0,0 +1,92 @@ +function goldenize(num) + { + ratio = (1+Math.sqrt(5))/2 + newnum = Math.round(num*ratio) + return newnum + } +//turns css property width or height into an integer value +function getproperty(idandselectr, propertystr) + { + grab = $(idandselectr).css(propertystr) + grab = grab.slice(0,-2) + numval = parseInt(grab) + return numval + } +function makegolden(idandselectr, propertystr) + { + result = getproperty(idandselectr, propertystr) + newwidth = goldenize(result) + widthval = newwidth.toString()+'px' + $(idandselectr).css('width', widthval) + } +makegolden('.colors', 'height') +//remove content this function takes the name out of the divs + +function removecontent() + { + $('.colors').html("") + } +removecontent() + +function colorToHex(color) { + if (color.substr(0, 1) === '#') { + return color; + } + var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color); + + var red = parseInt(digits[2]); + var green = parseInt(digits[3]); + var blue = parseInt(digits[4]); + + var rgb = blue | (green << 8) | (red << 16); + return digits[1] + '#' + rgb.toString(16); +}; + +//takes a div name and returns a colorname + +function showcolorname(divstr) + + { + + bgcolor = $('#'+divstr).css('background-color') + lowercasehex = colorToHex(bgcolor) + hex = lowercasehex.toUpperCase() + imname = hextoname[hex] +/* if ($('#hexortext:checked').length == 1) + { + imname = hex + }*/ + return imname + } +function bigname(divstr) + { + bebop = showcolorname(divstr) +// $('#colornames').html(bebop) + } +function writeit(text) + { +// $('#colornames').append(text) + } +function makebig(divstr) + { + firstheight = $('#'+divstr).height() + newheight = goldenize(firstheight) + $('#'+divstr).height(newheight) +// $('#colornames').append(firstheight) + } +function makesmall(divstr) + { + oldheight = $('.colors').height() + $('#'+divstr).height(oldheight) + } +$('.colors').hover(function() { + bigname(this.id); + makebig(this.id); + makegolden('#'+this.id, 'height')}, +function(){ + makesmall(this.id); + makegolden('#'+this.id, 'height') +}); +$('#colornames').html("") +$("#popupContact").css('background-color', 'black') +$('.colors').css('margin-top', '2px') diff --git a/frontend/imgrid/colors/junk/colors.html b/frontend/imgrid/colors/junk/colors.html new file mode 100755 index 0000000..0ef22f9 --- /dev/null +++ b/frontend/imgrid/colors/junk/colors.html @@ -0,0 +1,5429 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> +<!-- saved from url=(0124)https://mail.google.com/mail/?ui=2&ik=8c5c6e41c0&view=att&th=131a60939ee4c454&attid=0.1&disp=inline&realattid=f_gr2htzs60&zw --> +<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></head> +<style type="text/css"> +* + { + font-family: sans-serif; + } +</style> +<body> + + + +<div> +<h1><a></a>List of Color Names</h1> +<div> + +<p>a list of named colors for use with PHOTOBLASTER:</p> + +<table> +<tbody> + <tr> + <th align="right">Name</th> + <th align="center">Color</th> + <th align="left">RGB</th> + <th align="left">Hex</th> + + </tr> + + <tr> + <td align="right">snow</td> + <td align="center" style="background-color:rgb(255, 250, 250)">snow</td> + <td align="left">rgb(255, 250, 250)</td> + <td align="left">#FFFAFA</td> + + </tr> + + <tr> + <td align="right">snow1</td> + <td align="center" style="background-color:rgb(255, 250, 250)">snow1</td> + <td align="left">rgb(255, 250, 250)</td> + <td align="left">#FFFAFA</td> + + </tr> + + <tr> + <td align="right">snow2</td> + <td align="center" style="background-color:rgb(238, 233, 233)">snow2</td> + <td align="left">rgb(238, 233, 233)</td> + <td align="left">#EEE9E9</td> + + </tr> + + <tr> + <td align="right">RosyBrown1</td> + <td align="center" style="background-color:rgb(255, 193, 193)">RosyBrown1</td> + <td align="left">rgb(255, 193, 193)</td> + <td align="left">#FFC1C1</td> + + </tr> + + <tr> + <td align="right">RosyBrown2</td> + <td align="center" style="background-color:rgb(238, 180, 180)">RosyBrown2</td> + <td align="left">rgb(238, 180, 180)</td> + <td align="left">#EEB4B4</td> + + </tr> + + <tr> + <td align="right">snow3</td> + <td align="center" style="background-color:rgb(205, 201, 201)">snow3</td> + <td align="left">rgb(205, 201, 201)</td> + <td align="left">#CDC9C9</td> + + </tr> + + <tr> + <td align="right">LightCoral</td> + <td align="center" style="background-color:rgb(240, 128, 128)">LightCoral</td> + <td align="left">rgb(240, 128, 128)</td> + <td align="left">#F08080</td> + + </tr> + + <tr> + <td align="right">IndianRed1</td> + <td align="center" style="background-color:rgb(255, 106, 106)">IndianRed1</td> + <td align="left">rgb(255, 106, 106)</td> + <td align="left">#FF6A6A</td> + + </tr> + + <tr> + <td align="right">RosyBrown3</td> + <td align="center" style="background-color:rgb(205, 155, 155)">RosyBrown3</td> + <td align="left">rgb(205, 155, 155)</td> + <td align="left">#CD9B9B</td> + + </tr> + + <tr> + <td align="right">IndianRed2</td> + <td align="center" style="background-color:rgb(238, 99, 99)">IndianRed2</td> + <td align="left">rgb(238, 99, 99)</td> + <td align="left">#EE6363</td> + + </tr> + + <tr> + <td align="right">RosyBrown</td> + <td align="center" style="background-color:rgb(188, 143, 143)">RosyBrown</td> + <td align="left">rgb(188, 143, 143)</td> + <td align="left">#BC8F8F</td> + + </tr> + + <tr> + <td align="right">brown1</td> + <td align="center" style="background-color:rgb(255, 64, 64)">brown1</td> + <td align="left">rgb(255, 64, 64)</td> + <td align="left">#FF4040</td> + + </tr> + + <tr> + <td align="right">firebrick1</td> + <td align="center" style="background-color:rgb(255, 48, 48)">firebrick1</td> + <td align="left">rgb(255, 48, 48)</td> + <td align="left">#FF3030</td> + + </tr> + + <tr> + <td align="right">brown2</td> + <td align="center" style="background-color:rgb(238, 59, 59)">brown2</td> + <td align="left">rgb(238, 59, 59)</td> + <td align="left">#EE3B3B</td> + + </tr> + + <tr> + <td align="right">IndianRed</td> + <td align="center" style="background-color:rgb(205, 92, 92)">IndianRed</td> + <td align="left">rgb(205, 92, 92)</td> + <td align="left">#CD5C5C</td> + + </tr> + + <tr> + <td align="right">IndianRed3</td> + <td align="center" style="background-color:rgb(205, 85, 85)">IndianRed3</td> + <td align="left">rgb(205, 85, 85)</td> + <td align="left">#CD5555</td> + + </tr> + + <tr> + <td align="right">firebrick2</td> + <td align="center" style="background-color:rgb(238, 44, 44)">firebrick2</td> + <td align="left">rgb(238, 44, 44)</td> + <td align="left">#EE2C2C</td> + + </tr> + + <tr> + <td align="right">snow4</td> + <td align="center" style="background-color:rgb(139, 137, 137)">snow4</td> + <td align="left">rgb(139, 137, 137)</td> + <td align="left">#8B8989</td> + + </tr> + + <tr> + <td align="right">brown3</td> + <td align="center" style="background-color:rgb(205, 51, 51)">brown3</td> + <td align="left">rgb(205, 51, 51)</td> + <td align="left">#CD3333</td> + + </tr> + + <tr> + <td align="right">red</td> + <td align="center" style="background-color:rgb(255, 0, 0)">red</td> + <td align="left">rgb(255, 0, 0)</td> + <td align="left">#FF0000</td> + + </tr> + + <tr> + <td align="right">red1</td> + <td align="center" style="background-color:rgb(255, 0, 0)">red1</td> + <td align="left">rgb(255, 0, 0)</td> + <td align="left">#FF0000</td> + + </tr> + + <tr> + <td align="right">RosyBrown4</td> + <td align="center" style="background-color:rgb(139, 105, 105)">RosyBrown4</td> + <td align="left">rgb(139, 105, 105)</td> + <td align="left">#8B6969</td> + + </tr> + + <tr> + <td align="right">firebrick3</td> + <td align="center" style="background-color:rgb(205, 38, 38)">firebrick3</td> + <td align="left">rgb(205, 38, 38)</td> + <td align="left">#CD2626</td> + + </tr> + + <tr> + <td align="right">red2</td> + <td align="center" style="background-color:rgb(238, 0, 0)">red2</td> + <td align="left">rgb(238, 0, 0)</td> + <td align="left">#EE0000</td> + + </tr> + + <tr> + <td align="right">firebrick</td> + <td align="center" style="background-color:rgb(178, 34, 34)">firebrick</td> + <td align="left">rgb(178, 34, 34)</td> + <td align="left">#B22222</td> + + </tr> + + <tr> + <td align="right">brown</td> + <td align="center" style="background-color:rgb(165, 42, 42)">brown</td> + <td align="left">rgb(165, 42, 42)</td> + <td align="left">#A52A2A</td> + + </tr> + + <tr> + <td align="right">red3</td> + <td align="center" style="background-color:rgb(205, 0, 0)">red3</td> + <td align="left">rgb(205, 0, 0)</td> + <td align="left">#CD0000</td> + + </tr> + + <tr> + <td align="right">IndianRed4</td> + <td align="center" style="background-color:rgb(139, 58, 58)">IndianRed4</td> + <td align="left">rgb(139, 58, 58)</td> + <td align="left">#8B3A3A</td> + + </tr> + + <tr> + <td align="right">brown4</td> + <td align="center" style="background-color:rgb(139, 35, 35)">brown4</td> + <td align="left">rgb(139, 35, 35)</td> + <td align="left">#8B2323</td> + + </tr> + + <tr> + <td align="right">firebrick4</td> + <td align="center" style="background-color:rgb(139, 26, 26)">firebrick4</td> + <td align="left">rgb(139, 26, 26)</td> + <td align="left">#8B1A1A</td> + + </tr> + + <tr> + <td align="right">DarkRed</td> + <td align="center" style="background-color:rgb(139, 0, 0)">DarkRed</td> + <td align="left">rgb(139, 0, 0)</td> + <td align="left">#8B0000</td> + + </tr> + + <tr> + <td align="right">red4</td> + <td align="center" style="background-color:rgb(139, 0, 0)">red4</td> + <td align="left">rgb(139, 0, 0)</td> + <td align="left">#8B0000</td> + + </tr> + + <tr> + <td align="right">maroon</td> + <td align="center" style="background-color:rgb(128, 0, 0)">maroon</td> + <td align="left">rgb(128, 0, 0)</td> + <td align="left">#800000</td> + + </tr> + + <tr> + <td align="right">LightPink1</td> + <td align="center" style="background-color:rgb(255, 174, 185)">LightPink1</td> + <td align="left">rgb(255, 174, 185)</td> + <td align="left">#FFAEB9</td> + + </tr> + + <tr> + <td align="right">LightPink3</td> + <td align="center" style="background-color:rgb(205, 140, 149)">LightPink3</td> + <td align="left">rgb(205, 140, 149)</td> + <td align="left">#CD8C95</td> + + </tr> + + <tr> + <td align="right">LightPink4</td> + <td align="center" style="background-color:rgb(139, 95, 101)">LightPink4</td> + <td align="left">rgb(139, 95, 101)</td> + <td align="left">#8B5F65</td> + + </tr> + + <tr> + <td align="right">LightPink2</td> + <td align="center" style="background-color:rgb(238, 162, 173)">LightPink2</td> + <td align="left">rgb(238, 162, 173)</td> + <td align="left">#EEA2AD</td> + + </tr> + + <tr> + <td align="right">LightPink</td> + <td align="center" style="background-color:rgb(255, 182, 193)">LightPink</td> + <td align="left">rgb(255, 182, 193)</td> + <td align="left">#FFB6C1</td> + + </tr> + + <tr> + <td align="right">pink</td> + <td align="center" style="background-color:rgb(255, 192, 203)">pink</td> + <td align="left">rgb(255, 192, 203)</td> + <td align="left">#FFC0CB</td> + + </tr> + + <tr> + <td align="right">crimson</td> + <td align="center" style="background-color:rgb(220, 20, 60)">crimson</td> + <td align="left">rgb(220, 20, 60)</td> + <td align="left">#DC143C</td> + + </tr> + + <tr> + <td align="right">pink1</td> + <td align="center" style="background-color:rgb(255, 181, 197)">pink1</td> + <td align="left">rgb(255, 181, 197)</td> + <td align="left">#FFB5C5</td> + + </tr> + + <tr> + <td align="right">pink2</td> + <td align="center" style="background-color:rgb(238, 169, 184)">pink2</td> + <td align="left">rgb(238, 169, 184)</td> + <td align="left">#EEA9B8</td> + + </tr> + + <tr> + <td align="right">pink3</td> + <td align="center" style="background-color:rgb(205, 145, 158)">pink3</td> + <td align="left">rgb(205, 145, 158)</td> + <td align="left">#CD919E</td> + + </tr> + + <tr> + <td align="right">pink4</td> + <td align="center" style="background-color:rgb(139, 99, 108)">pink4</td> + <td align="left">rgb(139, 99, 108)</td> + <td align="left">#8B636C</td> + + </tr> + + <tr> + <td align="right">PaleVioletRed4</td> + <td align="center" style="background-color:rgb(139, 71, 93)">PaleVioletRed4</td> + <td align="left">rgb(139, 71, 93)</td> + <td align="left">#8B475D</td> + + </tr> + + <tr> + <td align="right">PaleVioletRed</td> + <td align="center" style="background-color:rgb(219, 112, 147)">PaleVioletRed</td> + <td align="left">rgb(219, 112, 147)</td> + <td align="left">#DB7093</td> + + </tr> + + <tr> + <td align="right">PaleVioletRed2</td> + <td align="center" style="background-color:rgb(238, 121, 159)">PaleVioletRed2</td> + <td align="left">rgb(238, 121, 159)</td> + <td align="left">#EE799F</td> + + </tr> + + <tr> + <td align="right">PaleVioletRed1</td> + <td align="center" style="background-color:rgb(255, 130, 171)">PaleVioletRed1</td> + <td align="left">rgb(255, 130, 171)</td> + <td align="left">#FF82AB</td> + + </tr> + + <tr> + <td align="right">PaleVioletRed3</td> + <td align="center" style="background-color:rgb(205, 104, 137)">PaleVioletRed3</td> + <td align="left">rgb(205, 104, 137)</td> + <td align="left">#CD6889</td> + + </tr> + + <tr> + <td align="right">LavenderBlush</td> + <td align="center" style="background-color:rgb(255, 240, 245)">LavenderBlush</td> + <td align="left">rgb(255, 240, 245)</td> + <td align="left">#FFF0F5</td> + + </tr> + + <tr> + <td align="right">LavenderBlush1</td> + <td align="center" style="background-color:rgb(255, 240, 245)">LavenderBlush1</td> + <td align="left">rgb(255, 240, 245)</td> + <td align="left">#FFF0F5</td> + + </tr> + + <tr> + <td align="right">LavenderBlush3</td> + <td align="center" style="background-color:rgb(205, 193, 197)">LavenderBlush3</td> + <td align="left">rgb(205, 193, 197)</td> + <td align="left">#CDC1C5</td> + + </tr> + + <tr> + <td align="right">LavenderBlush2</td> + <td align="center" style="background-color:rgb(238, 224, 229)">LavenderBlush2</td> + <td align="left">rgb(238, 224, 229)</td> + <td align="left">#EEE0E5</td> + + </tr> + + <tr> + <td align="right">LavenderBlush4</td> + <td align="center" style="background-color:rgb(139, 131, 134)">LavenderBlush4</td> + <td align="left">rgb(139, 131, 134)</td> + <td align="left">#8B8386</td> + + </tr> + + <tr> + <td align="right">maroon</td> + <td align="center" style="background-color:rgb(176, 48, 96)">maroon</td> + <td align="left">rgb(176, 48, 96)</td> + <td align="left">#B03060</td> + + </tr> + + <tr> + <td align="right">HotPink3</td> + <td align="center" style="background-color:rgb(205, 96, 144)">HotPink3</td> + <td align="left">rgb(205, 96, 144)</td> + <td align="left">#CD6090</td> + + </tr> + + <tr> + <td align="right">VioletRed3</td> + <td align="center" style="background-color:rgb(205, 50, 120)">VioletRed3</td> + <td align="left">rgb(205, 50, 120)</td> + <td align="left">#CD3278</td> + + </tr> + + <tr> + <td align="right">VioletRed1</td> + <td align="center" style="background-color:rgb(255, 62, 150)">VioletRed1</td> + <td align="left">rgb(255, 62, 150)</td> + <td align="left">#FF3E96</td> + + </tr> + + <tr> + <td align="right">VioletRed2</td> + <td align="center" style="background-color:rgb(238, 58, 140)">VioletRed2</td> + <td align="left">rgb(238, 58, 140)</td> + <td align="left">#EE3A8C</td> + + </tr> + + <tr> + <td align="right">VioletRed4</td> + <td align="center" style="background-color:rgb(139, 34, 82)">VioletRed4</td> + <td align="left">rgb(139, 34, 82)</td> + <td align="left">#8B2252</td> + + </tr> + + <tr> + <td align="right">HotPink2</td> + <td align="center" style="background-color:rgb(238, 106, 167)">HotPink2</td> + <td align="left">rgb(238, 106, 167)</td> + <td align="left">#EE6AA7</td> + + </tr> + + <tr> + <td align="right">HotPink1</td> + <td align="center" style="background-color:rgb(255, 110, 180)">HotPink1</td> + <td align="left">rgb(255, 110, 180)</td> + <td align="left">#FF6EB4</td> + + </tr> + + <tr> + <td align="right">HotPink4</td> + <td align="center" style="background-color:rgb(139, 58, 98)">HotPink4</td> + <td align="left">rgb(139, 58, 98)</td> + <td align="left">#8B3A62</td> + + </tr> + + <tr> + <td align="right">HotPink</td> + <td align="center" style="background-color:rgb(255, 105, 180)">HotPink</td> + <td align="left">rgb(255, 105, 180)</td> + <td align="left">#FF69B4</td> + + </tr> + + <tr> + <td align="right">DeepPink</td> + <td align="center" style="background-color:rgb(255, 20, 147)">DeepPink</td> + <td align="left">rgb(255, 20, 147)</td> + <td align="left">#FF1493</td> + + </tr> + + <tr> + <td align="right">DeepPink1</td> + <td align="center" style="background-color:rgb(255, 20, 147)">DeepPink1</td> + <td align="left">rgb(255, 20, 147)</td> + <td align="left">#FF1493</td> + + </tr> + + <tr> + <td align="right">DeepPink2</td> + <td align="center" style="background-color:rgb(238, 18, 137)">DeepPink2</td> + <td align="left">rgb(238, 18, 137)</td> + <td align="left">#EE1289</td> + + </tr> + + <tr> + <td align="right">DeepPink3</td> + <td align="center" style="background-color:rgb(205, 16, 118)">DeepPink3</td> + <td align="left">rgb(205, 16, 118)</td> + <td align="left">#CD1076</td> + + </tr> + + <tr> + <td align="right">DeepPink4</td> + <td align="center" style="background-color:rgb(139, 10, 80)">DeepPink4</td> + <td align="left">rgb(139, 10, 80)</td> + <td align="left">#8B0A50</td> + + </tr> + + <tr> + <td align="right">maroon1</td> + <td align="center" style="background-color:rgb(255, 52, 179)">maroon1</td> + <td align="left">rgb(255, 52, 179)</td> + <td align="left">#FF34B3</td> + + </tr> + + <tr> + <td align="right">maroon2</td> + <td align="center" style="background-color:rgb(238, 48, 167)">maroon2</td> + <td align="left">rgb(238, 48, 167)</td> + <td align="left">#EE30A7</td> + + </tr> + + <tr> + <td align="right">maroon3</td> + <td align="center" style="background-color:rgb(205, 41, 144)">maroon3</td> + <td align="left">rgb(205, 41, 144)</td> + <td align="left">#CD2990</td> + + </tr> + + <tr> + <td align="right">maroon4</td> + <td align="center" style="background-color:rgb(139, 28, 98)">maroon4</td> + <td align="left">rgb(139, 28, 98)</td> + <td align="left">#8B1C62</td> + + </tr> + + <tr> + <td align="right">MediumVioletRed</td> + <td align="center" style="background-color:rgb(199, 21, 133)">MediumVioletRed</td> + <td align="left">rgb(199, 21, 133)</td> + <td align="left">#C71585</td> + + </tr> + + <tr> + <td align="right">VioletRed</td> + <td align="center" style="background-color:rgb(208, 32, 144)">VioletRed</td> + <td align="left">rgb(208, 32, 144)</td> + <td align="left">#D02090</td> + + </tr> + + <tr> + <td align="right">orchid2</td> + <td align="center" style="background-color:rgb(238, 122, 233)">orchid2</td> + <td align="left">rgb(238, 122, 233)</td> + <td align="left">#EE7AE9</td> + + </tr> + + <tr> + <td align="right">orchid</td> + <td align="center" style="background-color:rgb(218, 112, 214)">orchid</td> + <td align="left">rgb(218, 112, 214)</td> + <td align="left">#DA70D6</td> + + </tr> + + <tr> + <td align="right">orchid1</td> + <td align="center" style="background-color:rgb(255, 131, 250)">orchid1</td> + <td align="left">rgb(255, 131, 250)</td> + <td align="left">#FF83FA</td> + + </tr> + + <tr> + <td align="right">orchid3</td> + <td align="center" style="background-color:rgb(205, 105, 201)">orchid3</td> + <td align="left">rgb(205, 105, 201)</td> + <td align="left">#CD69C9</td> + + </tr> + + <tr> + <td align="right">orchid4</td> + <td align="center" style="background-color:rgb(139, 71, 137)">orchid4</td> + <td align="left">rgb(139, 71, 137)</td> + <td align="left">#8B4789</td> + + </tr> + + <tr> + <td align="right">thistle1</td> + <td align="center" style="background-color:rgb(255, 225, 255)">thistle1</td> + <td align="left">rgb(255, 225, 255)</td> + <td align="left">#FFE1FF</td> + + </tr> + + <tr> + <td align="right">thistle2</td> + <td align="center" style="background-color:rgb(238, 210, 238)">thistle2</td> + <td align="left">rgb(238, 210, 238)</td> + <td align="left">#EED2EE</td> + + </tr> + + <tr> + <td align="right">plum1</td> + <td align="center" style="background-color:rgb(255, 187, 255)">plum1</td> + <td align="left">rgb(255, 187, 255)</td> + <td align="left">#FFBBFF</td> + + </tr> + + <tr> + <td align="right">plum2</td> + <td align="center" style="background-color:rgb(238, 174, 238)">plum2</td> + <td align="left">rgb(238, 174, 238)</td> + <td align="left">#EEAEEE</td> + + </tr> + + <tr> + <td align="right">thistle</td> + <td align="center" style="background-color:rgb(216, 191, 216)">thistle</td> + <td align="left">rgb(216, 191, 216)</td> + <td align="left">#D8BFD8</td> + + </tr> + + <tr> + <td align="right">thistle3</td> + <td align="center" style="background-color:rgb(205, 181, 205)">thistle3</td> + <td align="left">rgb(205, 181, 205)</td> + <td align="left">#CDB5CD</td> + + </tr> + + <tr> + <td align="right">plum</td> + <td align="center" style="background-color:rgb(221, 160, 221)">plum</td> + <td align="left">rgb(221, 160, 221)</td> + <td align="left">#DDA0DD</td> + + </tr> + + <tr> + <td align="right">violet</td> + <td align="center" style="background-color:rgb(238, 130, 238)">violet</td> + <td align="left">rgb(238, 130, 238)</td> + <td align="left">#EE82EE</td> + + </tr> + + <tr> + <td align="right">plum3</td> + <td align="center" style="background-color:rgb(205, 150, 205)">plum3</td> + <td align="left">rgb(205, 150, 205)</td> + <td align="left">#CD96CD</td> + + </tr> + + <tr> + <td align="right">thistle4</td> + <td align="center" style="background-color:rgb(139, 123, 139)">thistle4</td> + <td align="left">rgb(139, 123, 139)</td> + <td align="left">#8B7B8B</td> + + </tr> + + <tr> + <td align="right">fuchsia</td> + <td align="center" style="background-color:rgb(255, 0, 255)">fuchsia</td> + <td align="left">rgb(255, 0, 255)</td> + <td align="left">#FF00FF</td> + + </tr> + + <tr> + <td align="right">magenta</td> + <td align="center" style="background-color:rgb(255, 0, 255)">magenta</td> + <td align="left">rgb(255, 0, 255)</td> + <td align="left">#FF00FF</td> + + </tr> + + <tr> + <td align="right">magenta1</td> + <td align="center" style="background-color:rgb(255, 0, 255)">magenta1</td> + <td align="left">rgb(255, 0, 255)</td> + <td align="left">#FF00FF</td> + + </tr> + + <tr> + <td align="right">plum4</td> + <td align="center" style="background-color:rgb(139, 102, 139)">plum4</td> + <td align="left">rgb(139, 102, 139)</td> + <td align="left">#8B668B</td> + + </tr> + + <tr> + <td align="right">magenta2</td> + <td align="center" style="background-color:rgb(238, 0, 238)">magenta2</td> + <td align="left">rgb(238, 0, 238)</td> + <td align="left">#EE00EE</td> + + </tr> + + <tr> + <td align="right">magenta3</td> + <td align="center" style="background-color:rgb(205, 0, 205)">magenta3</td> + <td align="left">rgb(205, 0, 205)</td> + <td align="left">#CD00CD</td> + + </tr> + + <tr> + <td align="right">DarkMagenta</td> + <td align="center" style="background-color:rgb(139, 0, 139)">DarkMagenta</td> + <td align="left">rgb(139, 0, 139)</td> + <td align="left">#8B008B</td> + + </tr> + + <tr> + <td align="right">magenta4</td> + <td align="center" style="background-color:rgb(139, 0, 139)">magenta4</td> + <td align="left">rgb(139, 0, 139)</td> + <td align="left">#8B008B</td> + + </tr> + + <tr> + <td align="right">purple</td> + <td align="center" style="background-color:rgb(128, 0, 128)">purple</td> + <td align="left">rgb(128, 0, 128)</td> + <td align="left">#800080</td> + + </tr> + + <tr> + <td align="right">MediumOrchid</td> + <td align="center" style="background-color:rgb(186, 85, 211)">MediumOrchid</td> + <td align="left">rgb(186, 85, 211)</td> + <td align="left">#BA55D3</td> + + </tr> + + <tr> + <td align="right">MediumOrchid1</td> + <td align="center" style="background-color:rgb(224, 102, 255)">MediumOrchid1</td> + <td align="left">rgb(224, 102, 255)</td> + <td align="left">#E066FF</td> + + </tr> + + <tr> + <td align="right">MediumOrchid2</td> + <td align="center" style="background-color:rgb(209, 95, 238)">MediumOrchid2</td> + <td align="left">rgb(209, 95, 238)</td> + <td align="left">#D15FEE</td> + + </tr> + + <tr> + <td align="right">MediumOrchid3</td> + <td align="center" style="background-color:rgb(180, 82, 205)">MediumOrchid3</td> + <td align="left">rgb(180, 82, 205)</td> + <td align="left">#B452CD</td> + + </tr> + + <tr> + <td align="right">MediumOrchid4</td> + <td align="center" style="background-color:rgb(122, 55, 139)">MediumOrchid4</td> + <td align="left">rgb(122, 55, 139)</td> + <td align="left">#7A378B</td> + + </tr> + + <tr> + <td align="right">DarkViolet</td> + <td align="center" style="background-color:rgb(148, 0, 211)">DarkViolet</td> + <td align="left">rgb(148, 0, 211)</td> + <td align="left">#9400D3</td> + + </tr> + + <tr> + <td align="right">DarkOrchid</td> + <td align="center" style="background-color:rgb(153, 50, 204)">DarkOrchid</td> + <td align="left">rgb(153, 50, 204)</td> + <td align="left">#9932CC</td> + + </tr> + + <tr> + <td align="right">DarkOrchid1</td> + <td align="center" style="background-color:rgb(191, 62, 255)">DarkOrchid1</td> + <td align="left">rgb(191, 62, 255)</td> + <td align="left">#BF3EFF</td> + + </tr> + + <tr> + <td align="right">DarkOrchid3</td> + <td align="center" style="background-color:rgb(154, 50, 205)">DarkOrchid3</td> + <td align="left">rgb(154, 50, 205)</td> + <td align="left">#9A32CD</td> + + </tr> + + <tr> + <td align="right">DarkOrchid2</td> + <td align="center" style="background-color:rgb(178, 58, 238)">DarkOrchid2</td> + <td align="left">rgb(178, 58, 238)</td> + <td align="left">#B23AEE</td> + + </tr> + + <tr> + <td align="right">DarkOrchid4</td> + <td align="center" style="background-color:rgb(104, 34, 139)">DarkOrchid4</td> + <td align="left">rgb(104, 34, 139)</td> + <td align="left">#68228B</td> + + </tr> + + <tr> + <td align="right">purple</td> + <td align="center" style="background-color:rgb(160, 32, 240)">purple</td> + <td align="left">rgb(160, 32, 240)</td> + <td align="left">#A020F0</td> + + </tr> + + <tr> + <td align="right">indigo</td> + <td align="center" style="background-color:rgb( 75, 0, 130)">indigo</td> + <td align="left">rgb( 75, 0, 130)</td> + <td align="left">#4B0082</td> + + </tr> + + <tr> + <td align="right">BlueViolet</td> + <td align="center" style="background-color:rgb(138, 43, 226)">BlueViolet</td> + <td align="left">rgb(138, 43, 226)</td> + <td align="left">#8A2BE2</td> + + </tr> + + <tr> + <td align="right">purple2</td> + <td align="center" style="background-color:rgb(145, 44, 238)">purple2</td> + <td align="left">rgb(145, 44, 238)</td> + <td align="left">#912CEE</td> + + </tr> + + <tr> + <td align="right">purple3</td> + <td align="center" style="background-color:rgb(125, 38, 205)">purple3</td> + <td align="left">rgb(125, 38, 205)</td> + <td align="left">#7D26CD</td> + + </tr> + + <tr> + <td align="right">purple4</td> + <td align="center" style="background-color:rgb( 85, 26, 139)">purple4</td> + <td align="left">rgb( 85, 26, 139)</td> + <td align="left">#551A8B</td> + + </tr> + + <tr> + <td align="right">purple1</td> + <td align="center" style="background-color:rgb(155, 48, 255)">purple1</td> + <td align="left">rgb(155, 48, 255)</td> + <td align="left">#9B30FF</td> + + </tr> + + <tr> + <td align="right">MediumPurple</td> + <td align="center" style="background-color:rgb(147, 112, 219)">MediumPurple</td> + <td align="left">rgb(147, 112, 219)</td> + <td align="left">#9370DB</td> + + </tr> + + <tr> + <td align="right">MediumPurple1</td> + <td align="center" style="background-color:rgb(171, 130, 255)">MediumPurple1</td> + <td align="left">rgb(171, 130, 255)</td> + <td align="left">#AB82FF</td> + + </tr> + + <tr> + <td align="right">MediumPurple2</td> + <td align="center" style="background-color:rgb(159, 121, 238)">MediumPurple2</td> + <td align="left">rgb(159, 121, 238)</td> + <td align="left">#9F79EE</td> + + </tr> + + <tr> + <td align="right">MediumPurple3</td> + <td align="center" style="background-color:rgb(137, 104, 205)">MediumPurple3</td> + <td align="left">rgb(137, 104, 205)</td> + <td align="left">#8968CD</td> + + </tr> + + <tr> + <td align="right">MediumPurple4</td> + <td align="center" style="background-color:rgb( 93, 71, 139)">MediumPurple4</td> + <td align="left">rgb( 93, 71, 139)</td> + <td align="left">#5D478B</td> + + </tr> + + <tr> + <td align="right">DarkSlateBlue</td> + <td align="center" style="background-color:rgb( 72, 61, 139)">DarkSlateBlue</td> + <td align="left">rgb( 72, 61, 139)</td> + <td align="left">#483D8B</td> + + </tr> + + <tr> + <td align="right">LightSlateBlue</td> + <td align="center" style="background-color:rgb(132, 112, 255)">LightSlateBlue</td> + <td align="left">rgb(132, 112, 255)</td> + <td align="left">#8470FF</td> + + </tr> + + <tr> + <td align="right">MediumSlateBlue</td> + <td align="center" style="background-color:rgb(123, 104, 238)">MediumSlateBlue</td> + <td align="left">rgb(123, 104, 238)</td> + <td align="left">#7B68EE</td> + + </tr> + + <tr> + <td align="right">SlateBlue</td> + <td align="center" style="background-color:rgb(106, 90, 205)">SlateBlue</td> + <td align="left">rgb(106, 90, 205)</td> + <td align="left">#6A5ACD</td> + + </tr> + + <tr> + <td align="right">SlateBlue1</td> + <td align="center" style="background-color:rgb(131, 111, 255)">SlateBlue1</td> + <td align="left">rgb(131, 111, 255)</td> + <td align="left">#836FFF</td> + + </tr> + + <tr> + <td align="right">SlateBlue2</td> + <td align="center" style="background-color:rgb(122, 103, 238)">SlateBlue2</td> + <td align="left">rgb(122, 103, 238)</td> + <td align="left">#7A67EE</td> + + </tr> + + <tr> + <td align="right">SlateBlue3</td> + <td align="center" style="background-color:rgb(105, 89, 205)">SlateBlue3</td> + <td align="left">rgb(105, 89, 205)</td> + <td align="left">#6959CD</td> + + </tr> + + <tr> + <td align="right">SlateBlue4</td> + <td align="center" style="background-color:rgb( 71, 60, 139)">SlateBlue4</td> + <td align="left">rgb( 71, 60, 139)</td> + <td align="left">#473C8B</td> + + </tr> + + <tr> + <td align="right">GhostWhite</td> + <td align="center" style="background-color:rgb(248, 248, 255)">GhostWhite</td> + <td align="left">rgb(248, 248, 255)</td> + <td align="left">#F8F8FF</td> + + </tr> + + <tr> + <td align="right">lavender</td> + <td align="center" style="background-color:rgb(230, 230, 250)">lavender</td> + <td align="left">rgb(230, 230, 250)</td> + <td align="left">#E6E6FA</td> + + </tr> + + <tr> + <td align="right">blue</td> + <td align="center" style="background-color:rgb( 0, 0, 255)">blue</td> + <td align="left">rgb( 0, 0, 255)</td> + <td align="left">#0000FF</td> + + </tr> + + <tr> + <td align="right">blue1</td> + <td align="center" style="background-color:rgb( 0, 0, 255)">blue1</td> + <td align="left">rgb( 0, 0, 255)</td> + <td align="left">#0000FF</td> + + </tr> + + <tr> + <td align="right">blue2</td> + <td align="center" style="background-color:rgb( 0, 0, 238)">blue2</td> + <td align="left">rgb( 0, 0, 238)</td> + <td align="left">#0000EE</td> + + </tr> + + <tr> + <td align="right">blue3</td> + <td align="center" style="background-color:rgb( 0, 0, 205)">blue3</td> + <td align="left">rgb( 0, 0, 205)</td> + <td align="left">#0000CD</td> + + </tr> + + <tr> + <td align="right">MediumBlue</td> + <td align="center" style="background-color:rgb( 0, 0, 205)">MediumBlue</td> + <td align="left">rgb( 0, 0, 205)</td> + <td align="left">#0000CD</td> + + </tr> + + <tr> + <td align="right">blue4</td> + <td align="center" style="background-color:rgb( 0, 0, 139)">blue4</td> + <td align="left">rgb( 0, 0, 139)</td> + <td align="left">#00008B</td> + + </tr> + + <tr> + <td align="right">DarkBlue</td> + <td align="center" style="background-color:rgb( 0, 0, 139)">DarkBlue</td> + <td align="left">rgb( 0, 0, 139)</td> + <td align="left">#00008B</td> + + </tr> + + <tr> + <td align="right">MidnightBlue</td> + <td align="center" style="background-color:rgb( 25, 25, 112)">MidnightBlue</td> + <td align="left">rgb( 25, 25, 112)</td> + <td align="left">#191970</td> + + </tr> + + <tr> + <td align="right">navy</td> + <td align="center" style="background-color:rgb( 0, 0, 128)">navy</td> + <td align="left">rgb( 0, 0, 128)</td> + <td align="left">#000080</td> + + </tr> + + <tr> + <td align="right">NavyBlue</td> + <td align="center" style="background-color:rgb( 0, 0, 128)">NavyBlue</td> + <td align="left">rgb( 0, 0, 128)</td> + <td align="left">#000080</td> + + </tr> + + <tr> + <td align="right">RoyalBlue</td> + <td align="center" style="background-color:rgb( 65, 105, 225)">RoyalBlue</td> + <td align="left">rgb( 65, 105, 225)</td> + <td align="left">#4169E1</td> + + </tr> + + <tr> + <td align="right">RoyalBlue1</td> + <td align="center" style="background-color:rgb( 72, 118, 255)">RoyalBlue1</td> + <td align="left">rgb( 72, 118, 255)</td> + <td align="left">#4876FF</td> + + </tr> + + <tr> + <td align="right">RoyalBlue2</td> + <td align="center" style="background-color:rgb( 67, 110, 238)">RoyalBlue2</td> + <td align="left">rgb( 67, 110, 238)</td> + <td align="left">#436EEE</td> + + </tr> + + <tr> + <td align="right">RoyalBlue3</td> + <td align="center" style="background-color:rgb( 58, 95, 205)">RoyalBlue3</td> + <td align="left">rgb( 58, 95, 205)</td> + <td align="left">#3A5FCD</td> + + </tr> + + <tr> + <td align="right">RoyalBlue4</td> + <td align="center" style="background-color:rgb( 39, 64, 139)">RoyalBlue4</td> + <td align="left">rgb( 39, 64, 139)</td> + <td align="left">#27408B</td> + + </tr> + + <tr> + <td align="right">CornflowerBlue</td> + <td align="center" style="background-color:rgb(100, 149, 237)">CornflowerBlue</td> + <td align="left">rgb(100, 149, 237)</td> + <td align="left">#6495ED</td> + + </tr> + + <tr> + <td align="right">LightSteelBlue</td> + <td align="center" style="background-color:rgb(176, 196, 222)">LightSteelBlue</td> + <td align="left">rgb(176, 196, 222)</td> + <td align="left">#B0C4DE</td> + + </tr> + + <tr> + <td align="right">LightSteelBlue1</td> + <td align="center" style="background-color:rgb(202, 225, 255)">LightSteelBlue1</td> + <td align="left">rgb(202, 225, 255)</td> + <td align="left">#CAE1FF</td> + + </tr> + + <tr> + <td align="right">LightSteelBlue2</td> + <td align="center" style="background-color:rgb(188, 210, 238)">LightSteelBlue2</td> + <td align="left">rgb(188, 210, 238)</td> + <td align="left">#BCD2EE</td> + + </tr> + + <tr> + <td align="right">LightSteelBlue3</td> + <td align="center" style="background-color:rgb(162, 181, 205)">LightSteelBlue3</td> + <td align="left">rgb(162, 181, 205)</td> + <td align="left">#A2B5CD</td> + + </tr> + + <tr> + <td align="right">LightSteelBlue4</td> + <td align="center" style="background-color:rgb(110, 123, 139)">LightSteelBlue4</td> + <td align="left">rgb(110, 123, 139)</td> + <td align="left">#6E7B8B</td> + + </tr> + + <tr> + <td align="right">SlateGray4</td> + <td align="center" style="background-color:rgb(108, 123, 139)">SlateGray4</td> + <td align="left">rgb(108, 123, 139)</td> + <td align="left">#6C7B8B</td> + + </tr> + + <tr> + <td align="right">SlateGray1</td> + <td align="center" style="background-color:rgb(198, 226, 255)">SlateGray1</td> + <td align="left">rgb(198, 226, 255)</td> + <td align="left">#C6E2FF</td> + + </tr> + + <tr> + <td align="right">SlateGray2</td> + <td align="center" style="background-color:rgb(185, 211, 238)">SlateGray2</td> + <td align="left">rgb(185, 211, 238)</td> + <td align="left">#B9D3EE</td> + + </tr> + + <tr> + <td align="right">SlateGray3</td> + <td align="center" style="background-color:rgb(159, 182, 205)">SlateGray3</td> + <td align="left">rgb(159, 182, 205)</td> + <td align="left">#9FB6CD</td> + + </tr> + + <tr> + <td align="right">LightSlateGray</td> + <td align="center" style="background-color:rgb(119, 136, 153)">LightSlateGray</td> + <td align="left">rgb(119, 136, 153)</td> + <td align="left">#778899</td> + + </tr> + + <tr> + <td align="right">LightSlateGrey</td> + <td align="center" style="background-color:rgb(119, 136, 153)">LightSlateGrey</td> + <td align="left">rgb(119, 136, 153)</td> + <td align="left">#778899</td> + + </tr> + + <tr> + <td align="right">SlateGray</td> + <td align="center" style="background-color:rgb(112, 128, 144)">SlateGray</td> + <td align="left">rgb(112, 128, 144)</td> + <td align="left">#708090</td> + + </tr> + + <tr> + <td align="right">SlateGrey</td> + <td align="center" style="background-color:rgb(112, 128, 144)">SlateGrey</td> + <td align="left">rgb(112, 128, 144)</td> + <td align="left">#708090</td> + + </tr> + + <tr> + <td align="right">DodgerBlue</td> + <td align="center" style="background-color:rgb( 30, 144, 255)">DodgerBlue</td> + <td align="left">rgb( 30, 144, 255)</td> + <td align="left">#1E90FF</td> + + </tr> + + <tr> + <td align="right">DodgerBlue1</td> + <td align="center" style="background-color:rgb( 30, 144, 255)">DodgerBlue1</td> + <td align="left">rgb( 30, 144, 255)</td> + <td align="left">#1E90FF</td> + + </tr> + + <tr> + <td align="right">DodgerBlue2</td> + <td align="center" style="background-color:rgb( 28, 134, 238)">DodgerBlue2</td> + <td align="left">rgb( 28, 134, 238)</td> + <td align="left">#1C86EE</td> + + </tr> + + <tr> + <td align="right">DodgerBlue4</td> + <td align="center" style="background-color:rgb( 16, 78, 139)">DodgerBlue4</td> + <td align="left">rgb( 16, 78, 139)</td> + <td align="left">#104E8B</td> + + </tr> + + <tr> + <td align="right">DodgerBlue3</td> + <td align="center" style="background-color:rgb( 24, 116, 205)">DodgerBlue3</td> + <td align="left">rgb( 24, 116, 205)</td> + <td align="left">#1874CD</td> + + </tr> + + <tr> + <td align="right">AliceBlue</td> + <td align="center" style="background-color:rgb(240, 248, 255)">AliceBlue</td> + <td align="left">rgb(240, 248, 255)</td> + <td align="left">#F0F8FF</td> + + </tr> + + <tr> + <td align="right">SteelBlue4</td> + <td align="center" style="background-color:rgb( 54, 100, 139)">SteelBlue4</td> + <td align="left">rgb( 54, 100, 139)</td> + <td align="left">#36648B</td> + + </tr> + + <tr> + <td align="right">SteelBlue</td> + <td align="center" style="background-color:rgb( 70, 130, 180)">SteelBlue</td> + <td align="left">rgb( 70, 130, 180)</td> + <td align="left">#4682B4</td> + + </tr> + + <tr> + <td align="right">SteelBlue1</td> + <td align="center" style="background-color:rgb( 99, 184, 255)">SteelBlue1</td> + <td align="left">rgb( 99, 184, 255)</td> + <td align="left">#63B8FF</td> + + </tr> + + <tr> + <td align="right">SteelBlue2</td> + <td align="center" style="background-color:rgb( 92, 172, 238)">SteelBlue2</td> + <td align="left">rgb( 92, 172, 238)</td> + <td align="left">#5CACEE</td> + + </tr> + + <tr> + <td align="right">SteelBlue3</td> + <td align="center" style="background-color:rgb( 79, 148, 205)">SteelBlue3</td> + <td align="left">rgb( 79, 148, 205)</td> + <td align="left">#4F94CD</td> + + </tr> + + <tr> + <td align="right">SkyBlue4</td> + <td align="center" style="background-color:rgb( 74, 112, 139)">SkyBlue4</td> + <td align="left">rgb( 74, 112, 139)</td> + <td align="left">#4A708B</td> + + </tr> + + <tr> + <td align="right">SkyBlue1</td> + <td align="center" style="background-color:rgb(135, 206, 255)">SkyBlue1</td> + <td align="left">rgb(135, 206, 255)</td> + <td align="left">#87CEFF</td> + + </tr> + + <tr> + <td align="right">SkyBlue2</td> + <td align="center" style="background-color:rgb(126, 192, 238)">SkyBlue2</td> + <td align="left">rgb(126, 192, 238)</td> + <td align="left">#7EC0EE</td> + + </tr> + + <tr> + <td align="right">SkyBlue3</td> + <td align="center" style="background-color:rgb(108, 166, 205)">SkyBlue3</td> + <td align="left">rgb(108, 166, 205)</td> + <td align="left">#6CA6CD</td> + + </tr> + + <tr> + <td align="right">LightSkyBlue</td> + <td align="center" style="background-color:rgb(135, 206, 250)">LightSkyBlue</td> + <td align="left">rgb(135, 206, 250)</td> + <td align="left">#87CEFA</td> + + </tr> + + <tr> + <td align="right">LightSkyBlue4</td> + <td align="center" style="background-color:rgb( 96, 123, 139)">LightSkyBlue4</td> + <td align="left">rgb( 96, 123, 139)</td> + <td align="left">#607B8B</td> + + </tr> + + <tr> + <td align="right">LightSkyBlue1</td> + <td align="center" style="background-color:rgb(176, 226, 255)">LightSkyBlue1</td> + <td align="left">rgb(176, 226, 255)</td> + <td align="left">#B0E2FF</td> + + </tr> + + <tr> + <td align="right">LightSkyBlue2</td> + <td align="center" style="background-color:rgb(164, 211, 238)">LightSkyBlue2</td> + <td align="left">rgb(164, 211, 238)</td> + <td align="left">#A4D3EE</td> + + </tr> + + <tr> + <td align="right">LightSkyBlue3</td> + <td align="center" style="background-color:rgb(141, 182, 205)">LightSkyBlue3</td> + <td align="left">rgb(141, 182, 205)</td> + <td align="left">#8DB6CD</td> + + </tr> + + <tr> + <td align="right">SkyBlue</td> + <td align="center" style="background-color:rgb(135, 206, 235)">SkyBlue</td> + <td align="left">rgb(135, 206, 235)</td> + <td align="left">#87CEEB</td> + + </tr> + + <tr> + <td align="right">LightBlue3</td> + <td align="center" style="background-color:rgb(154, 192, 205)">LightBlue3</td> + <td align="left">rgb(154, 192, 205)</td> + <td align="left">#9AC0CD</td> + + </tr> + + <tr> + <td align="right">DeepSkyBlue</td> + <td align="center" style="background-color:rgb( 0, 191, 255)">DeepSkyBlue</td> + <td align="left">rgb( 0, 191, 255)</td> + <td align="left">#00BFFF</td> + + </tr> + + <tr> + <td align="right">DeepSkyBlue1</td> + <td align="center" style="background-color:rgb( 0, 191, 255)">DeepSkyBlue1</td> + <td align="left">rgb( 0, 191, 255)</td> + <td align="left">#00BFFF</td> + + </tr> + + <tr> + <td align="right">DeepSkyBlue2</td> + <td align="center" style="background-color:rgb( 0, 178, 238)">DeepSkyBlue2</td> + <td align="left">rgb( 0, 178, 238)</td> + <td align="left">#00B2EE</td> + + </tr> + + <tr> + <td align="right">DeepSkyBlue4</td> + <td align="center" style="background-color:rgb( 0, 104, 139)">DeepSkyBlue4</td> + <td align="left">rgb( 0, 104, 139)</td> + <td align="left">#00688B</td> + + </tr> + + <tr> + <td align="right">DeepSkyBlue3</td> + <td align="center" style="background-color:rgb( 0, 154, 205)">DeepSkyBlue3</td> + <td align="left">rgb( 0, 154, 205)</td> + <td align="left">#009ACD</td> + + </tr> + + <tr> + <td align="right">LightBlue1</td> + <td align="center" style="background-color:rgb(191, 239, 255)">LightBlue1</td> + <td align="left">rgb(191, 239, 255)</td> + <td align="left">#BFEFFF</td> + + </tr> + + <tr> + <td align="right">LightBlue2</td> + <td align="center" style="background-color:rgb(178, 223, 238)">LightBlue2</td> + <td align="left">rgb(178, 223, 238)</td> + <td align="left">#B2DFEE</td> + + </tr> + + <tr> + <td align="right">LightBlue</td> + <td align="center" style="background-color:rgb(173, 216, 230)">LightBlue</td> + <td align="left">rgb(173, 216, 230)</td> + <td align="left">#ADD8E6</td> + + </tr> + + <tr> + <td align="right">LightBlue4</td> + <td align="center" style="background-color:rgb(104, 131, 139)">LightBlue4</td> + <td align="left">rgb(104, 131, 139)</td> + <td align="left">#68838B</td> + + </tr> + + <tr> + <td align="right">PowderBlue</td> + <td align="center" style="background-color:rgb(176, 224, 230)">PowderBlue</td> + <td align="left">rgb(176, 224, 230)</td> + <td align="left">#B0E0E6</td> + + </tr> + + <tr> + <td align="right">CadetBlue1</td> + <td align="center" style="background-color:rgb(152, 245, 255)">CadetBlue1</td> + <td align="left">rgb(152, 245, 255)</td> + <td align="left">#98F5FF</td> + + </tr> + + <tr> + <td align="right">CadetBlue2</td> + <td align="center" style="background-color:rgb(142, 229, 238)">CadetBlue2</td> + <td align="left">rgb(142, 229, 238)</td> + <td align="left">#8EE5EE</td> + + </tr> + + <tr> + <td align="right">CadetBlue3</td> + <td align="center" style="background-color:rgb(122, 197, 205)">CadetBlue3</td> + <td align="left">rgb(122, 197, 205)</td> + <td align="left">#7AC5CD</td> + + </tr> + + <tr> + <td align="right">CadetBlue4</td> + <td align="center" style="background-color:rgb( 83, 134, 139)">CadetBlue4</td> + <td align="left">rgb( 83, 134, 139)</td> + <td align="left">#53868B</td> + + </tr> + + <tr> + <td align="right">turquoise1</td> + <td align="center" style="background-color:rgb( 0, 245, 255)">turquoise1</td> + <td align="left">rgb( 0, 245, 255)</td> + <td align="left">#00F5FF</td> + + </tr> + + <tr> + <td align="right">turquoise2</td> + <td align="center" style="background-color:rgb( 0, 229, 238)">turquoise2</td> + <td align="left">rgb( 0, 229, 238)</td> + <td align="left">#00E5EE</td> + + </tr> + + <tr> + <td align="right">turquoise3</td> + <td align="center" style="background-color:rgb( 0, 197, 205)">turquoise3</td> + <td align="left">rgb( 0, 197, 205)</td> + <td align="left">#00C5CD</td> + + </tr> + + <tr> + <td align="right">turquoise4</td> + <td align="center" style="background-color:rgb( 0, 134, 139)">turquoise4</td> + <td align="left">rgb( 0, 134, 139)</td> + <td align="left">#00868B</td> + + </tr> + + <tr> + <td align="right">cadet blue</td> + <td align="center" style="background-color:rgb( 95, 158, 160)">cadet blue</td> + <td align="left">rgb( 95, 158, 160)</td> + <td align="left">#5F9EA0</td> + + </tr> + + <tr> + <td align="right">CadetBlue</td> + <td align="center" style="background-color:rgb( 95, 158, 160)">CadetBlue</td> + <td align="left">rgb( 95, 158, 160)</td> + <td align="left">#5F9EA0</td> + + </tr> + + <tr> + <td align="right">DarkTurquoise</td> + <td align="center" style="background-color:rgb( 0, 206, 209)">DarkTurquoise</td> + <td align="left">rgb( 0, 206, 209)</td> + <td align="left">#00CED1</td> + + </tr> + + <tr> + <td align="right">azure</td> + <td align="center" style="background-color:rgb(240, 255, 255)">azure</td> + <td align="left">rgb(240, 255, 255)</td> + <td align="left">#F0FFFF</td> + + </tr> + + <tr> + <td align="right">azure1</td> + <td align="center" style="background-color:rgb(240, 255, 255)">azure1</td> + <td align="left">rgb(240, 255, 255)</td> + <td align="left">#F0FFFF</td> + + </tr> + + <tr> + <td align="right">LightCyan</td> + <td align="center" style="background-color:rgb(224, 255, 255)">LightCyan</td> + <td align="left">rgb(224, 255, 255)</td> + <td align="left">#E0FFFF</td> + + </tr> + + <tr> + <td align="right">LightCyan1</td> + <td align="center" style="background-color:rgb(224, 255, 255)">LightCyan1</td> + <td align="left">rgb(224, 255, 255)</td> + <td align="left">#E0FFFF</td> + + </tr> + + <tr> + <td align="right">azure2</td> + <td align="center" style="background-color:rgb(224, 238, 238)">azure2</td> + <td align="left">rgb(224, 238, 238)</td> + <td align="left">#E0EEEE</td> + + </tr> + + <tr> + <td align="right">LightCyan2</td> + <td align="center" style="background-color:rgb(209, 238, 238)">LightCyan2</td> + <td align="left">rgb(209, 238, 238)</td> + <td align="left">#D1EEEE</td> + + </tr> + + <tr> + <td align="right">PaleTurquoise1</td> + <td align="center" style="background-color:rgb(187, 255, 255)">PaleTurquoise1</td> + <td align="left">rgb(187, 255, 255)</td> + <td align="left">#BBFFFF</td> + + </tr> + + <tr> + <td align="right">PaleTurquoise</td> + <td align="center" style="background-color:rgb(175, 238, 238)">PaleTurquoise</td> + <td align="left">rgb(175, 238, 238)</td> + <td align="left">#AFEEEE</td> + + </tr> + + <tr> + <td align="right">PaleTurquoise2</td> + <td align="center" style="background-color:rgb(174, 238, 238)">PaleTurquoise2</td> + <td align="left">rgb(174, 238, 238)</td> + <td align="left">#AEEEEE</td> + + </tr> + + <tr> + <td align="right">DarkSlateGray1</td> + <td align="center" style="background-color:rgb(151, 255, 255)">DarkSlateGray1</td> + <td align="left">rgb(151, 255, 255)</td> + <td align="left">#97FFFF</td> + + </tr> + + <tr> + <td align="right">azure3</td> + <td align="center" style="background-color:rgb(193, 205, 205)">azure3</td> + <td align="left">rgb(193, 205, 205)</td> + <td align="left">#C1CDCD</td> + + </tr> + + <tr> + <td align="right">LightCyan3</td> + <td align="center" style="background-color:rgb(180, 205, 205)">LightCyan3</td> + <td align="left">rgb(180, 205, 205)</td> + <td align="left">#B4CDCD</td> + + </tr> + + <tr> + <td align="right">DarkSlateGray2</td> + <td align="center" style="background-color:rgb(141, 238, 238)">DarkSlateGray2</td> + <td align="left">rgb(141, 238, 238)</td> + <td align="left">#8DEEEE</td> + + </tr> + + <tr> + <td align="right">PaleTurquoise3</td> + <td align="center" style="background-color:rgb(150, 205, 205)">PaleTurquoise3</td> + <td align="left">rgb(150, 205, 205)</td> + <td align="left">#96CDCD</td> + + </tr> + + <tr> + <td align="right">DarkSlateGray3</td> + <td align="center" style="background-color:rgb(121, 205, 205)">DarkSlateGray3</td> + <td align="left">rgb(121, 205, 205)</td> + <td align="left">#79CDCD</td> + + </tr> + + <tr> + <td align="right">azure4</td> + <td align="center" style="background-color:rgb(131, 139, 139)">azure4</td> + <td align="left">rgb(131, 139, 139)</td> + <td align="left">#838B8B</td> + + </tr> + + <tr> + <td align="right">LightCyan4</td> + <td align="center" style="background-color:rgb(122, 139, 139)">LightCyan4</td> + <td align="left">rgb(122, 139, 139)</td> + <td align="left">#7A8B8B</td> + + </tr> + + <tr> + <td align="right">aqua</td> + <td align="center" style="background-color:rgb( 0, 255, 255)">aqua</td> + <td align="left">rgb( 0, 255, 255)</td> + <td align="left">#00FFFF</td> + + </tr> + + <tr> + <td align="right">cyan</td> + <td align="center" style="background-color:rgb( 0, 255, 255)">cyan</td> + <td align="left">rgb( 0, 255, 255)</td> + <td align="left">#00FFFF</td> + + </tr> + + <tr> + <td align="right">cyan1</td> + <td align="center" style="background-color:rgb( 0, 255, 255)">cyan1</td> + <td align="left">rgb( 0, 255, 255)</td> + <td align="left">#00FFFF</td> + + </tr> + + <tr> + <td align="right">PaleTurquoise4</td> + <td align="center" style="background-color:rgb(102, 139, 139)">PaleTurquoise4</td> + <td align="left">rgb(102, 139, 139)</td> + <td align="left">#668B8B</td> + + </tr> + + <tr> + <td align="right">cyan2</td> + <td align="center" style="background-color:rgb( 0, 238, 238)">cyan2</td> + <td align="left">rgb( 0, 238, 238)</td> + <td align="left">#00EEEE</td> + + </tr> + + <tr> + <td align="right">DarkSlateGray4</td> + <td align="center" style="background-color:rgb( 82, 139, 139)">DarkSlateGray4</td> + <td align="left">rgb( 82, 139, 139)</td> + <td align="left">#528B8B</td> + + </tr> + + <tr> + <td align="right">cyan3</td> + <td align="center" style="background-color:rgb( 0, 205, 205)">cyan3</td> + <td align="left">rgb( 0, 205, 205)</td> + <td align="left">#00CDCD</td> + + </tr> + + <tr> + <td align="right">cyan4</td> + <td align="center" style="background-color:rgb( 0, 139, 139)">cyan4</td> + <td align="left">rgb( 0, 139, 139)</td> + <td align="left">#008B8B</td> + + </tr> + + <tr> + <td align="right">DarkCyan</td> + <td align="center" style="background-color:rgb( 0, 139, 139)">DarkCyan</td> + <td align="left">rgb( 0, 139, 139)</td> + <td align="left">#008B8B</td> + + </tr> + + <tr> + <td align="right">teal</td> + <td align="center" style="background-color:rgb( 0, 128, 128)">teal</td> + <td align="left">rgb( 0, 128, 128)</td> + <td align="left">#008080</td> + + </tr> + + <tr> + <td align="right">DarkSlateGray</td> + <td align="center" style="background-color:rgb( 47, 79, 79)">DarkSlateGray</td> + <td align="left">rgb( 47, 79, 79)</td> + <td align="left">#2F4F4F</td> + + </tr> + + <tr> + <td align="right">DarkSlateGrey</td> + <td align="center" style="background-color:rgb( 47, 79, 79)">DarkSlateGrey</td> + <td align="left">rgb( 47, 79, 79)</td> + <td align="left">#2F4F4F</td> + + </tr> + + <tr> + <td align="right">MediumTurquoise</td> + <td align="center" style="background-color:rgb( 72, 209, 204)">MediumTurquoise</td> + <td align="left">rgb( 72, 209, 204)</td> + <td align="left">#48D1CC</td> + + </tr> + + <tr> + <td align="right">LightSeaGreen</td> + <td align="center" style="background-color:rgb( 32, 178, 170)">LightSeaGreen</td> + <td align="left">rgb( 32, 178, 170)</td> + <td align="left">#20B2AA</td> + + </tr> + + <tr> + <td align="right">turquoise</td> + <td align="center" style="background-color:rgb( 64, 224, 208)">turquoise</td> + <td align="left">rgb( 64, 224, 208)</td> + <td align="left">#40E0D0</td> + + </tr> + + <tr> + <td align="right">aquamarine4</td> + <td align="center" style="background-color:rgb( 69, 139, 116)">aquamarine4</td> + <td align="left">rgb( 69, 139, 116)</td> + <td align="left">#458B74</td> + + </tr> + + <tr> + <td align="right">aquamarine</td> + <td align="center" style="background-color:rgb(127, 255, 212)">aquamarine</td> + <td align="left">rgb(127, 255, 212)</td> + <td align="left">#7FFFD4</td> + + </tr> + + <tr> + <td align="right">aquamarine1</td> + <td align="center" style="background-color:rgb(127, 255, 212)">aquamarine1</td> + <td align="left">rgb(127, 255, 212)</td> + <td align="left">#7FFFD4</td> + + </tr> + + <tr> + <td align="right">aquamarine2</td> + <td align="center" style="background-color:rgb(118, 238, 198)">aquamarine2</td> + <td align="left">rgb(118, 238, 198)</td> + <td align="left">#76EEC6</td> + + </tr> + + <tr> + <td align="right">aquamarine3</td> + <td align="center" style="background-color:rgb(102, 205, 170)">aquamarine3</td> + <td align="left">rgb(102, 205, 170)</td> + <td align="left">#66CDAA</td> + + </tr> + + <tr> + <td align="right">MediumAquamarine</td> + <td align="center" style="background-color:rgb(102, 205, 170)">MediumAquamarine</td> + <td align="left">rgb(102, 205, 170)</td> + <td align="left">#66CDAA</td> + + </tr> + + <tr> + <td align="right">MediumSpringGreen</td> + <td align="center" style="background-color:rgb( 0, 250, 154)">MediumSpringGreen</td> + <td align="left">rgb( 0, 250, 154)</td> + <td align="left">#00FA9A</td> + + </tr> + + <tr> + <td align="right">MintCream</td> + <td align="center" style="background-color:rgb(245, 255, 250)">MintCream</td> + <td align="left">rgb(245, 255, 250)</td> + <td align="left">#F5FFFA</td> + + </tr> + + <tr> + <td align="right">SpringGreen</td> + <td align="center" style="background-color:rgb( 0, 255, 127)">SpringGreen</td> + <td align="left">rgb( 0, 255, 127)</td> + <td align="left">#00FF7F</td> + + </tr> + + <tr> + <td align="right">SpringGreen1</td> + <td align="center" style="background-color:rgb( 0, 255, 127)">SpringGreen1</td> + <td align="left">rgb( 0, 255, 127)</td> + <td align="left">#00FF7F</td> + + </tr> + + <tr> + <td align="right">SpringGreen2</td> + <td align="center" style="background-color:rgb( 0, 238, 118)">SpringGreen2</td> + <td align="left">rgb( 0, 238, 118)</td> + <td align="left">#00EE76</td> + + </tr> + + <tr> + <td align="right">SpringGreen3</td> + <td align="center" style="background-color:rgb( 0, 205, 102)">SpringGreen3</td> + <td align="left">rgb( 0, 205, 102)</td> + <td align="left">#00CD66</td> + + </tr> + + <tr> + <td align="right">SpringGreen4</td> + <td align="center" style="background-color:rgb( 0, 139, 69)">SpringGreen4</td> + <td align="left">rgb( 0, 139, 69)</td> + <td align="left">#008B45</td> + + </tr> + + <tr> + <td align="right">MediumSeaGreen</td> + <td align="center" style="background-color:rgb( 60, 179, 113)">MediumSeaGreen</td> + <td align="left">rgb( 60, 179, 113)</td> + <td align="left">#3CB371</td> + + </tr> + + <tr> + <td align="right">SeaGreen</td> + <td align="center" style="background-color:rgb( 46, 139, 87)">SeaGreen</td> + <td align="left">rgb( 46, 139, 87)</td> + <td align="left">#2E8B57</td> + + </tr> + + <tr> + <td align="right">SeaGreen3</td> + <td align="center" style="background-color:rgb( 67, 205, 128)">SeaGreen3</td> + <td align="left">rgb( 67, 205, 128)</td> + <td align="left">#43CD80</td> + + </tr> + + <tr> + <td align="right">SeaGreen1</td> + <td align="center" style="background-color:rgb( 84, 255, 159)">SeaGreen1</td> + <td align="left">rgb( 84, 255, 159)</td> + <td align="left">#54FF9F</td> + + </tr> + + <tr> + <td align="right">SeaGreen4</td> + <td align="center" style="background-color:rgb( 46, 139, 87)">SeaGreen4</td> + <td align="left">rgb( 46, 139, 87)</td> + <td align="left">#2E8B57</td> + + </tr> + + <tr> + <td align="right">SeaGreen2</td> + <td align="center" style="background-color:rgb( 78, 238, 148)">SeaGreen2</td> + <td align="left">rgb( 78, 238, 148)</td> + <td align="left">#4EEE94</td> + + </tr> + + <tr> + <td align="right">MediumForestGreen</td> + <td align="center" style="background-color:rgb( 50, 129, 75)">MediumForestGreen</td> + <td align="left">rgb( 50, 129, 75)</td> + <td align="left">#32814B</td> + + </tr> + + <tr> + <td align="right">honeydew</td> + <td align="center" style="background-color:rgb(240, 255, 240)">honeydew</td> + <td align="left">rgb(240, 255, 240)</td> + <td align="left">#F0FFF0</td> + + </tr> + + <tr> + <td align="right">honeydew1</td> + <td align="center" style="background-color:rgb(240, 255, 240)">honeydew1</td> + <td align="left">rgb(240, 255, 240)</td> + <td align="left">#F0FFF0</td> + + </tr> + + <tr> + <td align="right">honeydew2</td> + <td align="center" style="background-color:rgb(224, 238, 224)">honeydew2</td> + <td align="left">rgb(224, 238, 224)</td> + <td align="left">#E0EEE0</td> + + </tr> + + <tr> + <td align="right">DarkSeaGreen1</td> + <td align="center" style="background-color:rgb(193, 255, 193)">DarkSeaGreen1</td> + <td align="left">rgb(193, 255, 193)</td> + <td align="left">#C1FFC1</td> + + </tr> + + <tr> + <td align="right">DarkSeaGreen2</td> + <td align="center" style="background-color:rgb(180, 238, 180)">DarkSeaGreen2</td> + <td align="left">rgb(180, 238, 180)</td> + <td align="left">#B4EEB4</td> + + </tr> + + <tr> + <td align="right">PaleGreen1</td> + <td align="center" style="background-color:rgb(154, 255, 154)">PaleGreen1</td> + <td align="left">rgb(154, 255, 154)</td> + <td align="left">#9AFF9A</td> + + </tr> + + <tr> + <td align="right">PaleGreen</td> + <td align="center" style="background-color:rgb(152, 251, 152)">PaleGreen</td> + <td align="left">rgb(152, 251, 152)</td> + <td align="left">#98FB98</td> + + </tr> + + <tr> + <td align="right">honeydew3</td> + <td align="center" style="background-color:rgb(193, 205, 193)">honeydew3</td> + <td align="left">rgb(193, 205, 193)</td> + <td align="left">#C1CDC1</td> + + </tr> + + <tr> + <td align="right">LightGreen</td> + <td align="center" style="background-color:rgb(144, 238, 144)">LightGreen</td> + <td align="left">rgb(144, 238, 144)</td> + <td align="left">#90EE90</td> + + </tr> + + <tr> + <td align="right">PaleGreen2</td> + <td align="center" style="background-color:rgb(144, 238, 144)">PaleGreen2</td> + <td align="left">rgb(144, 238, 144)</td> + <td align="left">#90EE90</td> + + </tr> + + <tr> + <td align="right">DarkSeaGreen3</td> + <td align="center" style="background-color:rgb(155, 205, 155)">DarkSeaGreen3</td> + <td align="left">rgb(155, 205, 155)</td> + <td align="left">#9BCD9B</td> + + </tr> + + <tr> + <td align="right">DarkSeaGreen</td> + <td align="center" style="background-color:rgb(143, 188, 143)">DarkSeaGreen</td> + <td align="left">rgb(143, 188, 143)</td> + <td align="left">#8FBC8F</td> + + </tr> + + <tr> + <td align="right">PaleGreen3</td> + <td align="center" style="background-color:rgb(124, 205, 124)">PaleGreen3</td> + <td align="left">rgb(124, 205, 124)</td> + <td align="left">#7CCD7C</td> + + </tr> + + <tr> + <td align="right">honeydew4</td> + <td align="center" style="background-color:rgb(131, 139, 131)">honeydew4</td> + <td align="left">rgb(131, 139, 131)</td> + <td align="left">#838B83</td> + + </tr> + + <tr> + <td align="right">green1</td> + <td align="center" style="background-color:rgb( 0, 255, 0)">green1</td> + <td align="left">rgb( 0, 255, 0)</td> + <td align="left">#00FF00</td> + + </tr> + + <tr> + <td align="right">lime</td> + <td align="center" style="background-color:rgb( 0, 255, 0)">lime</td> + <td align="left">rgb( 0, 255, 0)</td> + <td align="left">#00FF00</td> + + </tr> + + <tr> + <td align="right">LimeGreen</td> + <td align="center" style="background-color:rgb( 50, 205, 50)">LimeGreen</td> + <td align="left">rgb( 50, 205, 50)</td> + <td align="left">#32CD32</td> + + </tr> + + <tr> + <td align="right">DarkSeaGreen4</td> + <td align="center" style="background-color:rgb(105, 139, 105)">DarkSeaGreen4</td> + <td align="left">rgb(105, 139, 105)</td> + <td align="left">#698B69</td> + + </tr> + + <tr> + <td align="right">green2</td> + <td align="center" style="background-color:rgb( 0, 238, 0)">green2</td> + <td align="left">rgb( 0, 238, 0)</td> + <td align="left">#00EE00</td> + + </tr> + + <tr> + <td align="right">PaleGreen4</td> + <td align="center" style="background-color:rgb( 84, 139, 84)">PaleGreen4</td> + <td align="left">rgb( 84, 139, 84)</td> + <td align="left">#548B54</td> + + </tr> + + <tr> + <td align="right">green3</td> + <td align="center" style="background-color:rgb( 0, 205, 0)">green3</td> + <td align="left">rgb( 0, 205, 0)</td> + <td align="left">#00CD00</td> + + </tr> + + <tr> + <td align="right">ForestGreen</td> + <td align="center" style="background-color:rgb( 34, 139, 34)">ForestGreen</td> + <td align="left">rgb( 34, 139, 34)</td> + <td align="left">#228B22</td> + + </tr> + + <tr> + <td align="right">green4</td> + <td align="center" style="background-color:rgb( 0, 139, 0)">green4</td> + <td align="left">rgb( 0, 139, 0)</td> + <td align="left">#008B00</td> + + </tr> + + <tr> + <td align="right">green</td> + <td align="center" style="background-color:rgb( 0, 128, 0)">green</td> + <td align="left">rgb( 0, 128, 0)</td> + <td align="left">#008000</td> + + </tr> + + <tr> + <td align="right">DarkGreen</td> + <td align="center" style="background-color:rgb( 0, 100, 0)">DarkGreen</td> + <td align="left">rgb( 0, 100, 0)</td> + <td align="left">#006400</td> + + </tr> + + <tr> + <td align="right">LawnGreen</td> + <td align="center" style="background-color:rgb(124, 252, 0)">LawnGreen</td> + <td align="left">rgb(124, 252, 0)</td> + <td align="left">#7CFC00</td> + + </tr> + + <tr> + <td align="right">chartreuse</td> + <td align="center" style="background-color:rgb(127, 255, 0)">chartreuse</td> + <td align="left">rgb(127, 255, 0)</td> + <td align="left">#7FFF00</td> + + </tr> + + <tr> + <td align="right">chartreuse1</td> + <td align="center" style="background-color:rgb(127, 255, 0)">chartreuse1</td> + <td align="left">rgb(127, 255, 0)</td> + <td align="left">#7FFF00</td> + + </tr> + + <tr> + <td align="right">chartreuse2</td> + <td align="center" style="background-color:rgb(118, 238, 0)">chartreuse2</td> + <td align="left">rgb(118, 238, 0)</td> + <td align="left">#76EE00</td> + + </tr> + + <tr> + <td align="right">chartreuse3</td> + <td align="center" style="background-color:rgb(102, 205, 0)">chartreuse3</td> + <td align="left">rgb(102, 205, 0)</td> + <td align="left">#66CD00</td> + + </tr> + + <tr> + <td align="right">chartreuse4</td> + <td align="center" style="background-color:rgb( 69, 139, 0)">chartreuse4</td> + <td align="left">rgb( 69, 139, 0)</td> + <td align="left">#458B00</td> + + </tr> + + <tr> + <td align="right">GreenYellow</td> + <td align="center" style="background-color:rgb(173, 255, 47)">GreenYellow</td> + <td align="left">rgb(173, 255, 47)</td> + <td align="left">#ADFF2F</td> + + </tr> + + <tr> + <td align="right">DarkOliveGreen3</td> + <td align="center" style="background-color:rgb(162, 205, 90)">DarkOliveGreen3</td> + <td align="left">rgb(162, 205, 90)</td> + <td align="left">#A2CD5A</td> + + </tr> + + <tr> + <td align="right">DarkOliveGreen1</td> + <td align="center" style="background-color:rgb(202, 255, 112)">DarkOliveGreen1</td> + <td align="left">rgb(202, 255, 112)</td> + <td align="left">#CAFF70</td> + + </tr> + + <tr> + <td align="right">DarkOliveGreen2</td> + <td align="center" style="background-color:rgb(188, 238, 104)">DarkOliveGreen2</td> + <td align="left">rgb(188, 238, 104)</td> + <td align="left">#BCEE68</td> + + </tr> + + <tr> + <td align="right">DarkOliveGreen4</td> + <td align="center" style="background-color:rgb(110, 139, 61)">DarkOliveGreen4</td> + <td align="left">rgb(110, 139, 61)</td> + <td align="left">#6E8B3D</td> + + </tr> + + <tr> + <td align="right">DarkOliveGreen</td> + <td align="center" style="background-color:rgb( 85, 107, 47)">DarkOliveGreen</td> + <td align="left">rgb( 85, 107, 47)</td> + <td align="left">#556B2F</td> + + </tr> + + <tr> + <td align="right">OliveDrab</td> + <td align="center" style="background-color:rgb(107, 142, 35)">OliveDrab</td> + <td align="left">rgb(107, 142, 35)</td> + <td align="left">#6B8E23</td> + + </tr> + + <tr> + <td align="right">OliveDrab1</td> + <td align="center" style="background-color:rgb(192, 255, 62)">OliveDrab1</td> + <td align="left">rgb(192, 255, 62)</td> + <td align="left">#C0FF3E</td> + + </tr> + + <tr> + <td align="right">OliveDrab2</td> + <td align="center" style="background-color:rgb(179, 238, 58)">OliveDrab2</td> + <td align="left">rgb(179, 238, 58)</td> + <td align="left">#B3EE3A</td> + + </tr> + + <tr> + <td align="right">OliveDrab3</td> + <td align="center" style="background-color:rgb(154, 205, 50)">OliveDrab3</td> + <td align="left">rgb(154, 205, 50)</td> + <td align="left">#9ACD32</td> + + </tr> + + <tr> + <td align="right">YellowGreen</td> + <td align="center" style="background-color:rgb(154, 205, 50)">YellowGreen</td> + <td align="left">rgb(154, 205, 50)</td> + <td align="left">#9ACD32</td> + + </tr> + + <tr> + <td align="right">OliveDrab4</td> + <td align="center" style="background-color:rgb(105, 139, 34)">OliveDrab4</td> + <td align="left">rgb(105, 139, 34)</td> + <td align="left">#698B22</td> + + </tr> + + <tr> + <td align="right">ivory</td> + <td align="center" style="background-color:rgb(255, 255, 240)">ivory</td> + <td align="left">rgb(255, 255, 240)</td> + <td align="left">#FFFFF0</td> + + </tr> + + <tr> + <td align="right">ivory1</td> + <td align="center" style="background-color:rgb(255, 255, 240)">ivory1</td> + <td align="left">rgb(255, 255, 240)</td> + <td align="left">#FFFFF0</td> + + </tr> + + <tr> + <td align="right">LightYellow</td> + <td align="center" style="background-color:rgb(255, 255, 224)">LightYellow</td> + <td align="left">rgb(255, 255, 224)</td> + <td align="left">#FFFFE0</td> + + </tr> + + <tr> + <td align="right">LightYellow1</td> + <td align="center" style="background-color:rgb(255, 255, 224)">LightYellow1</td> + <td align="left">rgb(255, 255, 224)</td> + <td align="left">#FFFFE0</td> + + </tr> + + <tr> + <td align="right">beige</td> + <td align="center" style="background-color:rgb(245, 245, 220)">beige</td> + <td align="left">rgb(245, 245, 220)</td> + <td align="left">#F5F5DC</td> + + </tr> + + <tr> + <td align="right">ivory2</td> + <td align="center" style="background-color:rgb(238, 238, 224)">ivory2</td> + <td align="left">rgb(238, 238, 224)</td> + <td align="left">#EEEEE0</td> + + </tr> + + <tr> + <td align="right">LightGoldenrodYellow</td> + <td align="center" style="background-color:rgb(250, 250, 210)">LightGoldenrodYellow</td> + <td align="left">rgb(250, 250, 210)</td> + <td align="left">#FAFAD2</td> + + </tr> + + <tr> + <td align="right">LightYellow2</td> + <td align="center" style="background-color:rgb(238, 238, 209)">LightYellow2</td> + <td align="left">rgb(238, 238, 209)</td> + <td align="left">#EEEED1</td> + + </tr> + + <tr> + <td align="right">ivory3</td> + <td align="center" style="background-color:rgb(205, 205, 193)">ivory3</td> + <td align="left">rgb(205, 205, 193)</td> + <td align="left">#CDCDC1</td> + + </tr> + + <tr> + <td align="right">LightYellow3</td> + <td align="center" style="background-color:rgb(205, 205, 180)">LightYellow3</td> + <td align="left">rgb(205, 205, 180)</td> + <td align="left">#CDCDB4</td> + + </tr> + + <tr> + <td align="right">ivory4</td> + <td align="center" style="background-color:rgb(139, 139, 131)">ivory4</td> + <td align="left">rgb(139, 139, 131)</td> + <td align="left">#8B8B83</td> + + </tr> + + <tr> + <td align="right">LightYellow4</td> + <td align="center" style="background-color:rgb(139, 139, 122)">LightYellow4</td> + <td align="left">rgb(139, 139, 122)</td> + <td align="left">#8B8B7A</td> + + </tr> + + <tr> + <td align="right">yellow</td> + <td align="center" style="background-color:rgb(255, 255, 0)">yellow</td> + <td align="left">rgb(255, 255, 0)</td> + <td align="left">#FFFF00</td> + + </tr> + + <tr> + <td align="right">yellow1</td> + <td align="center" style="background-color:rgb(255, 255, 0)">yellow1</td> + <td align="left">rgb(255, 255, 0)</td> + <td align="left">#FFFF00</td> + + </tr> + + <tr> + <td align="right">yellow2</td> + <td align="center" style="background-color:rgb(238, 238, 0)">yellow2</td> + <td align="left">rgb(238, 238, 0)</td> + <td align="left">#EEEE00</td> + + </tr> + + <tr> + <td align="right">yellow3</td> + <td align="center" style="background-color:rgb(205, 205, 0)">yellow3</td> + <td align="left">rgb(205, 205, 0)</td> + <td align="left">#CDCD00</td> + + </tr> + + <tr> + <td align="right">yellow4</td> + <td align="center" style="background-color:rgb(139, 139, 0)">yellow4</td> + <td align="left">rgb(139, 139, 0)</td> + <td align="left">#8B8B00</td> + + </tr> + + <tr> + <td align="right">olive</td> + <td align="center" style="background-color:rgb(128, 128, 0)">olive</td> + <td align="left">rgb(128, 128, 0)</td> + <td align="left">#808000</td> + + </tr> + + <tr> + <td align="right">DarkKhaki</td> + <td align="center" style="background-color:rgb(189, 183, 107)">DarkKhaki</td> + <td align="left">rgb(189, 183, 107)</td> + <td align="left">#BDB76B</td> + + </tr> + + <tr> + <td align="right">khaki2</td> + <td align="center" style="background-color:rgb(238, 230, 133)">khaki2</td> + <td align="left">rgb(238, 230, 133)</td> + <td align="left">#EEE685</td> + + </tr> + + <tr> + <td align="right">LemonChiffon4</td> + <td align="center" style="background-color:rgb(139, 137, 112)">LemonChiffon4</td> + <td align="left">rgb(139, 137, 112)</td> + <td align="left">#8B8970</td> + + </tr> + + <tr> + <td align="right">khaki1</td> + <td align="center" style="background-color:rgb(255, 246, 143)">khaki1</td> + <td align="left">rgb(255, 246, 143)</td> + <td align="left">#FFF68F</td> + + </tr> + + <tr> + <td align="right">khaki3</td> + <td align="center" style="background-color:rgb(205, 198, 115)">khaki3</td> + <td align="left">rgb(205, 198, 115)</td> + <td align="left">#CDC673</td> + + </tr> + + <tr> + <td align="right">khaki4</td> + <td align="center" style="background-color:rgb(139, 134, 78)">khaki4</td> + <td align="left">rgb(139, 134, 78)</td> + <td align="left">#8B864E</td> + + </tr> + + <tr> + <td align="right">PaleGoldenrod</td> + <td align="center" style="background-color:rgb(238, 232, 170)">PaleGoldenrod</td> + <td align="left">rgb(238, 232, 170)</td> + <td align="left">#EEE8AA</td> + + </tr> + + <tr> + <td align="right">LemonChiffon</td> + <td align="center" style="background-color:rgb(255, 250, 205)">LemonChiffon</td> + <td align="left">rgb(255, 250, 205)</td> + <td align="left">#FFFACD</td> + + </tr> + + <tr> + <td align="right">LemonChiffon1</td> + <td align="center" style="background-color:rgb(255, 250, 205)">LemonChiffon1</td> + <td align="left">rgb(255, 250, 205)</td> + <td align="left">#FFFACD</td> + + </tr> + + <tr> + <td align="right">khaki</td> + <td align="center" style="background-color:rgb(240, 230, 140)">khaki</td> + <td align="left">rgb(240, 230, 140)</td> + <td align="left">#F0E68C</td> + + </tr> + + <tr> + <td align="right">LemonChiffon3</td> + <td align="center" style="background-color:rgb(205, 201, 165)">LemonChiffon3</td> + <td align="left">rgb(205, 201, 165)</td> + <td align="left">#CDC9A5</td> + + </tr> + + <tr> + <td align="right">LemonChiffon2</td> + <td align="center" style="background-color:rgb(238, 233, 191)">LemonChiffon2</td> + <td align="left">rgb(238, 233, 191)</td> + <td align="left">#EEE9BF</td> + + </tr> + + <tr> + <td align="right">MediumGoldenRod</td> + <td align="center" style="background-color:rgb(209, 193, 102)">MediumGoldenRod</td> + <td align="left">rgb(209, 193, 102)</td> + <td align="left">#D1C166</td> + + </tr> + + <tr> + <td align="right">cornsilk4</td> + <td align="center" style="background-color:rgb(139, 136, 120)">cornsilk4</td> + <td align="left">rgb(139, 136, 120)</td> + <td align="left">#8B8878</td> + + </tr> + + <tr> + <td align="right">gold</td> + <td align="center" style="background-color:rgb(255, 215, 0)">gold</td> + <td align="left">rgb(255, 215, 0)</td> + <td align="left">#FFD700</td> + + </tr> + + <tr> + <td align="right">gold1</td> + <td align="center" style="background-color:rgb(255, 215, 0)">gold1</td> + <td align="left">rgb(255, 215, 0)</td> + <td align="left">#FFD700</td> + + </tr> + + <tr> + <td align="right">gold2</td> + <td align="center" style="background-color:rgb(238, 201, 0)">gold2</td> + <td align="left">rgb(238, 201, 0)</td> + <td align="left">#EEC900</td> + + </tr> + + <tr> + <td align="right">gold3</td> + <td align="center" style="background-color:rgb(205, 173, 0)">gold3</td> + <td align="left">rgb(205, 173, 0)</td> + <td align="left">#CDAD00</td> + + </tr> + + <tr> + <td align="right">gold4</td> + <td align="center" style="background-color:rgb(139, 117, 0)">gold4</td> + <td align="left">rgb(139, 117, 0)</td> + <td align="left">#8B7500</td> + + </tr> + + <tr> + <td align="right">LightGoldenrod</td> + <td align="center" style="background-color:rgb(238, 221, 130)">LightGoldenrod</td> + <td align="left">rgb(238, 221, 130)</td> + <td align="left">#EEDD82</td> + + </tr> + + <tr> + <td align="right">LightGoldenrod4</td> + <td align="center" style="background-color:rgb(139, 129, 76)">LightGoldenrod4</td> + <td align="left">rgb(139, 129, 76)</td> + <td align="left">#8B814C</td> + + </tr> + + <tr> + <td align="right">LightGoldenrod1</td> + <td align="center" style="background-color:rgb(255, 236, 139)">LightGoldenrod1</td> + <td align="left">rgb(255, 236, 139)</td> + <td align="left">#FFEC8B</td> + + </tr> + + <tr> + <td align="right">LightGoldenrod3</td> + <td align="center" style="background-color:rgb(205, 190, 112)">LightGoldenrod3</td> + <td align="left">rgb(205, 190, 112)</td> + <td align="left">#CDBE70</td> + + </tr> + + <tr> + <td align="right">LightGoldenrod2</td> + <td align="center" style="background-color:rgb(238, 220, 130)">LightGoldenrod2</td> + <td align="left">rgb(238, 220, 130)</td> + <td align="left">#EEDC82</td> + + </tr> + + <tr> + <td align="right">cornsilk3</td> + <td align="center" style="background-color:rgb(205, 200, 177)">cornsilk3</td> + <td align="left">rgb(205, 200, 177)</td> + <td align="left">#CDC8B1</td> + + </tr> + + <tr> + <td align="right">cornsilk2</td> + <td align="center" style="background-color:rgb(238, 232, 205)">cornsilk2</td> + <td align="left">rgb(238, 232, 205)</td> + <td align="left">#EEE8CD</td> + + </tr> + + <tr> + <td align="right">cornsilk</td> + <td align="center" style="background-color:rgb(255, 248, 220)">cornsilk</td> + <td align="left">rgb(255, 248, 220)</td> + <td align="left">#FFF8DC</td> + + </tr> + + <tr> + <td align="right">cornsilk1</td> + <td align="center" style="background-color:rgb(255, 248, 220)">cornsilk1</td> + <td align="left">rgb(255, 248, 220)</td> + <td align="left">#FFF8DC</td> + + </tr> + + <tr> + <td align="right">goldenrod</td> + <td align="center" style="background-color:rgb(218, 165, 32)">goldenrod</td> + <td align="left">rgb(218, 165, 32)</td> + <td align="left">#DAA520</td> + + </tr> + + <tr> + <td align="right">goldenrod1</td> + <td align="center" style="background-color:rgb(255, 193, 37)">goldenrod1</td> + <td align="left">rgb(255, 193, 37)</td> + <td align="left">#FFC125</td> + + </tr> + + <tr> + <td align="right">goldenrod2</td> + <td align="center" style="background-color:rgb(238, 180, 34)">goldenrod2</td> + <td align="left">rgb(238, 180, 34)</td> + <td align="left">#EEB422</td> + + </tr> + + <tr> + <td align="right">goldenrod3</td> + <td align="center" style="background-color:rgb(205, 155, 29)">goldenrod3</td> + <td align="left">rgb(205, 155, 29)</td> + <td align="left">#CD9B1D</td> + + </tr> + + <tr> + <td align="right">goldenrod4</td> + <td align="center" style="background-color:rgb(139, 105, 20)">goldenrod4</td> + <td align="left">rgb(139, 105, 20)</td> + <td align="left">#8B6914</td> + + </tr> + + <tr> + <td align="right">DarkGoldenrod</td> + <td align="center" style="background-color:rgb(184, 134, 11)">DarkGoldenrod</td> + <td align="left">rgb(184, 134, 11)</td> + <td align="left">#B8860B</td> + + </tr> + + <tr> + <td align="right">DarkGoldenrod1</td> + <td align="center" style="background-color:rgb(255, 185, 15)">DarkGoldenrod1</td> + <td align="left">rgb(255, 185, 15)</td> + <td align="left">#FFB90F</td> + + </tr> + + <tr> + <td align="right">DarkGoldenrod2</td> + <td align="center" style="background-color:rgb(238, 173, 14)">DarkGoldenrod2</td> + <td align="left">rgb(238, 173, 14)</td> + <td align="left">#EEAD0E</td> + + </tr> + + <tr> + <td align="right">DarkGoldenrod3</td> + <td align="center" style="background-color:rgb(205, 149, 12)">DarkGoldenrod3</td> + <td align="left">rgb(205, 149, 12)</td> + <td align="left">#CD950C</td> + + </tr> + + <tr> + <td align="right">DarkGoldenrod4</td> + <td align="center" style="background-color:rgb(139, 101, 8)">DarkGoldenrod4</td> + <td align="left">rgb(139, 101, 8)</td> + <td align="left">#8B6508</td> + + </tr> + + <tr> + <td align="right">FloralWhite</td> + <td align="center" style="background-color:rgb(255, 250, 240)">FloralWhite</td> + <td align="left">rgb(255, 250, 240)</td> + <td align="left">#FFFAF0</td> + + </tr> + + <tr> + <td align="right">wheat2</td> + <td align="center" style="background-color:rgb(238, 216, 174)">wheat2</td> + <td align="left">rgb(238, 216, 174)</td> + <td align="left">#EED8AE</td> + + </tr> + + <tr> + <td align="right">OldLace</td> + <td align="center" style="background-color:rgb(253, 245, 230)">OldLace</td> + <td align="left">rgb(253, 245, 230)</td> + <td align="left">#FDF5E6</td> + + </tr> + + <tr> + <td align="right">wheat</td> + <td align="center" style="background-color:rgb(245, 222, 179)">wheat</td> + <td align="left">rgb(245, 222, 179)</td> + <td align="left">#F5DEB3</td> + + </tr> + + <tr> + <td align="right">wheat1</td> + <td align="center" style="background-color:rgb(255, 231, 186)">wheat1</td> + <td align="left">rgb(255, 231, 186)</td> + <td align="left">#FFE7BA</td> + + </tr> + + <tr> + <td align="right">wheat3</td> + <td align="center" style="background-color:rgb(205, 186, 150)">wheat3</td> + <td align="left">rgb(205, 186, 150)</td> + <td align="left">#CDBA96</td> + + </tr> + + <tr> + <td align="right">orange</td> + <td align="center" style="background-color:rgb(255, 165, 0)">orange</td> + <td align="left">rgb(255, 165, 0)</td> + <td align="left">#FFA500</td> + + </tr> + + <tr> + <td align="right">orange1</td> + <td align="center" style="background-color:rgb(255, 165, 0)">orange1</td> + <td align="left">rgb(255, 165, 0)</td> + <td align="left">#FFA500</td> + + </tr> + + <tr> + <td align="right">orange2</td> + <td align="center" style="background-color:rgb(238, 154, 0)">orange2</td> + <td align="left">rgb(238, 154, 0)</td> + <td align="left">#EE9A00</td> + + </tr> + + <tr> + <td align="right">orange3</td> + <td align="center" style="background-color:rgb(205, 133, 0)">orange3</td> + <td align="left">rgb(205, 133, 0)</td> + <td align="left">#CD8500</td> + + </tr> + + <tr> + <td align="right">orange4</td> + <td align="center" style="background-color:rgb(139, 90, 0)">orange4</td> + <td align="left">rgb(139, 90, 0)</td> + <td align="left">#8B5A00</td> + + </tr> + + <tr> + <td align="right">wheat4</td> + <td align="center" style="background-color:rgb(139, 126, 102)">wheat4</td> + <td align="left">rgb(139, 126, 102)</td> + <td align="left">#8B7E66</td> + + </tr> + + <tr> + <td align="right">moccasin</td> + <td align="center" style="background-color:rgb(255, 228, 181)">moccasin</td> + <td align="left">rgb(255, 228, 181)</td> + <td align="left">#FFE4B5</td> + + </tr> + + <tr> + <td align="right">PapayaWhip</td> + <td align="center" style="background-color:rgb(255, 239, 213)">PapayaWhip</td> + <td align="left">rgb(255, 239, 213)</td> + <td align="left">#FFEFD5</td> + + </tr> + + <tr> + <td align="right">NavajoWhite3</td> + <td align="center" style="background-color:rgb(205, 179, 139)">NavajoWhite3</td> + <td align="left">rgb(205, 179, 139)</td> + <td align="left">#CDB38B</td> + + </tr> + + <tr> + <td align="right">BlanchedAlmond</td> + <td align="center" style="background-color:rgb(255, 235, 205)">BlanchedAlmond</td> + <td align="left">rgb(255, 235, 205)</td> + <td align="left">#FFEBCD</td> + + </tr> + + <tr> + <td align="right">NavajoWhite</td> + <td align="center" style="background-color:rgb(255, 222, 173)">NavajoWhite</td> + <td align="left">rgb(255, 222, 173)</td> + <td align="left">#FFDEAD</td> + + </tr> + + <tr> + <td align="right">NavajoWhite1</td> + <td align="center" style="background-color:rgb(255, 222, 173)">NavajoWhite1</td> + <td align="left">rgb(255, 222, 173)</td> + <td align="left">#FFDEAD</td> + + </tr> + + <tr> + <td align="right">NavajoWhite2</td> + <td align="center" style="background-color:rgb(238, 207, 161)">NavajoWhite2</td> + <td align="left">rgb(238, 207, 161)</td> + <td align="left">#EECFA1</td> + + </tr> + + <tr> + <td align="right">NavajoWhite4</td> + <td align="center" style="background-color:rgb(139, 121, 94)">NavajoWhite4</td> + <td align="left">rgb(139, 121, 94)</td> + <td align="left">#8B795E</td> + + </tr> + + <tr> + <td align="right">AntiqueWhite4</td> + <td align="center" style="background-color:rgb(139, 131, 120)">AntiqueWhite4</td> + <td align="left">rgb(139, 131, 120)</td> + <td align="left">#8B8378</td> + + </tr> + + <tr> + <td align="right">AntiqueWhite</td> + <td align="center" style="background-color:rgb(250, 235, 215)">AntiqueWhite</td> + <td align="left">rgb(250, 235, 215)</td> + <td align="left">#FAEBD7</td> + + </tr> + + <tr> + <td align="right">tan</td> + <td align="center" style="background-color:rgb(210, 180, 140)">tan</td> + <td align="left">rgb(210, 180, 140)</td> + <td align="left">#D2B48C</td> + + </tr> + + <tr> + <td align="right">bisque4</td> + <td align="center" style="background-color:rgb(139, 125, 107)">bisque4</td> + <td align="left">rgb(139, 125, 107)</td> + <td align="left">#8B7D6B</td> + + </tr> + + <tr> + <td align="right">burlywood</td> + <td align="center" style="background-color:rgb(222, 184, 135)">burlywood</td> + <td align="left">rgb(222, 184, 135)</td> + <td align="left">#DEB887</td> + + </tr> + + <tr> + <td align="right">AntiqueWhite2</td> + <td align="center" style="background-color:rgb(238, 223, 204)">AntiqueWhite2</td> + <td align="left">rgb(238, 223, 204)</td> + <td align="left">#EEDFCC</td> + + </tr> + + <tr> + <td align="right">burlywood1</td> + <td align="center" style="background-color:rgb(255, 211, 155)">burlywood1</td> + <td align="left">rgb(255, 211, 155)</td> + <td align="left">#FFD39B</td> + + </tr> + + <tr> + <td align="right">burlywood3</td> + <td align="center" style="background-color:rgb(205, 170, 125)">burlywood3</td> + <td align="left">rgb(205, 170, 125)</td> + <td align="left">#CDAA7D</td> + + </tr> + + <tr> + <td align="right">burlywood2</td> + <td align="center" style="background-color:rgb(238, 197, 145)">burlywood2</td> + <td align="left">rgb(238, 197, 145)</td> + <td align="left">#EEC591</td> + + </tr> + + <tr> + <td align="right">AntiqueWhite1</td> + <td align="center" style="background-color:rgb(255, 239, 219)">AntiqueWhite1</td> + <td align="left">rgb(255, 239, 219)</td> + <td align="left">#FFEFDB</td> + + </tr> + + <tr> + <td align="right">burlywood4</td> + <td align="center" style="background-color:rgb(139, 115, 85)">burlywood4</td> + <td align="left">rgb(139, 115, 85)</td> + <td align="left">#8B7355</td> + + </tr> + + <tr> + <td align="right">AntiqueWhite3</td> + <td align="center" style="background-color:rgb(205, 192, 176)">AntiqueWhite3</td> + <td align="left">rgb(205, 192, 176)</td> + <td align="left">#CDC0B0</td> + + </tr> + + <tr> + <td align="right">DarkOrange</td> + <td align="center" style="background-color:rgb(255, 140, 0)">DarkOrange</td> + <td align="left">rgb(255, 140, 0)</td> + <td align="left">#FF8C00</td> + + </tr> + + <tr> + <td align="right">bisque2</td> + <td align="center" style="background-color:rgb(238, 213, 183)">bisque2</td> + <td align="left">rgb(238, 213, 183)</td> + <td align="left">#EED5B7</td> + + </tr> + + <tr> + <td align="right">bisque</td> + <td align="center" style="background-color:rgb(255, 228, 196)">bisque</td> + <td align="left">rgb(255, 228, 196)</td> + <td align="left">#FFE4C4</td> + + </tr> + + <tr> + <td align="right">bisque1</td> + <td align="center" style="background-color:rgb(255, 228, 196)">bisque1</td> + <td align="left">rgb(255, 228, 196)</td> + <td align="left">#FFE4C4</td> + + </tr> + + <tr> + <td align="right">bisque3</td> + <td align="center" style="background-color:rgb(205, 183, 158)">bisque3</td> + <td align="left">rgb(205, 183, 158)</td> + <td align="left">#CDB79E</td> + + </tr> + + <tr> + <td align="right">DarkOrange1</td> + <td align="center" style="background-color:rgb(255, 127, 0)">DarkOrange1</td> + <td align="left">rgb(255, 127, 0)</td> + <td align="left">#FF7F00</td> + + </tr> + + <tr> + <td align="right">linen</td> + <td align="center" style="background-color:rgb(250, 240, 230)">linen</td> + <td align="left">rgb(250, 240, 230)</td> + <td align="left">#FAF0E6</td> + + </tr> + + <tr> + <td align="right">DarkOrange2</td> + <td align="center" style="background-color:rgb(238, 118, 0)">DarkOrange2</td> + <td align="left">rgb(238, 118, 0)</td> + <td align="left">#EE7600</td> + + </tr> + + <tr> + <td align="right">DarkOrange3</td> + <td align="center" style="background-color:rgb(205, 102, 0)">DarkOrange3</td> + <td align="left">rgb(205, 102, 0)</td> + <td align="left">#CD6600</td> + + </tr> + + <tr> + <td align="right">DarkOrange4</td> + <td align="center" style="background-color:rgb(139, 69, 0)">DarkOrange4</td> + <td align="left">rgb(139, 69, 0)</td> + <td align="left">#8B4500</td> + + </tr> + + <tr> + <td align="right">peru</td> + <td align="center" style="background-color:rgb(205, 133, 63)">peru</td> + <td align="left">rgb(205, 133, 63)</td> + <td align="left">#CD853F</td> + + </tr> + + <tr> + <td align="right">tan1</td> + <td align="center" style="background-color:rgb(255, 165, 79)">tan1</td> + <td align="left">rgb(255, 165, 79)</td> + <td align="left">#FFA54F</td> + + </tr> + + <tr> + <td align="right">tan2</td> + <td align="center" style="background-color:rgb(238, 154, 73)">tan2</td> + <td align="left">rgb(238, 154, 73)</td> + <td align="left">#EE9A49</td> + + </tr> + + <tr> + <td align="right">tan3</td> + <td align="center" style="background-color:rgb(205, 133, 63)">tan3</td> + <td align="left">rgb(205, 133, 63)</td> + <td align="left">#CD853F</td> + + </tr> + + <tr> + <td align="right">tan4</td> + <td align="center" style="background-color:rgb(139, 90, 43)">tan4</td> + <td align="left">rgb(139, 90, 43)</td> + <td align="left">#8B5A2B</td> + + </tr> + + <tr> + <td align="right">PeachPuff</td> + <td align="center" style="background-color:rgb(255, 218, 185)">PeachPuff</td> + <td align="left">rgb(255, 218, 185)</td> + <td align="left">#FFDAB9</td> + + </tr> + + <tr> + <td align="right">PeachPuff1</td> + <td align="center" style="background-color:rgb(255, 218, 185)">PeachPuff1</td> + <td align="left">rgb(255, 218, 185)</td> + <td align="left">#FFDAB9</td> + + </tr> + + <tr> + <td align="right">PeachPuff4</td> + <td align="center" style="background-color:rgb(139, 119, 101)">PeachPuff4</td> + <td align="left">rgb(139, 119, 101)</td> + <td align="left">#8B7765</td> + + </tr> + + <tr> + <td align="right">PeachPuff2</td> + <td align="center" style="background-color:rgb(238, 203, 173)">PeachPuff2</td> + <td align="left">rgb(238, 203, 173)</td> + <td align="left">#EECBAD</td> + + </tr> + + <tr> + <td align="right">PeachPuff3</td> + <td align="center" style="background-color:rgb(205, 175, 149)">PeachPuff3</td> + <td align="left">rgb(205, 175, 149)</td> + <td align="left">#CDAF95</td> + + </tr> + + <tr> + <td align="right">SandyBrown</td> + <td align="center" style="background-color:rgb(244, 164, 96)">SandyBrown</td> + <td align="left">rgb(244, 164, 96)</td> + <td align="left">#F4A460</td> + + </tr> + + <tr> + <td align="right">seashell4</td> + <td align="center" style="background-color:rgb(139, 134, 130)">seashell4</td> + <td align="left">rgb(139, 134, 130)</td> + <td align="left">#8B8682</td> + + </tr> + + <tr> + <td align="right">seashell2</td> + <td align="center" style="background-color:rgb(238, 229, 222)">seashell2</td> + <td align="left">rgb(238, 229, 222)</td> + <td align="left">#EEE5DE</td> + + </tr> + + <tr> + <td align="right">seashell3</td> + <td align="center" style="background-color:rgb(205, 197, 191)">seashell3</td> + <td align="left">rgb(205, 197, 191)</td> + <td align="left">#CDC5BF</td> + + </tr> + + <tr> + <td align="right">chocolate</td> + <td align="center" style="background-color:rgb(210, 105, 30)">chocolate</td> + <td align="left">rgb(210, 105, 30)</td> + <td align="left">#D2691E</td> + + </tr> + + <tr> + <td align="right">chocolate1</td> + <td align="center" style="background-color:rgb(255, 127, 36)">chocolate1</td> + <td align="left">rgb(255, 127, 36)</td> + <td align="left">#FF7F24</td> + + </tr> + + <tr> + <td align="right">chocolate2</td> + <td align="center" style="background-color:rgb(238, 118, 33)">chocolate2</td> + <td align="left">rgb(238, 118, 33)</td> + <td align="left">#EE7621</td> + + </tr> + + <tr> + <td align="right">chocolate3</td> + <td align="center" style="background-color:rgb(205, 102, 29)">chocolate3</td> + <td align="left">rgb(205, 102, 29)</td> + <td align="left">#CD661D</td> + + </tr> + + <tr> + <td align="right">chocolate4</td> + <td align="center" style="background-color:rgb(139, 69, 19)">chocolate4</td> + <td align="left">rgb(139, 69, 19)</td> + <td align="left">#8B4513</td> + + </tr> + + <tr> + <td align="right">SaddleBrown</td> + <td align="center" style="background-color:rgb(139, 69, 19)">SaddleBrown</td> + <td align="left">rgb(139, 69, 19)</td> + <td align="left">#8B4513</td> + + </tr> + + <tr> + <td align="right">seashell</td> + <td align="center" style="background-color:rgb(255, 245, 238)">seashell</td> + <td align="left">rgb(255, 245, 238)</td> + <td align="left">#FFF5EE</td> + + </tr> + + <tr> + <td align="right">seashell1</td> + <td align="center" style="background-color:rgb(255, 245, 238)">seashell1</td> + <td align="left">rgb(255, 245, 238)</td> + <td align="left">#FFF5EE</td> + + </tr> + + <tr> + <td align="right">sienna4</td> + <td align="center" style="background-color:rgb(139, 71, 38)">sienna4</td> + <td align="left">rgb(139, 71, 38)</td> + <td align="left">#8B4726</td> + + </tr> + + <tr> + <td align="right">sienna</td> + <td align="center" style="background-color:rgb(160, 82, 45)">sienna</td> + <td align="left">rgb(160, 82, 45)</td> + <td align="left">#A0522D</td> + + </tr> + + <tr> + <td align="right">sienna1</td> + <td align="center" style="background-color:rgb(255, 130, 71)">sienna1</td> + <td align="left">rgb(255, 130, 71)</td> + <td align="left">#FF8247</td> + + </tr> + + <tr> + <td align="right">sienna2</td> + <td align="center" style="background-color:rgb(238, 121, 66)">sienna2</td> + <td align="left">rgb(238, 121, 66)</td> + <td align="left">#EE7942</td> + + </tr> + + <tr> + <td align="right">sienna3</td> + <td align="center" style="background-color:rgb(205, 104, 57)">sienna3</td> + <td align="left">rgb(205, 104, 57)</td> + <td align="left">#CD6839</td> + + </tr> + + <tr> + <td align="right">LightSalmon3</td> + <td align="center" style="background-color:rgb(205, 129, 98)">LightSalmon3</td> + <td align="left">rgb(205, 129, 98)</td> + <td align="left">#CD8162</td> + + </tr> + + <tr> + <td align="right">LightSalmon</td> + <td align="center" style="background-color:rgb(255, 160, 122)">LightSalmon</td> + <td align="left">rgb(255, 160, 122)</td> + <td align="left">#FFA07A</td> + + </tr> + + <tr> + <td align="right">LightSalmon1</td> + <td align="center" style="background-color:rgb(255, 160, 122)">LightSalmon1</td> + <td align="left">rgb(255, 160, 122)</td> + <td align="left">#FFA07A</td> + + </tr> + + <tr> + <td align="right">LightSalmon4</td> + <td align="center" style="background-color:rgb(139, 87, 66)">LightSalmon4</td> + <td align="left">rgb(139, 87, 66)</td> + <td align="left">#8B5742</td> + + </tr> + + <tr> + <td align="right">LightSalmon2</td> + <td align="center" style="background-color:rgb(238, 149, 114)">LightSalmon2</td> + <td align="left">rgb(238, 149, 114)</td> + <td align="left">#EE9572</td> + + </tr> + + <tr> + <td align="right">coral</td> + <td align="center" style="background-color:rgb(255, 127, 80)">coral</td> + <td align="left">rgb(255, 127, 80)</td> + <td align="left">#FF7F50</td> + + </tr> + + <tr> + <td align="right">OrangeRed</td> + <td align="center" style="background-color:rgb(255, 69, 0)">OrangeRed</td> + <td align="left">rgb(255, 69, 0)</td> + <td align="left">#FF4500</td> + + </tr> + + <tr> + <td align="right">OrangeRed1</td> + <td align="center" style="background-color:rgb(255, 69, 0)">OrangeRed1</td> + <td align="left">rgb(255, 69, 0)</td> + <td align="left">#FF4500</td> + + </tr> + + <tr> + <td align="right">OrangeRed2</td> + <td align="center" style="background-color:rgb(238, 64, 0)">OrangeRed2</td> + <td align="left">rgb(238, 64, 0)</td> + <td align="left">#EE4000</td> + + </tr> + + <tr> + <td align="right">OrangeRed3</td> + <td align="center" style="background-color:rgb(205, 55, 0)">OrangeRed3</td> + <td align="left">rgb(205, 55, 0)</td> + <td align="left">#CD3700</td> + + </tr> + + <tr> + <td align="right">OrangeRed4</td> + <td align="center" style="background-color:rgb(139, 37, 0)">OrangeRed4</td> + <td align="left">rgb(139, 37, 0)</td> + <td align="left">#8B2500</td> + + </tr> + + <tr> + <td align="right">DarkSalmon</td> + <td align="center" style="background-color:rgb(233, 150, 122)">DarkSalmon</td> + <td align="left">rgb(233, 150, 122)</td> + <td align="left">#E9967A</td> + + </tr> + + <tr> + <td align="right">salmon1</td> + <td align="center" style="background-color:rgb(255, 140, 105)">salmon1</td> + <td align="left">rgb(255, 140, 105)</td> + <td align="left">#FF8C69</td> + + </tr> + + <tr> + <td align="right">salmon2</td> + <td align="center" style="background-color:rgb(238, 130, 98)">salmon2</td> + <td align="left">rgb(238, 130, 98)</td> + <td align="left">#EE8262</td> + + </tr> + + <tr> + <td align="right">salmon3</td> + <td align="center" style="background-color:rgb(205, 112, 84)">salmon3</td> + <td align="left">rgb(205, 112, 84)</td> + <td align="left">#CD7054</td> + + </tr> + + <tr> + <td align="right">salmon4</td> + <td align="center" style="background-color:rgb(139, 76, 57)">salmon4</td> + <td align="left">rgb(139, 76, 57)</td> + <td align="left">#8B4C39</td> + + </tr> + + <tr> + <td align="right">coral1</td> + <td align="center" style="background-color:rgb(255, 114, 86)">coral1</td> + <td align="left">rgb(255, 114, 86)</td> + <td align="left">#FF7256</td> + + </tr> + + <tr> + <td align="right">coral2</td> + <td align="center" style="background-color:rgb(238, 106, 80)">coral2</td> + <td align="left">rgb(238, 106, 80)</td> + <td align="left">#EE6A50</td> + + </tr> + + <tr> + <td align="right">coral3</td> + <td align="center" style="background-color:rgb(205, 91, 69)">coral3</td> + <td align="left">rgb(205, 91, 69)</td> + <td align="left">#CD5B45</td> + + </tr> + + <tr> + <td align="right">coral4</td> + <td align="center" style="background-color:rgb(139, 62, 47)">coral4</td> + <td align="left">rgb(139, 62, 47)</td> + <td align="left">#8B3E2F</td> + + </tr> + + <tr> + <td align="right">tomato4</td> + <td align="center" style="background-color:rgb(139, 54, 38)">tomato4</td> + <td align="left">rgb(139, 54, 38)</td> + <td align="left">#8B3626</td> + + </tr> + + <tr> + <td align="right">tomato</td> + <td align="center" style="background-color:rgb(255, 99, 71)">tomato</td> + <td align="left">rgb(255, 99, 71)</td> + <td align="left">#FF6347</td> + + </tr> + + <tr> + <td align="right">tomato1</td> + <td align="center" style="background-color:rgb(255, 99, 71)">tomato1</td> + <td align="left">rgb(255, 99, 71)</td> + <td align="left">#FF6347</td> + + </tr> + + <tr> + <td align="right">tomato2</td> + <td align="center" style="background-color:rgb(238, 92, 66)">tomato2</td> + <td align="left">rgb(238, 92, 66)</td> + <td align="left">#EE5C42</td> + + </tr> + + <tr> + <td align="right">tomato3</td> + <td align="center" style="background-color:rgb(205, 79, 57)">tomato3</td> + <td align="left">rgb(205, 79, 57)</td> + <td align="left">#CD4F39</td> + + </tr> + + <tr> + <td align="right">MistyRose4</td> + <td align="center" style="background-color:rgb(139, 125, 123)">MistyRose4</td> + <td align="left">rgb(139, 125, 123)</td> + <td align="left">#8B7D7B</td> + + </tr> + + <tr> + <td align="right">MistyRose2</td> + <td align="center" style="background-color:rgb(238, 213, 210)">MistyRose2</td> + <td align="left">rgb(238, 213, 210)</td> + <td align="left">#EED5D2</td> + + </tr> + + <tr> + <td align="right">MistyRose</td> + <td align="center" style="background-color:rgb(255, 228, 225)">MistyRose</td> + <td align="left">rgb(255, 228, 225)</td> + <td align="left">#FFE4E1</td> + + </tr> + + <tr> + <td align="right">MistyRose1</td> + <td align="center" style="background-color:rgb(255, 228, 225)">MistyRose1</td> + <td align="left">rgb(255, 228, 225)</td> + <td align="left">#FFE4E1</td> + + </tr> + + <tr> + <td align="right">salmon</td> + <td align="center" style="background-color:rgb(250, 128, 114)">salmon</td> + <td align="left">rgb(250, 128, 114)</td> + <td align="left">#FA8072</td> + + </tr> + + <tr> + <td align="right">MistyRose3</td> + <td align="center" style="background-color:rgb(205, 183, 181)">MistyRose3</td> + <td align="left">rgb(205, 183, 181)</td> + <td align="left">#CDB7B5</td> + + </tr> + + <tr> + <td align="right">white</td> + <td align="center" style="background-color:rgb(255, 255, 255)">white</td> + <td align="left">rgb(255, 255, 255)</td> + <td align="left">#FFFFFF</td> + + </tr> + + <tr> + <td align="right">gray100</td> + <td align="center" style="background-color:rgb(255, 255, 255)">gray100</td> + <td align="left">rgb(255, 255, 255)</td> + <td align="left">#FFFFFF</td> + + </tr> + + <tr> + <td align="right">grey100</td> + <td align="center" style="background-color:rgb(255, 255, 255)">grey100</td> + <td align="left">rgb(255, 255, 255)</td> + <td align="left">#FFFFFF</td> + + </tr> + + <tr> + <td align="right">grey100</td> + <td align="center" style="background-color:rgb(255, 255, 255)">grey100</td> + <td align="left">rgb(255, 255, 255)</td> + <td align="left">#FFFFFF</td> + + </tr> + + <tr> + <td align="right">gray99</td> + <td align="center" style="background-color:rgb(252, 252, 252)">gray99</td> + <td align="left">rgb(252, 252, 252)</td> + <td align="left">#FCFCFC</td> + + </tr> + + <tr> + <td align="right">grey99</td> + <td align="center" style="background-color:rgb(252, 252, 252)">grey99</td> + <td align="left">rgb(252, 252, 252)</td> + <td align="left">#FCFCFC</td> + + </tr> + + <tr> + <td align="right">gray98</td> + <td align="center" style="background-color:rgb(250, 250, 250)">gray98</td> + <td align="left">rgb(250, 250, 250)</td> + <td align="left">#FAFAFA</td> + + </tr> + + <tr> + <td align="right">grey98</td> + <td align="center" style="background-color:rgb(250, 250, 250)">grey98</td> + <td align="left">rgb(250, 250, 250)</td> + <td align="left">#FAFAFA</td> + + </tr> + + <tr> + <td align="right">gray97</td> + <td align="center" style="background-color:rgb(247, 247, 247)">gray97</td> + <td align="left">rgb(247, 247, 247)</td> + <td align="left">#F7F7F7</td> + + </tr> + + <tr> + <td align="right">grey97</td> + <td align="center" style="background-color:rgb(247, 247, 247)">grey97</td> + <td align="left">rgb(247, 247, 247)</td> + <td align="left">#F7F7F7</td> + + </tr> + + <tr> + <td align="right">gray96</td> + <td align="center" style="background-color:rgb(245, 245, 245)">gray96</td> + <td align="left">rgb(245, 245, 245)</td> + <td align="left">#F5F5F5</td> + + </tr> + + <tr> + <td align="right">grey96</td> + <td align="center" style="background-color:rgb(245, 245, 245)">grey96</td> + <td align="left">rgb(245, 245, 245)</td> + <td align="left">#F5F5F5</td> + + </tr> + + <tr> + <td align="right">WhiteSmoke</td> + <td align="center" style="background-color:rgb(245, 245, 245)">WhiteSmoke</td> + <td align="left">rgb(245, 245, 245)</td> + <td align="left">#F5F5F5</td> + + </tr> + + <tr> + <td align="right">gray95</td> + <td align="center" style="background-color:rgb(242, 242, 242)">gray95</td> + <td align="left">rgb(242, 242, 242)</td> + <td align="left">#F2F2F2</td> + + </tr> + + <tr> + <td align="right">grey95</td> + <td align="center" style="background-color:rgb(242, 242, 242)">grey95</td> + <td align="left">rgb(242, 242, 242)</td> + <td align="left">#F2F2F2</td> + + </tr> + + <tr> + <td align="right">gray94</td> + <td align="center" style="background-color:rgb(240, 240, 240)">gray94</td> + <td align="left">rgb(240, 240, 240)</td> + <td align="left">#F0F0F0</td> + + </tr> + + <tr> + <td align="right">grey94</td> + <td align="center" style="background-color:rgb(240, 240, 240)">grey94</td> + <td align="left">rgb(240, 240, 240)</td> + <td align="left">#F0F0F0</td> + + </tr> + + <tr> + <td align="right">gray93</td> + <td align="center" style="background-color:rgb(237, 237, 237)">gray93</td> + <td align="left">rgb(237, 237, 237)</td> + <td align="left">#EDEDED</td> + + </tr> + + <tr> + <td align="right">grey93</td> + <td align="center" style="background-color:rgb(237, 237, 237)">grey93</td> + <td align="left">rgb(237, 237, 237)</td> + <td align="left">#EDEDED</td> + + </tr> + + <tr> + <td align="right">gray92</td> + <td align="center" style="background-color:rgb(235, 235, 235)">gray92</td> + <td align="left">rgb(235, 235, 235)</td> + <td align="left">#EBEBEB</td> + + </tr> + + <tr> + <td align="right">grey92</td> + <td align="center" style="background-color:rgb(235, 235, 235)">grey92</td> + <td align="left">rgb(235, 235, 235)</td> + <td align="left">#EBEBEB</td> + + </tr> + + <tr> + <td align="right">gray91</td> + <td align="center" style="background-color:rgb(232, 232, 232)">gray91</td> + <td align="left">rgb(232, 232, 232)</td> + <td align="left">#E8E8E8</td> + + </tr> + + <tr> + <td align="right">grey91</td> + <td align="center" style="background-color:rgb(232, 232, 232)">grey91</td> + <td align="left">rgb(232, 232, 232)</td> + <td align="left">#E8E8E8</td> + + </tr> + + <tr> + <td align="right">gray90</td> + <td align="center" style="background-color:rgb(229, 229, 229)">gray90</td> + <td align="left">rgb(229, 229, 229)</td> + <td align="left">#E5E5E5</td> + + </tr> + + <tr> + <td align="right">grey90</td> + <td align="center" style="background-color:rgb(229, 229, 229)">grey90</td> + <td align="left">rgb(229, 229, 229)</td> + <td align="left">#E5E5E5</td> + + </tr> + + <tr> + <td align="right">gray89</td> + <td align="center" style="background-color:rgb(227, 227, 227)">gray89</td> + <td align="left">rgb(227, 227, 227)</td> + <td align="left">#E3E3E3</td> + + </tr> + + <tr> + <td align="right">grey89</td> + <td align="center" style="background-color:rgb(227, 227, 227)">grey89</td> + <td align="left">rgb(227, 227, 227)</td> + <td align="left">#E3E3E3</td> + + </tr> + + <tr> + <td align="right">gray88</td> + <td align="center" style="background-color:rgb(224, 224, 224)">gray88</td> + <td align="left">rgb(224, 224, 224)</td> + <td align="left">#E0E0E0</td> + + </tr> + + <tr> + <td align="right">grey88</td> + <td align="center" style="background-color:rgb(224, 224, 224)">grey88</td> + <td align="left">rgb(224, 224, 224)</td> + <td align="left">#E0E0E0</td> + + </tr> + + <tr> + <td align="right">gray87</td> + <td align="center" style="background-color:rgb(222, 222, 222)">gray87</td> + <td align="left">rgb(222, 222, 222)</td> + <td align="left">#DEDEDE</td> + + </tr> + + <tr> + <td align="right">grey87</td> + <td align="center" style="background-color:rgb(222, 222, 222)">grey87</td> + <td align="left">rgb(222, 222, 222)</td> + <td align="left">#DEDEDE</td> + + </tr> + + <tr> + <td align="right">gainsboro</td> + <td align="center" style="background-color:rgb(220, 220, 220)">gainsboro</td> + <td align="left">rgb(220, 220, 220)</td> + <td align="left">#DCDCDC</td> + + </tr> + + <tr> + <td align="right">gray86</td> + <td align="center" style="background-color:rgb(219, 219, 219)">gray86</td> + <td align="left">rgb(219, 219, 219)</td> + <td align="left">#DBDBDB</td> + + </tr> + + <tr> + <td align="right">grey86</td> + <td align="center" style="background-color:rgb(219, 219, 219)">grey86</td> + <td align="left">rgb(219, 219, 219)</td> + <td align="left">#DBDBDB</td> + + </tr> + + <tr> + <td align="right">gray85</td> + <td align="center" style="background-color:rgb(217, 217, 217)">gray85</td> + <td align="left">rgb(217, 217, 217)</td> + <td align="left">#D9D9D9</td> + + </tr> + + <tr> + <td align="right">grey85</td> + <td align="center" style="background-color:rgb(217, 217, 217)">grey85</td> + <td align="left">rgb(217, 217, 217)</td> + <td align="left">#D9D9D9</td> + + </tr> + + <tr> + <td align="right">gray84</td> + <td align="center" style="background-color:rgb(214, 214, 214)">gray84</td> + <td align="left">rgb(214, 214, 214)</td> + <td align="left">#D6D6D6</td> + + </tr> + + <tr> + <td align="right">grey84</td> + <td align="center" style="background-color:rgb(214, 214, 214)">grey84</td> + <td align="left">rgb(214, 214, 214)</td> + <td align="left">#D6D6D6</td> + + </tr> + + <tr> + <td align="right">gray83</td> + <td align="center" style="background-color:rgb(212, 212, 212)">gray83</td> + <td align="left">rgb(212, 212, 212)</td> + <td align="left">#D4D4D4</td> + + </tr> + + <tr> + <td align="right">grey83</td> + <td align="center" style="background-color:rgb(212, 212, 212)">grey83</td> + <td align="left">rgb(212, 212, 212)</td> + <td align="left">#D4D4D4</td> + + </tr> + + <tr> + <td align="right">LightGray</td> + <td align="center" style="background-color:rgb(211, 211, 211)">LightGray</td> + <td align="left">rgb(211, 211, 211)</td> + <td align="left">#D3D3D3</td> + + </tr> + + <tr> + <td align="right">LightGrey</td> + <td align="center" style="background-color:rgb(211, 211, 211)">LightGrey</td> + <td align="left">rgb(211, 211, 211)</td> + <td align="left">#D3D3D3</td> + + </tr> + + <tr> + <td align="right">gray82</td> + <td align="center" style="background-color:rgb(209, 209, 209)">gray82</td> + <td align="left">rgb(209, 209, 209)</td> + <td align="left">#D1D1D1</td> + + </tr> + + <tr> + <td align="right">grey82</td> + <td align="center" style="background-color:rgb(209, 209, 209)">grey82</td> + <td align="left">rgb(209, 209, 209)</td> + <td align="left">#D1D1D1</td> + + </tr> + + <tr> + <td align="right">gray81</td> + <td align="center" style="background-color:rgb(207, 207, 207)">gray81</td> + <td align="left">rgb(207, 207, 207)</td> + <td align="left">#CFCFCF</td> + + </tr> + + <tr> + <td align="right">grey81</td> + <td align="center" style="background-color:rgb(207, 207, 207)">grey81</td> + <td align="left">rgb(207, 207, 207)</td> + <td align="left">#CFCFCF</td> + + </tr> + + <tr> + <td align="right">gray80</td> + <td align="center" style="background-color:rgb(204, 204, 204)">gray80</td> + <td align="left">rgb(204, 204, 204)</td> + <td align="left">#CCCCCC</td> + + </tr> + + <tr> + <td align="right">grey80</td> + <td align="center" style="background-color:rgb(204, 204, 204)">grey80</td> + <td align="left">rgb(204, 204, 204)</td> + <td align="left">#CCCCCC</td> + + </tr> + + <tr> + <td align="right">gray79</td> + <td align="center" style="background-color:rgb(201, 201, 201)">gray79</td> + <td align="left">rgb(201, 201, 201)</td> + <td align="left">#C9C9C9</td> + + </tr> + + <tr> + <td align="right">grey79</td> + <td align="center" style="background-color:rgb(201, 201, 201)">grey79</td> + <td align="left">rgb(201, 201, 201)</td> + <td align="left">#C9C9C9</td> + + </tr> + + <tr> + <td align="right">gray78</td> + <td align="center" style="background-color:rgb(199, 199, 199)">gray78</td> + <td align="left">rgb(199, 199, 199)</td> + <td align="left">#C7C7C7</td> + + </tr> + + <tr> + <td align="right">grey78</td> + <td align="center" style="background-color:rgb(199, 199, 199)">grey78</td> + <td align="left">rgb(199, 199, 199)</td> + <td align="left">#C7C7C7</td> + + </tr> + + <tr> + <td align="right">gray77</td> + <td align="center" style="background-color:rgb(196, 196, 196)">gray77</td> + <td align="left">rgb(196, 196, 196)</td> + <td align="left">#C4C4C4</td> + + </tr> + + <tr> + <td align="right">grey77</td> + <td align="center" style="background-color:rgb(196, 196, 196)">grey77</td> + <td align="left">rgb(196, 196, 196)</td> + <td align="left">#C4C4C4</td> + + </tr> + + <tr> + <td align="right">gray76</td> + <td align="center" style="background-color:rgb(194, 194, 194)">gray76</td> + <td align="left">rgb(194, 194, 194)</td> + <td align="left">#C2C2C2</td> + + </tr> + + <tr> + <td align="right">grey76</td> + <td align="center" style="background-color:rgb(194, 194, 194)">grey76</td> + <td align="left">rgb(194, 194, 194)</td> + <td align="left">#C2C2C2</td> + + </tr> + + <tr> + <td align="right">silver</td> + <td align="center" style="background-color:rgb(192, 192, 192)">silver</td> + <td align="left">rgb(192, 192, 192)</td> + <td align="left">#C0C0C0</td> + + </tr> + + <tr> + <td align="right">gray75</td> + <td align="center" style="background-color:rgb(191, 191, 191)">gray75</td> + <td align="left">rgb(191, 191, 191)</td> + <td align="left">#BFBFBF</td> + + </tr> + + <tr> + <td align="right">grey75</td> + <td align="center" style="background-color:rgb(191, 191, 191)">grey75</td> + <td align="left">rgb(191, 191, 191)</td> + <td align="left">#BFBFBF</td> + + </tr> + + <tr> + <td align="right">gray74</td> + <td align="center" style="background-color:rgb(189, 189, 189)">gray74</td> + <td align="left">rgb(189, 189, 189)</td> + <td align="left">#BDBDBD</td> + + </tr> + + <tr> + <td align="right">grey74</td> + <td align="center" style="background-color:rgb(189, 189, 189)">grey74</td> + <td align="left">rgb(189, 189, 189)</td> + <td align="left">#BDBDBD</td> + + </tr> + + <tr> + <td align="right">gray73</td> + <td align="center" style="background-color:rgb(186, 186, 186)">gray73</td> + <td align="left">rgb(186, 186, 186)</td> + <td align="left">#BABABA</td> + + </tr> + + <tr> + <td align="right">grey73</td> + <td align="center" style="background-color:rgb(186, 186, 186)">grey73</td> + <td align="left">rgb(186, 186, 186)</td> + <td align="left">#BABABA</td> + + </tr> + + <tr> + <td align="right">gray72</td> + <td align="center" style="background-color:rgb(184, 184, 184)">gray72</td> + <td align="left">rgb(184, 184, 184)</td> + <td align="left">#B8B8B8</td> + + </tr> + + <tr> + <td align="right">grey72</td> + <td align="center" style="background-color:rgb(184, 184, 184)">grey72</td> + <td align="left">rgb(184, 184, 184)</td> + <td align="left">#B8B8B8</td> + + </tr> + + <tr> + <td align="right">gray71</td> + <td align="center" style="background-color:rgb(181, 181, 181)">gray71</td> + <td align="left">rgb(181, 181, 181)</td> + <td align="left">#B5B5B5</td> + + </tr> + + <tr> + <td align="right">grey71</td> + <td align="center" style="background-color:rgb(181, 181, 181)">grey71</td> + <td align="left">rgb(181, 181, 181)</td> + <td align="left">#B5B5B5</td> + + </tr> + + <tr> + <td align="right">gray70</td> + <td align="center" style="background-color:rgb(179, 179, 179)">gray70</td> + <td align="left">rgb(179, 179, 179)</td> + <td align="left">#B3B3B3</td> + + </tr> + + <tr> + <td align="right">grey70</td> + <td align="center" style="background-color:rgb(179, 179, 179)">grey70</td> + <td align="left">rgb(179, 179, 179)</td> + <td align="left">#B3B3B3</td> + + </tr> + + <tr> + <td align="right">gray69</td> + <td align="center" style="background-color:rgb(176, 176, 176)">gray69</td> + <td align="left">rgb(176, 176, 176)</td> + <td align="left">#B0B0B0</td> + + </tr> + + <tr> + <td align="right">grey69</td> + <td align="center" style="background-color:rgb(176, 176, 176)">grey69</td> + <td align="left">rgb(176, 176, 176)</td> + <td align="left">#B0B0B0</td> + + </tr> + + <tr> + <td align="right">gray68</td> + <td align="center" style="background-color:rgb(173, 173, 173)">gray68</td> + <td align="left">rgb(173, 173, 173)</td> + <td align="left">#ADADAD</td> + + </tr> + + <tr> + <td align="right">grey68</td> + <td align="center" style="background-color:rgb(173, 173, 173)">grey68</td> + <td align="left">rgb(173, 173, 173)</td> + <td align="left">#ADADAD</td> + + </tr> + + <tr> + <td align="right">gray67</td> + <td align="center" style="background-color:rgb(171, 171, 171)">gray67</td> + <td align="left">rgb(171, 171, 171)</td> + <td align="left">#ABABAB</td> + + </tr> + + <tr> + <td align="right">grey67</td> + <td align="center" style="background-color:rgb(171, 171, 171)">grey67</td> + <td align="left">rgb(171, 171, 171)</td> + <td align="left">#ABABAB</td> + + </tr> + + <tr> + <td align="right">DarkGray</td> + <td align="center" style="background-color:rgb(169, 169, 169)">DarkGray</td> + <td align="left">rgb(169, 169, 169)</td> + <td align="left">#A9A9A9</td> + + </tr> + + <tr> + <td align="right">DarkGrey</td> + <td align="center" style="background-color:rgb(169, 169, 169)">DarkGrey</td> + <td align="left">rgb(169, 169, 169)</td> + <td align="left">#A9A9A9</td> + + </tr> + + <tr> + <td align="right">gray66</td> + <td align="center" style="background-color:rgb(168, 168, 168)">gray66</td> + <td align="left">rgb(168, 168, 168)</td> + <td align="left">#A8A8A8</td> + + </tr> + + <tr> + <td align="right">grey66</td> + <td align="center" style="background-color:rgb(168, 168, 168)">grey66</td> + <td align="left">rgb(168, 168, 168)</td> + <td align="left">#A8A8A8</td> + + </tr> + + <tr> + <td align="right">gray65</td> + <td align="center" style="background-color:rgb(166, 166, 166)">gray65</td> + <td align="left">rgb(166, 166, 166)</td> + <td align="left">#A6A6A6</td> + + </tr> + + <tr> + <td align="right">grey65</td> + <td align="center" style="background-color:rgb(166, 166, 166)">grey65</td> + <td align="left">rgb(166, 166, 166)</td> + <td align="left">#A6A6A6</td> + + </tr> + + <tr> + <td align="right">gray64</td> + <td align="center" style="background-color:rgb(163, 163, 163)">gray64</td> + <td align="left">rgb(163, 163, 163)</td> + <td align="left">#A3A3A3</td> + + </tr> + + <tr> + <td align="right">grey64</td> + <td align="center" style="background-color:rgb(163, 163, 163)">grey64</td> + <td align="left">rgb(163, 163, 163)</td> + <td align="left">#A3A3A3</td> + + </tr> + + <tr> + <td align="right">gray63</td> + <td align="center" style="background-color:rgb(161, 161, 161)">gray63</td> + <td align="left">rgb(161, 161, 161)</td> + <td align="left">#A1A1A1</td> + + </tr> + + <tr> + <td align="right">grey63</td> + <td align="center" style="background-color:rgb(161, 161, 161)">grey63</td> + <td align="left">rgb(161, 161, 161)</td> + <td align="left">#A1A1A1</td> + + </tr> + + <tr> + <td align="right">gray62</td> + <td align="center" style="background-color:rgb(158, 158, 158)">gray62</td> + <td align="left">rgb(158, 158, 158)</td> + <td align="left">#9E9E9E</td> + + </tr> + + <tr> + <td align="right">grey62</td> + <td align="center" style="background-color:rgb(158, 158, 158)">grey62</td> + <td align="left">rgb(158, 158, 158)</td> + <td align="left">#9E9E9E</td> + + </tr> + + <tr> + <td align="right">gray61</td> + <td align="center" style="background-color:rgb(156, 156, 156)">gray61</td> + <td align="left">rgb(156, 156, 156)</td> + <td align="left">#9C9C9C</td> + + </tr> + + <tr> + <td align="right">grey61</td> + <td align="center" style="background-color:rgb(156, 156, 156)">grey61</td> + <td align="left">rgb(156, 156, 156)</td> + <td align="left">#9C9C9C</td> + + </tr> + + <tr> + <td align="right">gray60</td> + <td align="center" style="background-color:rgb(153, 153, 153)">gray60</td> + <td align="left">rgb(153, 153, 153)</td> + <td align="left">#999999</td> + + </tr> + + <tr> + <td align="right">grey60</td> + <td align="center" style="background-color:rgb(153, 153, 153)">grey60</td> + <td align="left">rgb(153, 153, 153)</td> + <td align="left">#999999</td> + + </tr> + + <tr> + <td align="right">gray59</td> + <td align="center" style="background-color:rgb(150, 150, 150)">gray59</td> + <td align="left">rgb(150, 150, 150)</td> + <td align="left">#969696</td> + + </tr> + + <tr> + <td align="right">grey59</td> + <td align="center" style="background-color:rgb(150, 150, 150)">grey59</td> + <td align="left">rgb(150, 150, 150)</td> + <td align="left">#969696</td> + + </tr> + + <tr> + <td align="right">gray58</td> + <td align="center" style="background-color:rgb(148, 148, 148)">gray58</td> + <td align="left">rgb(148, 148, 148)</td> + <td align="left">#949494</td> + + </tr> + + <tr> + <td align="right">grey58</td> + <td align="center" style="background-color:rgb(148, 148, 148)">grey58</td> + <td align="left">rgb(148, 148, 148)</td> + <td align="left">#949494</td> + + </tr> + + <tr> + <td align="right">gray57</td> + <td align="center" style="background-color:rgb(145, 145, 145)">gray57</td> + <td align="left">rgb(145, 145, 145)</td> + <td align="left">#919191</td> + + </tr> + + <tr> + <td align="right">grey57</td> + <td align="center" style="background-color:rgb(145, 145, 145)">grey57</td> + <td align="left">rgb(145, 145, 145)</td> + <td align="left">#919191</td> + + </tr> + + <tr> + <td align="right">gray56</td> + <td align="center" style="background-color:rgb(143, 143, 143)">gray56</td> + <td align="left">rgb(143, 143, 143)</td> + <td align="left">#8F8F8F</td> + + </tr> + + <tr> + <td align="right">grey56</td> + <td align="center" style="background-color:rgb(143, 143, 143)">grey56</td> + <td align="left">rgb(143, 143, 143)</td> + <td align="left">#8F8F8F</td> + + </tr> + + <tr> + <td align="right">gray55</td> + <td align="center" style="background-color:rgb(140, 140, 140)">gray55</td> + <td align="left">rgb(140, 140, 140)</td> + <td align="left">#8C8C8C</td> + + </tr> + + <tr> + <td align="right">grey55</td> + <td align="center" style="background-color:rgb(140, 140, 140)">grey55</td> + <td align="left">rgb(140, 140, 140)</td> + <td align="left">#8C8C8C</td> + + </tr> + + <tr> + <td align="right">gray54</td> + <td align="center" style="background-color:rgb(138, 138, 138)">gray54</td> + <td align="left">rgb(138, 138, 138)</td> + <td align="left">#8A8A8A</td> + + </tr> + + <tr> + <td align="right">grey54</td> + <td align="center" style="background-color:rgb(138, 138, 138)">grey54</td> + <td align="left">rgb(138, 138, 138)</td> + <td align="left">#8A8A8A</td> + + </tr> + + <tr> + <td align="right">gray53</td> + <td align="center" style="background-color:rgb(135, 135, 135)">gray53</td> + <td align="left">rgb(135, 135, 135)</td> + <td align="left">#878787</td> + + </tr> + + <tr> + <td align="right">grey53</td> + <td align="center" style="background-color:rgb(135, 135, 135)">grey53</td> + <td align="left">rgb(135, 135, 135)</td> + <td align="left">#878787</td> + + </tr> + + <tr> + <td align="right">gray52</td> + <td align="center" style="background-color:rgb(133, 133, 133)">gray52</td> + <td align="left">rgb(133, 133, 133)</td> + <td align="left">#858585</td> + + </tr> + + <tr> + <td align="right">grey52</td> + <td align="center" style="background-color:rgb(133, 133, 133)">grey52</td> + <td align="left">rgb(133, 133, 133)</td> + <td align="left">#858585</td> + + </tr> + + <tr> + <td align="right">gray51</td> + <td align="center" style="background-color:rgb(130, 130, 130)">gray51</td> + <td align="left">rgb(130, 130, 130)</td> + <td align="left">#828282</td> + + </tr> + + <tr> + <td align="right">grey51</td> + <td align="center" style="background-color:rgb(130, 130, 130)">grey51</td> + <td align="left">rgb(130, 130, 130)</td> + <td align="left">#828282</td> + + </tr> + + <tr> + <td align="right">fractal</td> + <td align="center" style="background-color:rgb(128, 128, 128)">fractal</td> + <td align="left">rgb(128, 128, 128)</td> + <td align="left">#808080</td> + + </tr> + + <tr> + <td align="right">gray50</td> + <td align="center" style="background-color:rgb(127, 127, 127)">gray50</td> + <td align="left">rgb(127, 127, 127)</td> + <td align="left">#7F7F7F</td> + + </tr> + + <tr> + <td align="right">grey50</td> + <td align="center" style="background-color:rgb(127, 127, 127)">grey50</td> + <td align="left">rgb(127, 127, 127)</td> + <td align="left">#7F7F7F</td> + + </tr> + + <tr> + <td align="right">gray</td> + <td align="center" style="background-color:rgb(126, 126, 126)">gray</td> + <td align="left">rgb(126, 126, 126)</td> + <td align="left">#7E7E7E</td> + + </tr> + + <tr> + <td align="right">gray49</td> + <td align="center" style="background-color:rgb(125, 125, 125)">gray49</td> + <td align="left">rgb(125, 125, 125)</td> + <td align="left">#7D7D7D</td> + + </tr> + + <tr> + <td align="right">grey49</td> + <td align="center" style="background-color:rgb(125, 125, 125)">grey49</td> + <td align="left">rgb(125, 125, 125)</td> + <td align="left">#7D7D7D</td> + + </tr> + + <tr> + <td align="right">gray48</td> + <td align="center" style="background-color:rgb(122, 122, 122)">gray48</td> + <td align="left">rgb(122, 122, 122)</td> + <td align="left">#7A7A7A</td> + + </tr> + + <tr> + <td align="right">grey48</td> + <td align="center" style="background-color:rgb(122, 122, 122)">grey48</td> + <td align="left">rgb(122, 122, 122)</td> + <td align="left">#7A7A7A</td> + + </tr> + + <tr> + <td align="right">gray47</td> + <td align="center" style="background-color:rgb(120, 120, 120)">gray47</td> + <td align="left">rgb(120, 120, 120)</td> + <td align="left">#787878</td> + + </tr> + + <tr> + <td align="right">grey47</td> + <td align="center" style="background-color:rgb(120, 120, 120)">grey47</td> + <td align="left">rgb(120, 120, 120)</td> + <td align="left">#787878</td> + + </tr> + + <tr> + <td align="right">gray46</td> + <td align="center" style="background-color:rgb(117, 117, 117)">gray46</td> + <td align="left">rgb(117, 117, 117)</td> + <td align="left">#757575</td> + + </tr> + + <tr> + <td align="right">grey46</td> + <td align="center" style="background-color:rgb(117, 117, 117)">grey46</td> + <td align="left">rgb(117, 117, 117)</td> + <td align="left">#757575</td> + + </tr> + + <tr> + <td align="right">gray45</td> + <td align="center" style="background-color:rgb(115, 115, 115)">gray45</td> + <td align="left">rgb(115, 115, 115)</td> + <td align="left">#737373</td> + + </tr> + + <tr> + <td align="right">grey45</td> + <td align="center" style="background-color:rgb(115, 115, 115)">grey45</td> + <td align="left">rgb(115, 115, 115)</td> + <td align="left">#737373</td> + + </tr> + + <tr> + <td align="right">gray44</td> + <td align="center" style="background-color:rgb(112, 112, 112)">gray44</td> + <td align="left">rgb(112, 112, 112)</td> + <td align="left">#707070</td> + + </tr> + + <tr> + <td align="right">grey44</td> + <td align="center" style="background-color:rgb(112, 112, 112)">grey44</td> + <td align="left">rgb(112, 112, 112)</td> + <td align="left">#707070</td> + + </tr> + + <tr> + <td align="right">gray43</td> + <td align="center" style="background-color:rgb(110, 110, 110)">gray43</td> + <td align="left">rgb(110, 110, 110)</td> + <td align="left">#6E6E6E</td> + + </tr> + + <tr> + <td align="right">grey43</td> + <td align="center" style="background-color:rgb(110, 110, 110)">grey43</td> + <td align="left">rgb(110, 110, 110)</td> + <td align="left">#6E6E6E</td> + + </tr> + + <tr> + <td align="right">gray42</td> + <td align="center" style="background-color:rgb(107, 107, 107)">gray42</td> + <td align="left">rgb(107, 107, 107)</td> + <td align="left">#6B6B6B</td> + + </tr> + + <tr> + <td align="right">grey42</td> + <td align="center" style="background-color:rgb(107, 107, 107)">grey42</td> + <td align="left">rgb(107, 107, 107)</td> + <td align="left">#6B6B6B</td> + + </tr> + + <tr> + <td align="right">DimGray</td> + <td align="center" style="background-color:rgb(105, 105, 105)">DimGray</td> + <td align="left">rgb(105, 105, 105)</td> + <td align="left">#696969</td> + + </tr> + + <tr> + <td align="right">DimGrey</td> + <td align="center" style="background-color:rgb(105, 105, 105)">DimGrey</td> + <td align="left">rgb(105, 105, 105)</td> + <td align="left">#696969</td> + + </tr> + + <tr> + <td align="right">gray41</td> + <td align="center" style="background-color:rgb(105, 105, 105)">gray41</td> + <td align="left">rgb(105, 105, 105)</td> + <td align="left">#696969</td> + + </tr> + + <tr> + <td align="right">grey41</td> + <td align="center" style="background-color:rgb(105, 105, 105)">grey41</td> + <td align="left">rgb(105, 105, 105)</td> + <td align="left">#696969</td> + + </tr> + + <tr> + <td align="right">gray40</td> + <td align="center" style="background-color:rgb(102, 102, 102)">gray40</td> + <td align="left">rgb(102, 102, 102)</td> + <td align="left">#666666</td> + + </tr> + + <tr> + <td align="right">grey40</td> + <td align="center" style="background-color:rgb(102, 102, 102)">grey40</td> + <td align="left">rgb(102, 102, 102)</td> + <td align="left">#666666</td> + + </tr> + + <tr> + <td align="right">gray39</td> + <td align="center" style="background-color:rgb( 99, 99, 99)">gray39</td> + <td align="left">rgb( 99, 99, 99)</td> + <td align="left">#636363</td> + + </tr> + + <tr> + <td align="right">grey39</td> + <td align="center" style="background-color:rgb( 99, 99, 99)">grey39</td> + <td align="left">rgb( 99, 99, 99)</td> + <td align="left">#636363</td> + + </tr> + + <tr> + <td align="right">gray38</td> + <td align="center" style="background-color:rgb( 97, 97, 97)">gray38</td> + <td align="left">rgb( 97, 97, 97)</td> + <td align="left">#616161</td> + + </tr> + + <tr> + <td align="right">grey38</td> + <td align="center" style="background-color:rgb( 97, 97, 97)">grey38</td> + <td align="left">rgb( 97, 97, 97)</td> + <td align="left">#616161</td> + + </tr> + + <tr> + <td align="right">gray37</td> + <td align="center" style="background-color:rgb( 94, 94, 94)">gray37</td> + <td align="left">rgb( 94, 94, 94)</td> + <td align="left">#5E5E5E</td> + + </tr> + + <tr> + <td align="right">grey37</td> + <td align="center" style="background-color:rgb( 94, 94, 94)">grey37</td> + <td align="left">rgb( 94, 94, 94)</td> + <td align="left">#5E5E5E</td> + + </tr> + + <tr> + <td align="right">gray36</td> + <td align="center" style="background-color:rgb( 92, 92, 92)">gray36</td> + <td align="left">rgb( 92, 92, 92)</td> + <td align="left">#5C5C5C</td> + + </tr> + + <tr> + <td align="right">grey36</td> + <td align="center" style="background-color:rgb( 92, 92, 92)">grey36</td> + <td align="left">rgb( 92, 92, 92)</td> + <td align="left">#5C5C5C</td> + + </tr> + + <tr> + <td align="right">gray35</td> + <td align="center" style="background-color:rgb( 89, 89, 89)">gray35</td> + <td align="left">rgb( 89, 89, 89)</td> + <td align="left">#595959</td> + + </tr> + + <tr> + <td align="right">grey35</td> + <td align="center" style="background-color:rgb( 89, 89, 89)">grey35</td> + <td align="left">rgb( 89, 89, 89)</td> + <td align="left">#595959</td> + + </tr> + + <tr> + <td align="right">gray34</td> + <td align="center" style="background-color:rgb( 87, 87, 87)">gray34</td> + <td align="left">rgb( 87, 87, 87)</td> + <td align="left">#575757</td> + + </tr> + + <tr> + <td align="right">grey34</td> + <td align="center" style="background-color:rgb( 87, 87, 87)">grey34</td> + <td align="left">rgb( 87, 87, 87)</td> + <td align="left">#575757</td> + + </tr> + + <tr> + <td align="right">gray33</td> + <td align="center" style="background-color:rgb( 84, 84, 84)">gray33</td> + <td align="left">rgb( 84, 84, 84)</td> + <td align="left">#545454</td> + + </tr> + + <tr> + <td align="right">grey33</td> + <td align="center" style="background-color:rgb( 84, 84, 84)">grey33</td> + <td align="left">rgb( 84, 84, 84)</td> + <td align="left">#545454</td> + + </tr> + + <tr> + <td align="right">gray32</td> + <td align="center" style="background-color:rgb( 82, 82, 82)">gray32</td> + <td align="left">rgb( 82, 82, 82)</td> + <td align="left">#525252</td> + + </tr> + + <tr> + <td align="right">grey32</td> + <td align="center" style="background-color:rgb( 82, 82, 82)">grey32</td> + <td align="left">rgb( 82, 82, 82)</td> + <td align="left">#525252</td> + + </tr> + + <tr> + <td align="right">gray31</td> + <td align="center" style="background-color:rgb( 79, 79, 79)">gray31</td> + <td align="left">rgb( 79, 79, 79)</td> + <td align="left">#4F4F4F</td> + + </tr> + + <tr> + <td align="right">grey31</td> + <td align="center" style="background-color:rgb( 79, 79, 79)">grey31</td> + <td align="left">rgb( 79, 79, 79)</td> + <td align="left">#4F4F4F</td> + + </tr> + + <tr> + <td align="right">gray30</td> + <td align="center" style="background-color:rgb( 77, 77, 77)">gray30</td> + <td align="left">rgb( 77, 77, 77)</td> + <td align="left">#4D4D4D</td> + + </tr> + + <tr> + <td align="right">grey30</td> + <td align="center" style="background-color:rgb( 77, 77, 77)">grey30</td> + <td align="left">rgb( 77, 77, 77)</td> + <td align="left">#4D4D4D</td> + + </tr> + + <tr> + <td align="right">gray29</td> + <td align="center" style="background-color:rgb( 74, 74, 74)">gray29</td> + <td align="left">rgb( 74, 74, 74)</td> + <td align="left">#4A4A4A</td> + + </tr> + + <tr> + <td align="right">grey29</td> + <td align="center" style="background-color:rgb( 74, 74, 74)">grey29</td> + <td align="left">rgb( 74, 74, 74)</td> + <td align="left">#4A4A4A</td> + + </tr> + + <tr> + <td align="right">gray28</td> + <td align="center" style="background-color:rgb( 71, 71, 71)">gray28</td> + <td align="left">rgb( 71, 71, 71)</td> + <td align="left">#474747</td> + + </tr> + + <tr> + <td align="right">grey28</td> + <td align="center" style="background-color:rgb( 71, 71, 71)">grey28</td> + <td align="left">rgb( 71, 71, 71)</td> + <td align="left">#474747</td> + + </tr> + + <tr> + <td align="right">gray27</td> + <td align="center" style="background-color:rgb( 69, 69, 69)">gray27</td> + <td align="left">rgb( 69, 69, 69)</td> + <td align="left">#454545</td> + + </tr> + + <tr> + <td align="right">grey27</td> + <td align="center" style="background-color:rgb( 69, 69, 69)">grey27</td> + <td align="left">rgb( 69, 69, 69)</td> + <td align="left">#454545</td> + + </tr> + + <tr> + <td align="right">gray26</td> + <td align="center" style="background-color:rgb( 66, 66, 66)">gray26</td> + <td align="left">rgb( 66, 66, 66)</td> + <td align="left">#424242</td> + + </tr> + + <tr> + <td align="right">grey26</td> + <td align="center" style="background-color:rgb( 66, 66, 66)">grey26</td> + <td align="left">rgb( 66, 66, 66)</td> + <td align="left">#424242</td> + + </tr> + + <tr> + <td align="right">gray25</td> + <td align="center" style="background-color:rgb( 64, 64, 64)">gray25</td> + <td align="left">rgb( 64, 64, 64)</td> + <td align="left">#404040</td> + + </tr> + + <tr> + <td align="right">grey25</td> + <td align="center" style="background-color:rgb( 64, 64, 64)">grey25</td> + <td align="left">rgb( 64, 64, 64)</td> + <td align="left">#404040</td> + + </tr> + + <tr> + <td align="right">gray24</td> + <td align="center" style="background-color:rgb( 61, 61, 61)">gray24</td> + <td align="left">rgb( 61, 61, 61)</td> + <td align="left">#3D3D3D</td> + + </tr> + + <tr> + <td align="right">grey24</td> + <td align="center" style="background-color:rgb( 61, 61, 61)">grey24</td> + <td align="left">rgb( 61, 61, 61)</td> + <td align="left">#3D3D3D</td> + + </tr> + + <tr> + <td align="right">gray23</td> + <td align="center" style="background-color:rgb( 59, 59, 59)">gray23</td> + <td align="left">rgb( 59, 59, 59)</td> + <td align="left">#3B3B3B</td> + + </tr> + + <tr> + <td align="right">grey23</td> + <td align="center" style="background-color:rgb( 59, 59, 59)">grey23</td> + <td align="left">rgb( 59, 59, 59)</td> + <td align="left">#3B3B3B</td> + + </tr> + + <tr> + <td align="right">gray22</td> + <td align="center" style="background-color:rgb( 56, 56, 56)">gray22</td> + <td align="left">rgb( 56, 56, 56)</td> + <td align="left">#383838</td> + + </tr> + + <tr> + <td align="right">grey22</td> + <td align="center" style="background-color:rgb( 56, 56, 56)">grey22</td> + <td align="left">rgb( 56, 56, 56)</td> + <td align="left">#383838</td> + + </tr> + + <tr> + <td align="right">gray21</td> + <td align="center" style="background-color:rgb( 54, 54, 54)">gray21</td> + <td align="left">rgb( 54, 54, 54)</td> + <td align="left">#363636</td> + + </tr> + + <tr> + <td align="right">grey21</td> + <td align="center" style="background-color:rgb( 54, 54, 54)">grey21</td> + <td align="left">rgb( 54, 54, 54)</td> + <td align="left">#363636</td> + + </tr> + + <tr> + <td align="right">gray20</td> + <td align="center" style="background-color:rgb( 51, 51, 51)">gray20</td> + <td align="left">rgb( 51, 51, 51)</td> + <td align="left">#333333</td> + + </tr> + + <tr> + <td align="right">grey20</td> + <td align="center" style="background-color:rgb( 51, 51, 51)">grey20</td> + <td align="left">rgb( 51, 51, 51)</td> + <td align="left">#333333</td> + + </tr> + + <tr> + <td align="right">gray19</td> + <td align="center" style="background-color:rgb( 48, 48, 48)">gray19</td> + <td align="left">rgb( 48, 48, 48)</td> + <td align="left">#303030</td> + + </tr> + + <tr> + <td align="right">grey19</td> + <td align="center" style="background-color:rgb( 48, 48, 48)">grey19</td> + <td align="left">rgb( 48, 48, 48)</td> + <td align="left">#303030</td> + + </tr> + + <tr> + <td align="right">gray18</td> + <td align="center" style="background-color:rgb( 46, 46, 46)">gray18</td> + <td align="left">rgb( 46, 46, 46)</td> + <td align="left">#2E2E2E</td> + + </tr> + + <tr> + <td align="right">grey18</td> + <td align="center" style="background-color:rgb( 46, 46, 46)">grey18</td> + <td align="left">rgb( 46, 46, 46)</td> + <td align="left">#2E2E2E</td> + + </tr> + + <tr> + <td align="right">gray17</td> + <td align="center" style="background-color:rgb( 43, 43, 43)">gray17</td> + <td align="left">rgb( 43, 43, 43)</td> + <td align="left">#2B2B2B</td> + + </tr> + + <tr> + <td align="right">grey17</td> + <td align="center" style="background-color:rgb( 43, 43, 43)">grey17</td> + <td align="left">rgb( 43, 43, 43)</td> + <td align="left">#2B2B2B</td> + + </tr> + + <tr> + <td align="right">gray16</td> + <td align="center" style="background-color:rgb( 41, 41, 41)">gray16</td> + <td align="left">rgb( 41, 41, 41)</td> + <td align="left">#292929</td> + + </tr> + + <tr> + <td align="right">grey16</td> + <td align="center" style="background-color:rgb( 41, 41, 41)">grey16</td> + <td align="left">rgb( 41, 41, 41)</td> + <td align="left">#292929</td> + + </tr> + + <tr> + <td align="right">gray15</td> + <td align="center" style="background-color:rgb( 38, 38, 38)">gray15</td> + <td align="left">rgb( 38, 38, 38)</td> + <td align="left">#262626</td> + + </tr> + + <tr> + <td align="right">grey15</td> + <td align="center" style="background-color:rgb( 38, 38, 38)">grey15</td> + <td align="left">rgb( 38, 38, 38)</td> + <td align="left">#262626</td> + + </tr> + + <tr> + <td align="right">gray14</td> + <td align="center" style="background-color:rgb( 36, 36, 36)">gray14</td> + <td align="left">rgb( 36, 36, 36)</td> + <td align="left">#242424</td> + + </tr> + + <tr> + <td align="right">grey14</td> + <td align="center" style="background-color:rgb( 36, 36, 36)">grey14</td> + <td align="left">rgb( 36, 36, 36)</td> + <td align="left">#242424</td> + + </tr> + + <tr> + <td align="right">gray13</td> + <td align="center" style="background-color:rgb( 33, 33, 33)">gray13</td> + <td align="left">rgb( 33, 33, 33)</td> + <td align="left">#212121</td> + + </tr> + + <tr> + <td align="right">grey13</td> + <td align="center" style="background-color:rgb( 33, 33, 33)">grey13</td> + <td align="left">rgb( 33, 33, 33)</td> + <td align="left">#212121</td> + + </tr> + + <tr> + <td align="right">gray12</td> + <td align="center" style="background-color:rgb( 31, 31, 31)">gray12</td> + <td align="left">rgb( 31, 31, 31)</td> + <td align="left">#1F1F1F</td> + + </tr> + + <tr> + <td align="right">grey12</td> + <td align="center" style="background-color:rgb( 31, 31, 31)">grey12</td> + <td align="left">rgb( 31, 31, 31)</td> + <td align="left">#1F1F1F</td> + + </tr> + + <tr> + <td align="right">gray11</td> + <td align="center" style="background-color:rgb( 28, 28, 28)">gray11</td> + <td align="left">rgb( 28, 28, 28)</td> + <td align="left">#1C1C1C</td> + + </tr> + + <tr> + <td align="right">grey11</td> + <td align="center" style="background-color:rgb( 28, 28, 28)">grey11</td> + <td align="left">rgb( 28, 28, 28)</td> + <td align="left">#1C1C1C</td> + + </tr> + + <tr> + <td align="right">gray10</td> + <td align="center" style="background-color:rgb( 26, 26, 26)">gray10</td> + <td align="left">rgb( 26, 26, 26)</td> + <td align="left">#1A1A1A</td> + + </tr> + + <tr> + <td align="right">grey10</td> + <td align="center" style="background-color:rgb( 26, 26, 26)">grey10</td> + <td align="left">rgb( 26, 26, 26)</td> + <td align="left">#1A1A1A</td> + + </tr> + + <tr> + <td align="right">gray9</td> + <td align="center" style="background-color:rgb( 23, 23, 23)">gray9</td> + <td align="left">rgb( 23, 23, 23)</td> + <td align="left">#171717</td> + + </tr> + + <tr> + <td align="right">grey9</td> + <td align="center" style="background-color:rgb( 23, 23, 23)">grey9</td> + <td align="left">rgb( 23, 23, 23)</td> + <td align="left">#171717</td> + + </tr> + + <tr> + <td align="right">gray8</td> + <td align="center" style="background-color:rgb( 20, 20, 20)">gray8</td> + <td align="left">rgb( 20, 20, 20)</td> + <td align="left">#141414</td> + + </tr> + + <tr> + <td align="right">grey8</td> + <td align="center" style="background-color:rgb( 20, 20, 20)">grey8</td> + <td align="left">rgb( 20, 20, 20)</td> + <td align="left">#141414</td> + + </tr> + + <tr> + <td align="right">gray7</td> + <td align="center" style="background-color:rgb( 18, 18, 18)">gray7</td> + <td align="left">rgb( 18, 18, 18)</td> + <td align="left">#121212</td> + + </tr> + + <tr> + <td align="right">grey7</td> + <td align="center" style="background-color:rgb( 18, 18, 18)">grey7</td> + <td align="left">rgb( 18, 18, 18)</td> + <td align="left">#121212</td> + + </tr> + + <tr> + <td align="right">gray6</td> + <td align="center" style="background-color:rgb( 15, 15, 15)">gray6</td> + <td align="left">rgb( 15, 15, 15)</td> + <td align="left">#0F0F0F</td> + + </tr> + + <tr> + <td align="right">grey6</td> + <td align="center" style="background-color:rgb( 15, 15, 15)">grey6</td> + <td align="left">rgb( 15, 15, 15)</td> + <td align="left">#0F0F0F</td> + + </tr> + + <tr> + <td align="right">gray5</td> + <td align="center" style="background-color:rgb( 13, 13, 13)">gray5</td> + <td align="left">rgb( 13, 13, 13)</td> + <td align="left">#0D0D0D</td> + + </tr> + + <tr> + <td align="right">grey5</td> + <td align="center" style="background-color:rgb( 13, 13, 13)">grey5</td> + <td align="left">rgb( 13, 13, 13)</td> + <td align="left">#0D0D0D</td> + + </tr> + + <tr> + <td align="right">gray4</td> + <td align="center" style="background-color:rgb( 10, 10, 10)">gray4</td> + <td align="left">rgb( 10, 10, 10)</td> + <td align="left">#0A0A0A</td> + + </tr> + + <tr> + <td align="right">grey4</td> + <td align="center" style="background-color:rgb( 10, 10, 10)">grey4</td> + <td align="left">rgb( 10, 10, 10)</td> + <td align="left">#0A0A0A</td> + + </tr> + + <tr> + <td align="right">gray3</td> + <td align="center" style="background-color:rgb( 8, 8, 8)">gray3</td> + <td align="left">rgb( 8, 8, 8)</td> + <td align="left">#080808</td> + + </tr> + + <tr> + <td align="right">grey3</td> + <td align="center" style="background-color:rgb( 8, 8, 8)">grey3</td> + <td align="left">rgb( 8, 8, 8)</td> + <td align="left">#080808</td> + + </tr> + + <tr> + <td align="right">gray2</td> + <td align="center" style="background-color:rgb( 5, 5, 5)">gray2</td> + <td align="left">rgb( 5, 5, 5)</td> + <td align="left">#050505</td> + + </tr> + + <tr> + <td align="right">grey2</td> + <td align="center" style="background-color:rgb( 5, 5, 5)">grey2</td> + <td align="left">rgb( 5, 5, 5)</td> + <td align="left">#050505</td> + + </tr> + + <tr> + <td align="right">gray1</td> + <td align="center" style="background-color:rgb( 3, 3, 3)">gray1</td> + <td align="left">rgb( 3, 3, 3)</td> + <td align="left">#030303</td> + + </tr> + + <tr> + <td align="right">grey1</td> + <td align="center" style="background-color:rgb( 3, 3, 3)">grey1</td> + <td align="left">rgb( 3, 3, 3)</td> + <td align="left">#030303</td> + + </tr> + + <tr> + <td align="right">black</td> + <td align="center" style="background-color:rgb( 0, 0, 0)">black</td> + <td align="left">rgb( 0, 0, 0)</td> + <td align="left">#000000</td> + + </tr> + + <tr> + <td align="right">gray0</td> + <td align="center" style="background-color:rgb( 0, 0, 0)">gray0</td> + <td align="left">rgb( 0, 0, 0)</td> + <td align="left">#000000</td> + + </tr> + + <tr> + <td align="right">grey0</td> + <td align="center" style="background-color:rgb( 0, 0, 0)">grey0</td> + <td align="left">rgb( 0, 0, 0)</td> + <td align="left">#000000</td> + + </tr> + + <tr> + <td align="right">opaque</td> + <td align="center" style="background-color:rgb( 0, 0, 0)">opaque</td> + <td align="left">rgb( 0, 0, 0)</td> + <td align="left">#000000</td> + + </tr> + + <tr> + <td align="right">none</td> + <td align="center" style="background-color:white">none</td> + <td align="left">rgba( 0, 0, 0, 0.0)</td> + <td align="left">#00000000</td> + + </tr> + + <tr> + <td align="right">transparent</td> + <td align="center" style="background-color:white">transparent</td> + <td align="left">rgba( 0, 0, 0, 0.0)</td> + <td align="left">#00000000</td> + + </tr> + + </tbody> +</table> + +</div> + +</div> + +</body></html> diff --git a/frontend/imgrid/colors/junk/colorsbest.html b/frontend/imgrid/colors/junk/colorsbest.html new file mode 100755 index 0000000..047eb6b --- /dev/null +++ b/frontend/imgrid/colors/junk/colorsbest.html @@ -0,0 +1,3606 @@ +<html> +<head> + +<style type='text/css'> + +body +{ +max-width:100%; +max-height:100%; +font-family:helvetica; +font-size:10px; +} + + +#container div +{ +display: -moz-inline-stack; +display:inline-block; +vertical-align:bottom; +min-height: 30px; +zoom: 1; +*display: inline; +cursor:pointer; +} + +#container +{ +margin:0 auto; +width:600px; +padding-top:100px; +text-align:center; +} + +#colornames +{ +color:white; +position:fixed; +font-size:50px; +top:50px; +right:60%; +width:400px; +} + +#hexswitch + { + position:fixed; + top:20px; + right:10%; + height:100px; + width:300px; + font-size:20px + border-style: groove; + border-width: 4px; + background-color:goldenrod; + text-align:center; + } +#infoswitch + { + position:fixed; + top: 60px; + right:50%; + font-size:20px; + background-color:magenta; + text-align:center; + z-index:100; + } + +#namespace + { + position:fixed; + top:500px; + right:20px; + } + + + +#d0 +{background-color:#FFFAFA} + +#d1 +{background-color:#FFFAFA} + +#d2 +{background-color:#EEE9E9} + +#d3 +{background-color:#FFC1C1} + +#d4 +{background-color:#EEB4B4} + +#d5 +{background-color:#CDC9C9} + +#d6 +{background-color:#F08080} + +#d7 +{background-color:#FF6A6A} + +#d8 +{background-color:#CD9B9B} + +#d9 +{background-color:#EE6363} + +#d10 +{background-color:#BC8F8F} + +#d11 +{background-color:#FF4040} + +#d12 +{background-color:#FF3030} + +#d13 +{background-color:#EE3B3B} + +#d14 +{background-color:#CD5C5C} + +#d15 +{background-color:#CD5555} + +#d16 +{background-color:#EE2C2C} + +#d17 +{background-color:#8B8989} + +#d18 +{background-color:#CD3333} + +#d19 +{background-color:#FF0000} + +#d20 +{background-color:#FF0000} + +#d21 +{background-color:#8B6969} + +#d22 +{background-color:#CD2626} + +#d23 +{background-color:#EE0000} + +#d24 +{background-color:#B22222} + +#d25 +{background-color:#A52A2A} + +#d26 +{background-color:#CD0000} + +#d27 +{background-color:#8B3A3A} + +#d28 +{background-color:#8B2323} + +#d29 +{background-color:#8B1A1A} + +#d30 +{background-color:#8B0000} + +#d31 +{background-color:#8B0000} + +#d32 +{background-color:#800000} + +#d33 +{background-color:#FFAEB9} + +#d34 +{background-color:#CD8C95} + +#d35 +{background-color:#8B5F65} + +#d36 +{background-color:#EEA2AD} + +#d37 +{background-color:#FFB6C1} + +#d38 +{background-color:#FFC0CB} + +#d39 +{background-color:#DC143C} + +#d40 +{background-color:#FFB5C5} + +#d41 +{background-color:#EEA9B8} + +#d42 +{background-color:#CD919E} + +#d43 +{background-color:#8B636C} + +#d44 +{background-color:#8B475D} + +#d45 +{background-color:#DB7093} + +#d46 +{background-color:#EE799F} + +#d47 +{background-color:#FF82AB} + +#d48 +{background-color:#CD6889} + +#d49 +{background-color:#FFF0F5} + +#d50 +{background-color:#FFF0F5} + +#d51 +{background-color:#CDC1C5} + +#d52 +{background-color:#EEE0E5} + +#d53 +{background-color:#8B8386} + +#d54 +{background-color:#B03060} + +#d55 +{background-color:#CD6090} + +#d56 +{background-color:#CD3278} + +#d57 +{background-color:#FF3E96} + +#d58 +{background-color:#EE3A8C} + +#d59 +{background-color:#8B2252} + +#d60 +{background-color:#EE6AA7} + +#d61 +{background-color:#FF6EB4} + +#d62 +{background-color:#8B3A62} + +#d63 +{background-color:#FF69B4} + +#d64 +{background-color:#FF1493} + +#d65 +{background-color:#FF1493} + +#d66 +{background-color:#EE1289} + +#d67 +{background-color:#CD1076} + +#d68 +{background-color:#8B0A50} + +#d69 +{background-color:#FF34B3} + +#d70 +{background-color:#EE30A7} + +#d71 +{background-color:#CD2990} + +#d72 +{background-color:#8B1C62} + +#d73 +{background-color:#C71585} + +#d74 +{background-color:#D02090} + +#d75 +{background-color:#EE7AE9} + +#d76 +{background-color:#DA70D6} + +#d77 +{background-color:#FF83FA} + +#d78 +{background-color:#CD69C9} + +#d79 +{background-color:#8B4789} + +#d80 +{background-color:#FFE1FF} + +#d81 +{background-color:#EED2EE} + +#d82 +{background-color:#FFBBFF} + +#d83 +{background-color:#EEAEEE} + +#d84 +{background-color:#D8BFD8} + +#d85 +{background-color:#CDB5CD} + +#d86 +{background-color:#DDA0DD} + +#d87 +{background-color:#EE82EE} + +#d88 +{background-color:#CD96CD} + +#d89 +{background-color:#8B7B8B} + +#d90 +{background-color:#FF00FF} + +#d91 +{background-color:#FF00FF} + +#d92 +{background-color:#FF00FF} + +#d93 +{background-color:#8B668B} + +#d94 +{background-color:#EE00EE} + +#d95 +{background-color:#CD00CD} + +#d96 +{background-color:#8B008B} + +#d97 +{background-color:#8B008B} + +#d98 +{background-color:#800080} + +#d99 +{background-color:#BA55D3} + +#d100 +{background-color:#E066FF} + +#d101 +{background-color:#D15FEE} + +#d102 +{background-color:#B452CD} + +#d103 +{background-color:#7A378B} + +#d104 +{background-color:#9400D3} + +#d105 +{background-color:#9932CC} + +#d106 +{background-color:#BF3EFF} + +#d107 +{background-color:#9A32CD} + +#d108 +{background-color:#B23AEE} + +#d109 +{background-color:#68228B} + +#d110 +{background-color:#A020F0} + +#d111 +{background-color:#4B0082} + +#d112 +{background-color:#8A2BE2} + +#d113 +{background-color:#912CEE} + +#d114 +{background-color:#7D26CD} + +#d115 +{background-color:#551A8B} + +#d116 +{background-color:#9B30FF} + +#d117 +{background-color:#9370DB} + +#d118 +{background-color:#AB82FF} + +#d119 +{background-color:#9F79EE} + +#d120 +{background-color:#8968CD} + +#d121 +{background-color:#5D478B} + +#d122 +{background-color:#483D8B} + +#d123 +{background-color:#8470FF} + +#d124 +{background-color:#7B68EE} + +#d125 +{background-color:#6A5ACD} + +#d126 +{background-color:#836FFF} + +#d127 +{background-color:#7A67EE} + +#d128 +{background-color:#6959CD} + +#d129 +{background-color:#473C8B} + +#d130 +{background-color:#F8F8FF} + +#d131 +{background-color:#E6E6FA} + +#d132 +{background-color:#0000FF} + +#d133 +{background-color:#0000FF} + +#d134 +{background-color:#0000EE} + +#d135 +{background-color:#0000CD} + +#d136 +{background-color:#0000CD} + +#d137 +{background-color:#00008B} + +#d138 +{background-color:#00008B} + +#d139 +{background-color:#191970} + +#d140 +{background-color:#000080} + +#d141 +{background-color:#000080} + +#d142 +{background-color:#4169E1} + +#d143 +{background-color:#4876FF} + +#d144 +{background-color:#436EEE} + +#d145 +{background-color:#3A5FCD} + +#d146 +{background-color:#27408B} + +#d147 +{background-color:#6495ED} + +#d148 +{background-color:#B0C4DE} + +#d149 +{background-color:#CAE1FF} + +#d150 +{background-color:#BCD2EE} + +#d151 +{background-color:#A2B5CD} + +#d152 +{background-color:#6E7B8B} + +#d153 +{background-color:#6C7B8B} + +#d154 +{background-color:#C6E2FF} + +#d155 +{background-color:#B9D3EE} + +#d156 +{background-color:#9FB6CD} + +#d157 +{background-color:#778899} + +#d158 +{background-color:#778899} + +#d159 +{background-color:#708090} + +#d160 +{background-color:#708090} + +#d161 +{background-color:#1E90FF} + +#d162 +{background-color:#1E90FF} + +#d163 +{background-color:#1C86EE} + +#d164 +{background-color:#104E8B} + +#d165 +{background-color:#1874CD} + +#d166 +{background-color:#F0F8FF} + +#d167 +{background-color:#36648B} + +#d168 +{background-color:#4682B4} + +#d169 +{background-color:#63B8FF} + +#d170 +{background-color:#5CACEE} + +#d171 +{background-color:#4F94CD} + +#d172 +{background-color:#4A708B} + +#d173 +{background-color:#87CEFF} + +#d174 +{background-color:#7EC0EE} + +#d175 +{background-color:#6CA6CD} + +#d176 +{background-color:#87CEFA} + +#d177 +{background-color:#607B8B} + +#d178 +{background-color:#B0E2FF} + +#d179 +{background-color:#A4D3EE} + +#d180 +{background-color:#8DB6CD} + +#d181 +{background-color:#87CEEB} + +#d182 +{background-color:#9AC0CD} + +#d183 +{background-color:#00BFFF} + +#d184 +{background-color:#00BFFF} + +#d185 +{background-color:#00B2EE} + +#d186 +{background-color:#00688B} + +#d187 +{background-color:#009ACD} + +#d188 +{background-color:#BFEFFF} + +#d189 +{background-color:#B2DFEE} + +#d190 +{background-color:#ADD8E6} + +#d191 +{background-color:#68838B} + +#d192 +{background-color:#B0E0E6} + +#d193 +{background-color:#98F5FF} + +#d194 +{background-color:#8EE5EE} + +#d195 +{background-color:#7AC5CD} + +#d196 +{background-color:#53868B} + +#d197 +{background-color:#00F5FF} + +#d198 +{background-color:#00E5EE} + +#d199 +{background-color:#00C5CD} + +#d200 +{background-color:#00868B} + +#d201 +{background-color:#5F9EA0} + +#d202 +{background-color:#5F9EA0} + +#d203 +{background-color:#00CED1} + +#d204 +{background-color:#F0FFFF} + +#d205 +{background-color:#F0FFFF} + +#d206 +{background-color:#E0FFFF} + +#d207 +{background-color:#E0FFFF} + +#d208 +{background-color:#E0EEEE} + +#d209 +{background-color:#D1EEEE} + +#d210 +{background-color:#BBFFFF} + +#d211 +{background-color:#AFEEEE} + +#d212 +{background-color:#AEEEEE} + +#d213 +{background-color:#97FFFF} + +#d214 +{background-color:#C1CDCD} + +#d215 +{background-color:#B4CDCD} + +#d216 +{background-color:#8DEEEE} + +#d217 +{background-color:#96CDCD} + +#d218 +{background-color:#79CDCD} + +#d219 +{background-color:#838B8B} + +#d220 +{background-color:#7A8B8B} + +#d221 +{background-color:#00FFFF} + +#d222 +{background-color:#00FFFF} + +#d223 +{background-color:#00FFFF} + +#d224 +{background-color:#668B8B} + +#d225 +{background-color:#00EEEE} + +#d226 +{background-color:#528B8B} + +#d227 +{background-color:#00CDCD} + +#d228 +{background-color:#008B8B} + +#d229 +{background-color:#008B8B} + +#d230 +{background-color:#008080} + +#d231 +{background-color:#2F4F4F} + +#d232 +{background-color:#2F4F4F} + +#d233 +{background-color:#48D1CC} + +#d234 +{background-color:#20B2AA} + +#d235 +{background-color:#40E0D0} + +#d236 +{background-color:#458B74} + +#d237 +{background-color:#7FFFD4} + +#d238 +{background-color:#7FFFD4} + +#d239 +{background-color:#76EEC6} + +#d240 +{background-color:#66CDAA} + +#d241 +{background-color:#66CDAA} + +#d242 +{background-color:#00FA9A} + +#d243 +{background-color:#F5FFFA} + +#d244 +{background-color:#00FF7F} + +#d245 +{background-color:#00FF7F} + +#d246 +{background-color:#00EE76} + +#d247 +{background-color:#00CD66} + +#d248 +{background-color:#008B45} + +#d249 +{background-color:#3CB371} + +#d250 +{background-color:#2E8B57} + +#d251 +{background-color:#43CD80} + +#d252 +{background-color:#54FF9F} + +#d253 +{background-color:#2E8B57} + +#d254 +{background-color:#4EEE94} + +#d255 +{background-color:#32814B} + +#d256 +{background-color:#F0FFF0} + +#d257 +{background-color:#F0FFF0} + +#d258 +{background-color:#E0EEE0} + +#d259 +{background-color:#C1FFC1} + +#d260 +{background-color:#B4EEB4} + +#d261 +{background-color:#9AFF9A} + +#d262 +{background-color:#98FB98} + +#d263 +{background-color:#C1CDC1} + +#d264 +{background-color:#90EE90} + +#d265 +{background-color:#90EE90} + +#d266 +{background-color:#9BCD9B} + +#d267 +{background-color:#8FBC8F} + +#d268 +{background-color:#7CCD7C} + +#d269 +{background-color:#838B83} + +#d270 +{background-color:#00FF00} + +#d271 +{background-color:#00FF00} + +#d272 +{background-color:#32CD32} + +#d273 +{background-color:#698B69} + +#d274 +{background-color:#00EE00} + +#d275 +{background-color:#548B54} + +#d276 +{background-color:#00CD00} + +#d277 +{background-color:#228B22} + +#d278 +{background-color:#008B00} + +#d279 +{background-color:#008000} + +#d280 +{background-color:#006400} + +#d281 +{background-color:#7CFC00} + +#d282 +{background-color:#7FFF00} + +#d283 +{background-color:#7FFF00} + +#d284 +{background-color:#76EE00} + +#d285 +{background-color:#66CD00} + +#d286 +{background-color:#458B00} + +#d287 +{background-color:#ADFF2F} + +#d288 +{background-color:#A2CD5A} + +#d289 +{background-color:#CAFF70} + +#d290 +{background-color:#BCEE68} + +#d291 +{background-color:#6E8B3D} + +#d292 +{background-color:#556B2F} + +#d293 +{background-color:#6B8E23} + +#d294 +{background-color:#C0FF3E} + +#d295 +{background-color:#B3EE3A} + +#d296 +{background-color:#9ACD32} + +#d297 +{background-color:#9ACD32} + +#d298 +{background-color:#698B22} + +#d299 +{background-color:#FFFFF0} + +#d300 +{background-color:#FFFFF0} + +#d301 +{background-color:#FFFFE0} + +#d302 +{background-color:#FFFFE0} + +#d303 +{background-color:#F5F5DC} + +#d304 +{background-color:#EEEEE0} + +#d305 +{background-color:#FAFAD2} + +#d306 +{background-color:#EEEED1} + +#d307 +{background-color:#CDCDC1} + +#d308 +{background-color:#CDCDB4} + +#d309 +{background-color:#8B8B83} + +#d310 +{background-color:#8B8B7A} + +#d311 +{background-color:#FFFF00} + +#d312 +{background-color:#FFFF00} + +#d313 +{background-color:#EEEE00} + +#d314 +{background-color:#CDCD00} + +#d315 +{background-color:#8B8B00} + +#d316 +{background-color:#808000} + +#d317 +{background-color:#BDB76B} + +#d318 +{background-color:#EEE685} + +#d319 +{background-color:#8B8970} + +#d320 +{background-color:#FFF68F} + +#d321 +{background-color:#CDC673} + +#d322 +{background-color:#8B864E} + +#d323 +{background-color:#EEE8AA} + +#d324 +{background-color:#FFFACD} + +#d325 +{background-color:#FFFACD} + +#d326 +{background-color:#F0E68C} + +#d327 +{background-color:#CDC9A5} + +#d328 +{background-color:#EEE9BF} + +#d329 +{background-color:#D1C166} + +#d330 +{background-color:#8B8878} + +#d331 +{background-color:#FFD700} + +#d332 +{background-color:#FFD700} + +#d333 +{background-color:#EEC900} + +#d334 +{background-color:#CDAD00} + +#d335 +{background-color:#8B7500} + +#d336 +{background-color:#EEDD82} + +#d337 +{background-color:#8B814C} + +#d338 +{background-color:#FFEC8B} + +#d339 +{background-color:#CDBE70} + +#d340 +{background-color:#EEDC82} + +#d341 +{background-color:#CDC8B1} + +#d342 +{background-color:#EEE8CD} + +#d343 +{background-color:#FFF8DC} + +#d344 +{background-color:#FFF8DC} + +#d345 +{background-color:#DAA520} + +#d346 +{background-color:#FFC125} + +#d347 +{background-color:#EEB422} + +#d348 +{background-color:#CD9B1D} + +#d349 +{background-color:#8B6914} + +#d350 +{background-color:#B8860B} + +#d351 +{background-color:#FFB90F} + +#d352 +{background-color:#EEAD0E} + +#d353 +{background-color:#CD950C} + +#d354 +{background-color:#8B6508} + +#d355 +{background-color:#FFFAF0} + +#d356 +{background-color:#EED8AE} + +#d357 +{background-color:#FDF5E6} + +#d358 +{background-color:#F5DEB3} + +#d359 +{background-color:#FFE7BA} + +#d360 +{background-color:#CDBA96} + +#d361 +{background-color:#FFA500} + +#d362 +{background-color:#FFA500} + +#d363 +{background-color:#EE9A00} + +#d364 +{background-color:#CD8500} + +#d365 +{background-color:#8B5A00} + +#d366 +{background-color:#8B7E66} + +#d367 +{background-color:#FFE4B5} + +#d368 +{background-color:#FFEFD5} + +#d369 +{background-color:#CDB38B} + +#d370 +{background-color:#FFEBCD} + +#d371 +{background-color:#FFDEAD} + +#d372 +{background-color:#FFDEAD} + +#d373 +{background-color:#EECFA1} + +#d374 +{background-color:#8B795E} + +#d375 +{background-color:#8B8378} + +#d376 +{background-color:#FAEBD7} + +#d377 +{background-color:#D2B48C} + +#d378 +{background-color:#8B7D6B} + +#d379 +{background-color:#DEB887} + +#d380 +{background-color:#EEDFCC} + +#d381 +{background-color:#FFD39B} + +#d382 +{background-color:#CDAA7D} + +#d383 +{background-color:#EEC591} + +#d384 +{background-color:#FFEFDB} + +#d385 +{background-color:#8B7355} + +#d386 +{background-color:#CDC0B0} + +#d387 +{background-color:#FF8C00} + +#d388 +{background-color:#EED5B7} + +#d389 +{background-color:#FFE4C4} + +#d390 +{background-color:#FFE4C4} + +#d391 +{background-color:#CDB79E} + +#d392 +{background-color:#FF7F00} + +#d393 +{background-color:#FAF0E6} + +#d394 +{background-color:#EE7600} + +#d395 +{background-color:#CD6600} + +#d396 +{background-color:#8B4500} + +#d397 +{background-color:#CD853F} + +#d398 +{background-color:#FFA54F} + +#d399 +{background-color:#EE9A49} + +#d400 +{background-color:#CD853F} + +#d401 +{background-color:#8B5A2B} + +#d402 +{background-color:#FFDAB9} + +#d403 +{background-color:#FFDAB9} + +#d404 +{background-color:#8B7765} + +#d405 +{background-color:#EECBAD} + +#d406 +{background-color:#CDAF95} + +#d407 +{background-color:#F4A460} + +#d408 +{background-color:#8B8682} + +#d409 +{background-color:#EEE5DE} + +#d410 +{background-color:#CDC5BF} + +#d411 +{background-color:#D2691E} + +#d412 +{background-color:#FF7F24} + +#d413 +{background-color:#EE7621} + +#d414 +{background-color:#CD661D} + +#d415 +{background-color:#8B4513} + +#d416 +{background-color:#8B4513} + +#d417 +{background-color:#FFF5EE} + +#d418 +{background-color:#FFF5EE} + +#d419 +{background-color:#8B4726} + +#d420 +{background-color:#A0522D} + +#d421 +{background-color:#FF8247} + +#d422 +{background-color:#EE7942} + +#d423 +{background-color:#CD6839} + +#d424 +{background-color:#CD8162} + +#d425 +{background-color:#FFA07A} + +#d426 +{background-color:#FFA07A} + +#d427 +{background-color:#8B5742} + +#d428 +{background-color:#EE9572} + +#d429 +{background-color:#FF7F50} + +#d430 +{background-color:#FF4500} + +#d431 +{background-color:#FF4500} + +#d432 +{background-color:#EE4000} + +#d433 +{background-color:#CD3700} + +#d434 +{background-color:#8B2500} + +#d435 +{background-color:#E9967A} + +#d436 +{background-color:#FF8C69} + +#d437 +{background-color:#EE8262} + +#d438 +{background-color:#CD7054} + +#d439 +{background-color:#8B4C39} + +#d440 +{background-color:#FF7256} + +#d441 +{background-color:#EE6A50} + +#d442 +{background-color:#CD5B45} + +#d443 +{background-color:#8B3E2F} + +#d444 +{background-color:#8B3626} + +#d445 +{background-color:#FF6347} + +#d446 +{background-color:#FF6347} + +#d447 +{background-color:#EE5C42} + +#d448 +{background-color:#CD4F39} + +#d449 +{background-color:#8B7D7B} + +#d450 +{background-color:#EED5D2} + +#d451 +{background-color:#FFE4E1} + +#d452 +{background-color:#FFE4E1} + +#d453 +{background-color:#FA8072} + +#d454 +{background-color:#CDB7B5} + +#d455 +{background-color:#FFFFFF} + +#d456 +{background-color:#FFFFFF} + +#d457 +{background-color:#FFFFFF} + +#d458 +{background-color:#FFFFFF} + +#d459 +{background-color:#FCFCFC} + +#d460 +{background-color:#FCFCFC} + +#d461 +{background-color:#FAFAFA} + +#d462 +{background-color:#FAFAFA} + +#d463 +{background-color:#F7F7F7} + +#d464 +{background-color:#F7F7F7} + +#d465 +{background-color:#F5F5F5} + +#d466 +{background-color:#F5F5F5} + +#d467 +{background-color:#F5F5F5} + +#d468 +{background-color:#F2F2F2} + +#d469 +{background-color:#F2F2F2} + +#d470 +{background-color:#F0F0F0} + +#d471 +{background-color:#F0F0F0} + +#d472 +{background-color:#EDEDED} + +#d473 +{background-color:#EDEDED} + +#d474 +{background-color:#EBEBEB} + +#d475 +{background-color:#EBEBEB} + +#d476 +{background-color:#E8E8E8} + +#d477 +{background-color:#E8E8E8} + +#d478 +{background-color:#E5E5E5} + +#d479 +{background-color:#E5E5E5} + +#d480 +{background-color:#E3E3E3} + +#d481 +{background-color:#E3E3E3} + +#d482 +{background-color:#E0E0E0} + +#d483 +{background-color:#E0E0E0} + +#d484 +{background-color:#DEDEDE} + +#d485 +{background-color:#DEDEDE} + +#d486 +{background-color:#DCDCDC} + +#d487 +{background-color:#DBDBDB} + +#d488 +{background-color:#DBDBDB} + +#d489 +{background-color:#D9D9D9} + +#d490 +{background-color:#D9D9D9} + +#d491 +{background-color:#D6D6D6} + +#d492 +{background-color:#D6D6D6} + +#d493 +{background-color:#D4D4D4} + +#d494 +{background-color:#D4D4D4} + +#d495 +{background-color:#D3D3D3} + +#d496 +{background-color:#D3D3D3} + +#d497 +{background-color:#D1D1D1} + +#d498 +{background-color:#D1D1D1} + +#d499 +{background-color:#CFCFCF} + +#d500 +{background-color:#CFCFCF} + +#d501 +{background-color:#CCCCCC} + +#d502 +{background-color:#CCCCCC} + +#d503 +{background-color:#C9C9C9} + +#d504 +{background-color:#C9C9C9} + +#d505 +{background-color:#C7C7C7} + +#d506 +{background-color:#C7C7C7} + +#d507 +{background-color:#C4C4C4} + +#d508 +{background-color:#C4C4C4} + +#d509 +{background-color:#C2C2C2} + +#d510 +{background-color:#C2C2C2} + +#d511 +{background-color:#C0C0C0} + +#d512 +{background-color:#BFBFBF} + +#d513 +{background-color:#BFBFBF} + +#d514 +{background-color:#BDBDBD} + +#d515 +{background-color:#BDBDBD} + +#d516 +{background-color:#BABABA} + +#d517 +{background-color:#BABABA} + +#d518 +{background-color:#B8B8B8} + +#d519 +{background-color:#B8B8B8} + +#d520 +{background-color:#B5B5B5} + +#d521 +{background-color:#B5B5B5} + +#d522 +{background-color:#B3B3B3} + +#d523 +{background-color:#B3B3B3} + +#d524 +{background-color:#B0B0B0} + +#d525 +{background-color:#B0B0B0} + +#d526 +{background-color:#ADADAD} + +#d527 +{background-color:#ADADAD} + +#d528 +{background-color:#ABABAB} + +#d529 +{background-color:#ABABAB} + +#d530 +{background-color:#A9A9A9} + +#d531 +{background-color:#A9A9A9} + +#d532 +{background-color:#A8A8A8} + +#d533 +{background-color:#A8A8A8} + +#d534 +{background-color:#A6A6A6} + +#d535 +{background-color:#A6A6A6} + +#d536 +{background-color:#A3A3A3} + +#d537 +{background-color:#A3A3A3} + +#d538 +{background-color:#A1A1A1} + +#d539 +{background-color:#A1A1A1} + +#d540 +{background-color:#9E9E9E} + +#d541 +{background-color:#9E9E9E} + +#d542 +{background-color:#9C9C9C} + +#d543 +{background-color:#9C9C9C} + +#d544 +{background-color:#999999} + +#d545 +{background-color:#999999} + +#d546 +{background-color:#969696} + +#d547 +{background-color:#969696} + +#d548 +{background-color:#949494} + +#d549 +{background-color:#949494} + +#d550 +{background-color:#919191} + +#d551 +{background-color:#919191} + +#d552 +{background-color:#8F8F8F} + +#d553 +{background-color:#8F8F8F} + +#d554 +{background-color:#8C8C8C} + +#d555 +{background-color:#8C8C8C} + +#d556 +{background-color:#8A8A8A} + +#d557 +{background-color:#8A8A8A} + +#d558 +{background-color:#878787} + +#d559 +{background-color:#878787} + +#d560 +{background-color:#858585} + +#d561 +{background-color:#858585} + +#d562 +{background-color:#828282} + +#d563 +{background-color:#828282} + +#d564 +{background-color:#808080} + +#d565 +{background-color:#7F7F7F} + +#d566 +{background-color:#7F7F7F} + +#d567 +{background-color:#7E7E7E} + +#d568 +{background-color:#7D7D7D} + +#d569 +{background-color:#7D7D7D} + +#d570 +{background-color:#7A7A7A} + +#d571 +{background-color:#7A7A7A} + +#d572 +{background-color:#787878} + +#d573 +{background-color:#787878} + +#d574 +{background-color:#757575} + +#d575 +{background-color:#757575} + +#d576 +{background-color:#737373} + +#d577 +{background-color:#737373} + +#d578 +{background-color:#707070} + +#d579 +{background-color:#707070} + +#d580 +{background-color:#6E6E6E} + +#d581 +{background-color:#6E6E6E} + +#d582 +{background-color:#6B6B6B} + +#d583 +{background-color:#6B6B6B} + +#d584 +{background-color:#696969} + +#d585 +{background-color:#696969} + +#d586 +{background-color:#696969} + +#d587 +{background-color:#696969} + +#d588 +{background-color:#666666} + +#d589 +{background-color:#666666} + +#d590 +{background-color:#636363} + +#d591 +{background-color:#636363} + +#d592 +{background-color:#616161} + +#d593 +{background-color:#616161} + +#d594 +{background-color:#5E5E5E} + +#d595 +{background-color:#5E5E5E} + +#d596 +{background-color:#5C5C5C} + +#d597 +{background-color:#5C5C5C} + +#d598 +{background-color:#595959} + +#d599 +{background-color:#595959} + +#d600 +{background-color:#575757} + +#d601 +{background-color:#575757} + +#d602 +{background-color:#545454} + +#d603 +{background-color:#545454} + +#d604 +{background-color:#525252} + +#d605 +{background-color:#525252} + +#d606 +{background-color:#4F4F4F} + +#d607 +{background-color:#4F4F4F} + +#d608 +{background-color:#4D4D4D} + +#d609 +{background-color:#4D4D4D} + +#d610 +{background-color:#4A4A4A} + +#d611 +{background-color:#4A4A4A} + +#d612 +{background-color:#474747} + +#d613 +{background-color:#474747} + +#d614 +{background-color:#454545} + +#d615 +{background-color:#454545} + +#d616 +{background-color:#424242} + +#d617 +{background-color:#424242} + +#d618 +{background-color:#404040} + +#d619 +{background-color:#404040} + +#d620 +{background-color:#3D3D3D} + +#d621 +{background-color:#3D3D3D} + +#d622 +{background-color:#3B3B3B} + +#d623 +{background-color:#3B3B3B} + +#d624 +{background-color:#383838} + +#d625 +{background-color:#383838} + +#d626 +{background-color:#363636} + +#d627 +{background-color:#363636} + +#d628 +{background-color:#333333} + +#d629 +{background-color:#333333} + +#d630 +{background-color:#303030} + +#d631 +{background-color:#303030} + +#d632 +{background-color:#2E2E2E} + +#d633 +{background-color:#2E2E2E} + +#d634 +{background-color:#2B2B2B} + +#d635 +{background-color:#2B2B2B} + +#d636 +{background-color:#292929} + +#d637 +{background-color:#292929} + +#d638 +{background-color:#262626} + +#d639 +{background-color:#262626} + +#d640 +{background-color:#242424} + +#d641 +{background-color:#242424} + +#d642 +{background-color:#212121} + +#d643 +{background-color:#212121} + +#d644 +{background-color:#1F1F1F} + +#d645 +{background-color:#1F1F1F} + +#d646 +{background-color:#1C1C1C} + +#d647 +{background-color:#1C1C1C} + +#d648 +{background-color:#1A1A1A} + +#d649 +{background-color:#1A1A1A} + +#d650 +{background-color:#171717} + +#d651 +{background-color:#171717} + +#d652 +{background-color:#141414} + +#d653 +{background-color:#141414} + +#d654 +{background-color:#121212} + +#d655 +{background-color:#121212} + +#d656 +{background-color:#0F0F0F} + +#d657 +{background-color:#0F0F0F} + +#d658 +{background-color:#0D0D0D} + +#d659 +{background-color:#0D0D0D} + +#d660 +{background-color:#0A0A0A} + +#d661 +{background-color:#0A0A0A} + +#d662 +{background-color:#080808} + +#d663 +{background-color:#080808} + +#d664 +{background-color:#050505} + +#d665 +{background-color:#050505} + +#d666 +{background-color:#030303} + +#d667 +{background-color:#030303} + +#d668 +{background-color:#000000} + +#d669 +{background-color:#000000} + +#d670 +{background-color:#000000} + +#d671 +{background-color:#000000} + +#d672 +{background-color:#000000} + +#d673 +{background-color:#000000} +.colors +{ +height:30px; +width:10px; +} +</style></head><body> +<div id='container'> +<div id='d0' class='colors'> +snow</div> +<div id='d1' class='colors'> +snow1</div> +<div id='d2' class='colors'> +snow2</div> +<div id='d3' class='colors'> +RosyBrown1</div> +<div id='d4' class='colors'> +RosyBrown2</div> +<div id='d5' class='colors'> +snow3</div> +<div id='d6' class='colors'> +LightCoral</div> +<div id='d7' class='colors'> +IndianRed1</div> +<div id='d8' class='colors'> +RosyBrown3</div> +<div id='d9' class='colors'> +IndianRed2</div> +<div id='d10' class='colors'> +RosyBrown</div> +<div id='d11' class='colors'> +brown1</div> +<div id='d12' class='colors'> +firebrick1</div> +<div id='d13' class='colors'> +brown2</div> +<div id='d14' class='colors'> +IndianRed</div> +<div id='d15' class='colors'> +IndianRed3</div> +<div id='d16' class='colors'> +firebrick2</div> +<div id='d17' class='colors'> +snow4</div> +<div id='d18' class='colors'> +brown3</div> +<div id='d19' class='colors'> +red</div> +<div id='d20' class='colors'> +red1</div> +<div id='d21' class='colors'> +RosyBrown4</div> +<div id='d22' class='colors'> +firebrick3</div> +<div id='d23' class='colors'> +red2</div> +<div id='d24' class='colors'> +firebrick</div> +<div id='d25' class='colors'> +brown</div> +<div id='d26' class='colors'> +red3</div> +<div id='d27' class='colors'> +IndianRed4</div> +<div id='d28' class='colors'> +brown4</div> +<div id='d29' class='colors'> +firebrick4</div> +<div id='d30' class='colors'> +DarkRed</div> +<div id='d31' class='colors'> +red4</div> +<div id='d32' class='colors'> +maroon</div> +<div id='d33' class='colors'> +LightPink1</div> +<div id='d34' class='colors'> +LightPink3</div> +<div id='d35' class='colors'> +LightPink4</div> +<div id='d36' class='colors'> +LightPink2</div> +<div id='d37' class='colors'> +LightPink</div> +<div id='d38' class='colors'> +pink</div> +<div id='d39' class='colors'> +crimson</div> +<div id='d40' class='colors'> +pink1</div> +<div id='d41' class='colors'> +pink2</div> +<div id='d42' class='colors'> +pink3</div> +<div id='d43' class='colors'> +pink4</div> +<div id='d44' class='colors'> +PaleVioletRed4</div> +<div id='d45' class='colors'> +PaleVioletRed</div> +<div id='d46' class='colors'> +PaleVioletRed2</div> +<div id='d47' class='colors'> +PaleVioletRed1</div> +<div id='d48' class='colors'> +PaleVioletRed3</div> +<div id='d49' class='colors'> +LavenderBlush</div> +<div id='d50' class='colors'> +LavenderBlush1</div> +<div id='d51' class='colors'> +LavenderBlush3</div> +<div id='d52' class='colors'> +LavenderBlush2</div> +<div id='d53' class='colors'> +LavenderBlush4</div> +<div id='d54' class='colors'> +maroon</div> +<div id='d55' class='colors'> +HotPink3</div> +<div id='d56' class='colors'> +VioletRed3</div> +<div id='d57' class='colors'> +VioletRed1</div> +<div id='d58' class='colors'> +VioletRed2</div> +<div id='d59' class='colors'> +VioletRed4</div> +<div id='d60' class='colors'> +HotPink2</div> +<div id='d61' class='colors'> +HotPink1</div> +<div id='d62' class='colors'> +HotPink4</div> +<div id='d63' class='colors'> +HotPink</div> +<div id='d64' class='colors'> +DeepPink</div> +<div id='d65' class='colors'> +DeepPink1</div> +<div id='d66' class='colors'> +DeepPink2</div> +<div id='d67' class='colors'> +DeepPink3</div> +<div id='d68' class='colors'> +DeepPink4</div> +<div id='d69' class='colors'> +maroon1</div> +<div id='d70' class='colors'> +maroon2</div> +<div id='d71' class='colors'> +maroon3</div> +<div id='d72' class='colors'> +maroon4</div> +<div id='d73' class='colors'> +MediumVioletRed</div> +<div id='d74' class='colors'> +VioletRed</div> +<div id='d75' class='colors'> +orchid2</div> +<div id='d76' class='colors'> +orchid</div> +<div id='d77' class='colors'> +orchid1</div> +<div id='d78' class='colors'> +orchid3</div> +<div id='d79' class='colors'> +orchid4</div> +<div id='d80' class='colors'> +thistle1</div> +<div id='d81' class='colors'> +thistle2</div> +<div id='d82' class='colors'> +plum1</div> +<div id='d83' class='colors'> +plum2</div> +<div id='d84' class='colors'> +thistle</div> +<div id='d85' class='colors'> +thistle3</div> +<div id='d86' class='colors'> +plum</div> +<div id='d87' class='colors'> +violet</div> +<div id='d88' class='colors'> +plum3</div> +<div id='d89' class='colors'> +thistle4</div> +<div id='d90' class='colors'> +fuchsia</div> +<div id='d91' class='colors'> +magenta</div> +<div id='d92' class='colors'> +magenta1</div> +<div id='d93' class='colors'> +plum4</div> +<div id='d94' class='colors'> +magenta2</div> +<div id='d95' class='colors'> +magenta3</div> +<div id='d96' class='colors'> +DarkMagenta</div> +<div id='d97' class='colors'> +magenta4</div> +<div id='d98' class='colors'> +purple</div> +<div id='d99' class='colors'> +MediumOrchid</div> +<div id='d100' class='colors'> +MediumOrchid1</div> +<div id='d101' class='colors'> +MediumOrchid2</div> +<div id='d102' class='colors'> +MediumOrchid3</div> +<div id='d103' class='colors'> +MediumOrchid4</div> +<div id='d104' class='colors'> +DarkViolet</div> +<div id='d105' class='colors'> +DarkOrchid</div> +<div id='d106' class='colors'> +DarkOrchid1</div> +<div id='d107' class='colors'> +DarkOrchid3</div> +<div id='d108' class='colors'> +DarkOrchid2</div> +<div id='d109' class='colors'> +DarkOrchid4</div> +<div id='d110' class='colors'> +purple</div> +<div id='d111' class='colors'> +indigo</div> +<div id='d112' class='colors'> +BlueViolet</div> +<div id='d113' class='colors'> +purple2</div> +<div id='d114' class='colors'> +purple3</div> +<div id='d115' class='colors'> +purple4</div> +<div id='d116' class='colors'> +purple1</div> +<div id='d117' class='colors'> +MediumPurple</div> +<div id='d118' class='colors'> +MediumPurple1</div> +<div id='d119' class='colors'> +MediumPurple2</div> +<div id='d120' class='colors'> +MediumPurple3</div> +<div id='d121' class='colors'> +MediumPurple4</div> +<div id='d122' class='colors'> +DarkSlateBlue</div> +<div id='d123' class='colors'> +LightSlateBlue</div> +<div id='d124' class='colors'> +MediumSlateBlue</div> +<div id='d125' class='colors'> +SlateBlue</div> +<div id='d126' class='colors'> +SlateBlue1</div> +<div id='d127' class='colors'> +SlateBlue2</div> +<div id='d128' class='colors'> +SlateBlue3</div> +<div id='d129' class='colors'> +SlateBlue4</div> +<div id='d130' class='colors'> +GhostWhite</div> +<div id='d131' class='colors'> +lavender</div> +<div id='d132' class='colors'> +blue</div> +<div id='d133' class='colors'> +blue1</div> +<div id='d134' class='colors'> +blue2</div> +<div id='d135' class='colors'> +blue3</div> +<div id='d136' class='colors'> +MediumBlue</div> +<div id='d137' class='colors'> +blue4</div> +<div id='d138' class='colors'> +DarkBlue</div> +<div id='d139' class='colors'> +MidnightBlue</div> +<div id='d140' class='colors'> +navy</div> +<div id='d141' class='colors'> +NavyBlue</div> +<div id='d142' class='colors'> +RoyalBlue</div> +<div id='d143' class='colors'> +RoyalBlue1</div> +<div id='d144' class='colors'> +RoyalBlue2</div> +<div id='d145' class='colors'> +RoyalBlue3</div> +<div id='d146' class='colors'> +RoyalBlue4</div> +<div id='d147' class='colors'> +CornflowerBlue</div> +<div id='d148' class='colors'> +LightSteelBlue</div> +<div id='d149' class='colors'> +LightSteelBlue1</div> +<div id='d150' class='colors'> +LightSteelBlue2</div> +<div id='d151' class='colors'> +LightSteelBlue3</div> +<div id='d152' class='colors'> +LightSteelBlue4</div> +<div id='d153' class='colors'> +SlateGray4</div> +<div id='d154' class='colors'> +SlateGray1</div> +<div id='d155' class='colors'> +SlateGray2</div> +<div id='d156' class='colors'> +SlateGray3</div> +<div id='d157' class='colors'> +LightSlateGray</div> +<div id='d158' class='colors'> +LightSlateGrey</div> +<div id='d159' class='colors'> +SlateGray</div> +<div id='d160' class='colors'> +SlateGrey</div> +<div id='d161' class='colors'> +DodgerBlue</div> +<div id='d162' class='colors'> +DodgerBlue1</div> +<div id='d163' class='colors'> +DodgerBlue2</div> +<div id='d164' class='colors'> +DodgerBlue4</div> +<div id='d165' class='colors'> +DodgerBlue3</div> +<div id='d166' class='colors'> +AliceBlue</div> +<div id='d167' class='colors'> +SteelBlue4</div> +<div id='d168' class='colors'> +SteelBlue</div> +<div id='d169' class='colors'> +SteelBlue1</div> +<div id='d170' class='colors'> +SteelBlue2</div> +<div id='d171' class='colors'> +SteelBlue3</div> +<div id='d172' class='colors'> +SkyBlue4</div> +<div id='d173' class='colors'> +SkyBlue1</div> +<div id='d174' class='colors'> +SkyBlue2</div> +<div id='d175' class='colors'> +SkyBlue3</div> +<div id='d176' class='colors'> +LightSkyBlue</div> +<div id='d177' class='colors'> +LightSkyBlue4</div> +<div id='d178' class='colors'> +LightSkyBlue1</div> +<div id='d179' class='colors'> +LightSkyBlue2</div> +<div id='d180' class='colors'> +LightSkyBlue3</div> +<div id='d181' class='colors'> +SkyBlue</div> +<div id='d182' class='colors'> +LightBlue3</div> +<div id='d183' class='colors'> +DeepSkyBlue</div> +<div id='d184' class='colors'> +DeepSkyBlue1</div> +<div id='d185' class='colors'> +DeepSkyBlue2</div> +<div id='d186' class='colors'> +DeepSkyBlue4</div> +<div id='d187' class='colors'> +DeepSkyBlue3</div> +<div id='d188' class='colors'> +LightBlue1</div> +<div id='d189' class='colors'> +LightBlue2</div> +<div id='d190' class='colors'> +LightBlue</div> +<div id='d191' class='colors'> +LightBlue4</div> +<div id='d192' class='colors'> +PowderBlue</div> +<div id='d193' class='colors'> +CadetBlue1</div> +<div id='d194' class='colors'> +CadetBlue2</div> +<div id='d195' class='colors'> +CadetBlue3</div> +<div id='d196' class='colors'> +CadetBlue4</div> +<div id='d197' class='colors'> +turquoise1</div> +<div id='d198' class='colors'> +turquoise2</div> +<div id='d199' class='colors'> +turquoise3</div> +<div id='d200' class='colors'> +turquoise4</div> +<div id='d201' class='colors'> +cadet blue</div> +<div id='d202' class='colors'> +CadetBlue</div> +<div id='d203' class='colors'> +DarkTurquoise</div> +<div id='d204' class='colors'> +azure</div> +<div id='d205' class='colors'> +azure1</div> +<div id='d206' class='colors'> +LightCyan</div> +<div id='d207' class='colors'> +LightCyan1</div> +<div id='d208' class='colors'> +azure2</div> +<div id='d209' class='colors'> +LightCyan2</div> +<div id='d210' class='colors'> +PaleTurquoise1</div> +<div id='d211' class='colors'> +PaleTurquoise</div> +<div id='d212' class='colors'> +PaleTurquoise2</div> +<div id='d213' class='colors'> +DarkSlateGray1</div> +<div id='d214' class='colors'> +azure3</div> +<div id='d215' class='colors'> +LightCyan3</div> +<div id='d216' class='colors'> +DarkSlateGray2</div> +<div id='d217' class='colors'> +PaleTurquoise3</div> +<div id='d218' class='colors'> +DarkSlateGray3</div> +<div id='d219' class='colors'> +azure4</div> +<div id='d220' class='colors'> +LightCyan4</div> +<div id='d221' class='colors'> +aqua</div> +<div id='d222' class='colors'> +cyan</div> +<div id='d223' class='colors'> +cyan1</div> +<div id='d224' class='colors'> +PaleTurquoise4</div> +<div id='d225' class='colors'> +cyan2</div> +<div id='d226' class='colors'> +DarkSlateGray4</div> +<div id='d227' class='colors'> +cyan3</div> +<div id='d228' class='colors'> +cyan4</div> +<div id='d229' class='colors'> +DarkCyan</div> +<div id='d230' class='colors'> +teal</div> +<div id='d231' class='colors'> +DarkSlateGray</div> +<div id='d232' class='colors'> +DarkSlateGrey</div> +<div id='d233' class='colors'> +MediumTurquoise</div> +<div id='d234' class='colors'> +LightSeaGreen</div> +<div id='d235' class='colors'> +turquoise</div> +<div id='d236' class='colors'> +aquamarine4</div> +<div id='d237' class='colors'> +aquamarine</div> +<div id='d238' class='colors'> +aquamarine1</div> +<div id='d239' class='colors'> +aquamarine2</div> +<div id='d240' class='colors'> +aquamarine3</div> +<div id='d241' class='colors'> +MediumAquamarine</div> +<div id='d242' class='colors'> +MediumSpringGreen</div> +<div id='d243' class='colors'> +MintCream</div> +<div id='d244' class='colors'> +SpringGreen</div> +<div id='d245' class='colors'> +SpringGreen1</div> +<div id='d246' class='colors'> +SpringGreen2</div> +<div id='d247' class='colors'> +SpringGreen3</div> +<div id='d248' class='colors'> +SpringGreen4</div> +<div id='d249' class='colors'> +MediumSeaGreen</div> +<div id='d250' class='colors'> +SeaGreen</div> +<div id='d251' class='colors'> +SeaGreen3</div> +<div id='d252' class='colors'> +SeaGreen1</div> +<div id='d253' class='colors'> +SeaGreen4</div> +<div id='d254' class='colors'> +SeaGreen2</div> +<div id='d255' class='colors'> +MediumForestGreen</div> +<div id='d256' class='colors'> +honeydew</div> +<div id='d257' class='colors'> +honeydew1</div> +<div id='d258' class='colors'> +honeydew2</div> +<div id='d259' class='colors'> +DarkSeaGreen1</div> +<div id='d260' class='colors'> +DarkSeaGreen2</div> +<div id='d261' class='colors'> +PaleGreen1</div> +<div id='d262' class='colors'> +PaleGreen</div> +<div id='d263' class='colors'> +honeydew3</div> +<div id='d264' class='colors'> +LightGreen</div> +<div id='d265' class='colors'> +PaleGreen2</div> +<div id='d266' class='colors'> +DarkSeaGreen3</div> +<div id='d267' class='colors'> +DarkSeaGreen</div> +<div id='d268' class='colors'> +PaleGreen3</div> +<div id='d269' class='colors'> +honeydew4</div> +<div id='d270' class='colors'> +green1</div> +<div id='d271' class='colors'> +lime</div> +<div id='d272' class='colors'> +LimeGreen</div> +<div id='d273' class='colors'> +DarkSeaGreen4</div> +<div id='d274' class='colors'> +green2</div> +<div id='d275' class='colors'> +PaleGreen4</div> +<div id='d276' class='colors'> +green3</div> +<div id='d277' class='colors'> +ForestGreen</div> +<div id='d278' class='colors'> +green4</div> +<div id='d279' class='colors'> +green</div> +<div id='d280' class='colors'> +DarkGreen</div> +<div id='d281' class='colors'> +LawnGreen</div> +<div id='d282' class='colors'> +chartreuse</div> +<div id='d283' class='colors'> +chartreuse1</div> +<div id='d284' class='colors'> +chartreuse2</div> +<div id='d285' class='colors'> +chartreuse3</div> +<div id='d286' class='colors'> +chartreuse4</div> +<div id='d287' class='colors'> +GreenYellow</div> +<div id='d288' class='colors'> +DarkOliveGreen3</div> +<div id='d289' class='colors'> +DarkOliveGreen1</div> +<div id='d290' class='colors'> +DarkOliveGreen2</div> +<div id='d291' class='colors'> +DarkOliveGreen4</div> +<div id='d292' class='colors'> +DarkOliveGreen</div> +<div id='d293' class='colors'> +OliveDrab</div> +<div id='d294' class='colors'> +OliveDrab1</div> +<div id='d295' class='colors'> +OliveDrab2</div> +<div id='d296' class='colors'> +OliveDrab3</div> +<div id='d297' class='colors'> +YellowGreen</div> +<div id='d298' class='colors'> +OliveDrab4</div> +<div id='d299' class='colors'> +ivory</div> +<div id='d300' class='colors'> +ivory1</div> +<div id='d301' class='colors'> +LightYellow</div> +<div id='d302' class='colors'> +LightYellow1</div> +<div id='d303' class='colors'> +beige</div> +<div id='d304' class='colors'> +ivory2</div> +<div id='d305' class='colors'> +LightGoldenrodYellow</div> +<div id='d306' class='colors'> +LightYellow2</div> +<div id='d307' class='colors'> +ivory3</div> +<div id='d308' class='colors'> +LightYellow3</div> +<div id='d309' class='colors'> +ivory4</div> +<div id='d310' class='colors'> +LightYellow4</div> +<div id='d311' class='colors'> +yellow</div> +<div id='d312' class='colors'> +yellow1</div> +<div id='d313' class='colors'> +yellow2</div> +<div id='d314' class='colors'> +yellow3</div> +<div id='d315' class='colors'> +yellow4</div> +<div id='d316' class='colors'> +olive</div> +<div id='d317' class='colors'> +DarkKhaki</div> +<div id='d318' class='colors'> +khaki2</div> +<div id='d319' class='colors'> +LemonChiffon4</div> +<div id='d320' class='colors'> +khaki1</div> +<div id='d321' class='colors'> +khaki3</div> +<div id='d322' class='colors'> +khaki4</div> +<div id='d323' class='colors'> +PaleGoldenrod</div> +<div id='d324' class='colors'> +LemonChiffon</div> +<div id='d325' class='colors'> +LemonChiffon1</div> +<div id='d326' class='colors'> +khaki</div> +<div id='d327' class='colors'> +LemonChiffon3</div> +<div id='d328' class='colors'> +LemonChiffon2</div> +<div id='d329' class='colors'> +MediumGoldenRod</div> +<div id='d330' class='colors'> +cornsilk4</div> +<div id='d331' class='colors'> +gold</div> +<div id='d332' class='colors'> +gold1</div> +<div id='d333' class='colors'> +gold2</div> +<div id='d334' class='colors'> +gold3</div> +<div id='d335' class='colors'> +gold4</div> +<div id='d336' class='colors'> +LightGoldenrod</div> +<div id='d337' class='colors'> +LightGoldenrod4</div> +<div id='d338' class='colors'> +LightGoldenrod1</div> +<div id='d339' class='colors'> +LightGoldenrod3</div> +<div id='d340' class='colors'> +LightGoldenrod2</div> +<div id='d341' class='colors'> +cornsilk3</div> +<div id='d342' class='colors'> +cornsilk2</div> +<div id='d343' class='colors'> +cornsilk</div> +<div id='d344' class='colors'> +cornsilk1</div> +<div id='d345' class='colors'> +goldenrod</div> +<div id='d346' class='colors'> +goldenrod1</div> +<div id='d347' class='colors'> +goldenrod2</div> +<div id='d348' class='colors'> +goldenrod3</div> +<div id='d349' class='colors'> +goldenrod4</div> +<div id='d350' class='colors'> +DarkGoldenrod</div> +<div id='d351' class='colors'> +DarkGoldenrod1</div> +<div id='d352' class='colors'> +DarkGoldenrod2</div> +<div id='d353' class='colors'> +DarkGoldenrod3</div> +<div id='d354' class='colors'> +DarkGoldenrod4</div> +<div id='d355' class='colors'> +FloralWhite</div> +<div id='d356' class='colors'> +wheat2</div> +<div id='d357' class='colors'> +OldLace</div> +<div id='d358' class='colors'> +wheat</div> +<div id='d359' class='colors'> +wheat1</div> +<div id='d360' class='colors'> +wheat3</div> +<div id='d361' class='colors'> +orange</div> +<div id='d362' class='colors'> +orange1</div> +<div id='d363' class='colors'> +orange2</div> +<div id='d364' class='colors'> +orange3</div> +<div id='d365' class='colors'> +orange4</div> +<div id='d366' class='colors'> +wheat4</div> +<div id='d367' class='colors'> +moccasin</div> +<div id='d368' class='colors'> +PapayaWhip</div> +<div id='d369' class='colors'> +NavajoWhite3</div> +<div id='d370' class='colors'> +BlanchedAlmond</div> +<div id='d371' class='colors'> +NavajoWhite</div> +<div id='d372' class='colors'> +NavajoWhite1</div> +<div id='d373' class='colors'> +NavajoWhite2</div> +<div id='d374' class='colors'> +NavajoWhite4</div> +<div id='d375' class='colors'> +AntiqueWhite4</div> +<div id='d376' class='colors'> +AntiqueWhite</div> +<div id='d377' class='colors'> +tan</div> +<div id='d378' class='colors'> +bisque4</div> +<div id='d379' class='colors'> +burlywood</div> +<div id='d380' class='colors'> +AntiqueWhite2</div> +<div id='d381' class='colors'> +burlywood1</div> +<div id='d382' class='colors'> +burlywood3</div> +<div id='d383' class='colors'> +burlywood2</div> +<div id='d384' class='colors'> +AntiqueWhite1</div> +<div id='d385' class='colors'> +burlywood4</div> +<div id='d386' class='colors'> +AntiqueWhite3</div> +<div id='d387' class='colors'> +DarkOrange</div> +<div id='d388' class='colors'> +bisque2</div> +<div id='d389' class='colors'> +bisque</div> +<div id='d390' class='colors'> +bisque1</div> +<div id='d391' class='colors'> +bisque3</div> +<div id='d392' class='colors'> +DarkOrange1</div> +<div id='d393' class='colors'> +linen</div> +<div id='d394' class='colors'> +DarkOrange2</div> +<div id='d395' class='colors'> +DarkOrange3</div> +<div id='d396' class='colors'> +DarkOrange4</div> +<div id='d397' class='colors'> +peru</div> +<div id='d398' class='colors'> +tan1</div> +<div id='d399' class='colors'> +tan2</div> +<div id='d400' class='colors'> +tan3</div> +<div id='d401' class='colors'> +tan4</div> +<div id='d402' class='colors'> +PeachPuff</div> +<div id='d403' class='colors'> +PeachPuff1</div> +<div id='d404' class='colors'> +PeachPuff4</div> +<div id='d405' class='colors'> +PeachPuff2</div> +<div id='d406' class='colors'> +PeachPuff3</div> +<div id='d407' class='colors'> +SandyBrown</div> +<div id='d408' class='colors'> +seashell4</div> +<div id='d409' class='colors'> +seashell2</div> +<div id='d410' class='colors'> +seashell3</div> +<div id='d411' class='colors'> +chocolate</div> +<div id='d412' class='colors'> +chocolate1</div> +<div id='d413' class='colors'> +chocolate2</div> +<div id='d414' class='colors'> +chocolate3</div> +<div id='d415' class='colors'> +chocolate4</div> +<div id='d416' class='colors'> +SaddleBrown</div> +<div id='d417' class='colors'> +seashell</div> +<div id='d418' class='colors'> +seashell1</div> +<div id='d419' class='colors'> +sienna4</div> +<div id='d420' class='colors'> +sienna</div> +<div id='d421' class='colors'> +sienna1</div> +<div id='d422' class='colors'> +sienna2</div> +<div id='d423' class='colors'> +sienna3</div> +<div id='d424' class='colors'> +LightSalmon3</div> +<div id='d425' class='colors'> +LightSalmon</div> +<div id='d426' class='colors'> +LightSalmon1</div> +<div id='d427' class='colors'> +LightSalmon4</div> +<div id='d428' class='colors'> +LightSalmon2</div> +<div id='d429' class='colors'> +coral</div> +<div id='d430' class='colors'> +OrangeRed</div> +<div id='d431' class='colors'> +OrangeRed1</div> +<div id='d432' class='colors'> +OrangeRed2</div> +<div id='d433' class='colors'> +OrangeRed3</div> +<div id='d434' class='colors'> +OrangeRed4</div> +<div id='d435' class='colors'> +DarkSalmon</div> +<div id='d436' class='colors'> +salmon1</div> +<div id='d437' class='colors'> +salmon2</div> +<div id='d438' class='colors'> +salmon3</div> +<div id='d439' class='colors'> +salmon4</div> +<div id='d440' class='colors'> +coral1</div> +<div id='d441' class='colors'> +coral2</div> +<div id='d442' class='colors'> +coral3</div> +<div id='d443' class='colors'> +coral4</div> +<div id='d444' class='colors'> +tomato4</div> +<div id='d445' class='colors'> +tomato</div> +<div id='d446' class='colors'> +tomato1</div> +<div id='d447' class='colors'> +tomato2</div> +<div id='d448' class='colors'> +tomato3</div> +<div id='d449' class='colors'> +MistyRose4</div> +<div id='d450' class='colors'> +MistyRose2</div> +<div id='d451' class='colors'> +MistyRose</div> +<div id='d452' class='colors'> +MistyRose1</div> +<div id='d453' class='colors'> +salmon</div> +<div id='d454' class='colors'> +MistyRose3</div> +<div id='d455' class='colors'> +white</div> +<div id='d456' class='colors'> +gray100</div> +<div id='d457' class='colors'> +grey100</div> +<div id='d458' class='colors'> +grey100</div> +<div id='d459' class='colors'> +gray99</div> +<div id='d460' class='colors'> +grey99</div> +<div id='d461' class='colors'> +gray98</div> +<div id='d462' class='colors'> +grey98</div> +<div id='d463' class='colors'> +gray97</div> +<div id='d464' class='colors'> +grey97</div> +<div id='d465' class='colors'> +gray96</div> +<div id='d466' class='colors'> +grey96</div> +<div id='d467' class='colors'> +WhiteSmoke</div> +<div id='d468' class='colors'> +gray95</div> +<div id='d469' class='colors'> +grey95</div> +<div id='d470' class='colors'> +gray94</div> +<div id='d471' class='colors'> +grey94</div> +<div id='d472' class='colors'> +gray93</div> +<div id='d473' class='colors'> +grey93</div> +<div id='d474' class='colors'> +gray92</div> +<div id='d475' class='colors'> +grey92</div> +<div id='d476' class='colors'> +gray91</div> +<div id='d477' class='colors'> +grey91</div> +<div id='d478' class='colors'> +gray90</div> +<div id='d479' class='colors'> +grey90</div> +<div id='d480' class='colors'> +gray89</div> +<div id='d481' class='colors'> +grey89</div> +<div id='d482' class='colors'> +gray88</div> +<div id='d483' class='colors'> +grey88</div> +<div id='d484' class='colors'> +gray87</div> +<div id='d485' class='colors'> +grey87</div> +<div id='d486' class='colors'> +gainsboro</div> +<div id='d487' class='colors'> +gray86</div> +<div id='d488' class='colors'> +grey86</div> +<div id='d489' class='colors'> +gray85</div> +<div id='d490' class='colors'> +grey85</div> +<div id='d491' class='colors'> +gray84</div> +<div id='d492' class='colors'> +grey84</div> +<div id='d493' class='colors'> +gray83</div> +<div id='d494' class='colors'> +grey83</div> +<div id='d495' class='colors'> +LightGray</div> +<div id='d496' class='colors'> +LightGrey</div> +<div id='d497' class='colors'> +gray82</div> +<div id='d498' class='colors'> +grey82</div> +<div id='d499' class='colors'> +gray81</div> +<div id='d500' class='colors'> +grey81</div> +<div id='d501' class='colors'> +gray80</div> +<div id='d502' class='colors'> +grey80</div> +<div id='d503' class='colors'> +gray79</div> +<div id='d504' class='colors'> +grey79</div> +<div id='d505' class='colors'> +gray78</div> +<div id='d506' class='colors'> +grey78</div> +<div id='d507' class='colors'> +gray77</div> +<div id='d508' class='colors'> +grey77</div> +<div id='d509' class='colors'> +gray76</div> +<div id='d510' class='colors'> +grey76</div> +<div id='d511' class='colors'> +silver</div> +<div id='d512' class='colors'> +gray75</div> +<div id='d513' class='colors'> +grey75</div> +<div id='d514' class='colors'> +gray74</div> +<div id='d515' class='colors'> +grey74</div> +<div id='d516' class='colors'> +gray73</div> +<div id='d517' class='colors'> +grey73</div> +<div id='d518' class='colors'> +gray72</div> +<div id='d519' class='colors'> +grey72</div> +<div id='d520' class='colors'> +gray71</div> +<div id='d521' class='colors'> +grey71</div> +<div id='d522' class='colors'> +gray70</div> +<div id='d523' class='colors'> +grey70</div> +<div id='d524' class='colors'> +gray69</div> +<div id='d525' class='colors'> +grey69</div> +<div id='d526' class='colors'> +gray68</div> +<div id='d527' class='colors'> +grey68</div> +<div id='d528' class='colors'> +gray67</div> +<div id='d529' class='colors'> +grey67</div> +<div id='d530' class='colors'> +DarkGray</div> +<div id='d531' class='colors'> +DarkGrey</div> +<div id='d532' class='colors'> +gray66</div> +<div id='d533' class='colors'> +grey66</div> +<div id='d534' class='colors'> +gray65</div> +<div id='d535' class='colors'> +grey65</div> +<div id='d536' class='colors'> +gray64</div> +<div id='d537' class='colors'> +grey64</div> +<div id='d538' class='colors'> +gray63</div> +<div id='d539' class='colors'> +grey63</div> +<div id='d540' class='colors'> +gray62</div> +<div id='d541' class='colors'> +grey62</div> +<div id='d542' class='colors'> +gray61</div> +<div id='d543' class='colors'> +grey61</div> +<div id='d544' class='colors'> +gray60</div> +<div id='d545' class='colors'> +grey60</div> +<div id='d546' class='colors'> +gray59</div> +<div id='d547' class='colors'> +grey59</div> +<div id='d548' class='colors'> +gray58</div> +<div id='d549' class='colors'> +grey58</div> +<div id='d550' class='colors'> +gray57</div> +<div id='d551' class='colors'> +grey57</div> +<div id='d552' class='colors'> +gray56</div> +<div id='d553' class='colors'> +grey56</div> +<div id='d554' class='colors'> +gray55</div> +<div id='d555' class='colors'> +grey55</div> +<div id='d556' class='colors'> +gray54</div> +<div id='d557' class='colors'> +grey54</div> +<div id='d558' class='colors'> +gray53</div> +<div id='d559' class='colors'> +grey53</div> +<div id='d560' class='colors'> +gray52</div> +<div id='d561' class='colors'> +grey52</div> +<div id='d562' class='colors'> +gray51</div> +<div id='d563' class='colors'> +grey51</div> +<div id='d564' class='colors'> +fractal</div> +<div id='d565' class='colors'> +gray50</div> +<div id='d566' class='colors'> +grey50</div> +<div id='d567' class='colors'> +gray</div> +<div id='d568' class='colors'> +gray49</div> +<div id='d569' class='colors'> +grey49</div> +<div id='d570' class='colors'> +gray48</div> +<div id='d571' class='colors'> +grey48</div> +<div id='d572' class='colors'> +gray47</div> +<div id='d573' class='colors'> +grey47</div> +<div id='d574' class='colors'> +gray46</div> +<div id='d575' class='colors'> +grey46</div> +<div id='d576' class='colors'> +gray45</div> +<div id='d577' class='colors'> +grey45</div> +<div id='d578' class='colors'> +gray44</div> +<div id='d579' class='colors'> +grey44</div> +<div id='d580' class='colors'> +gray43</div> +<div id='d581' class='colors'> +grey43</div> +<div id='d582' class='colors'> +gray42</div> +<div id='d583' class='colors'> +grey42</div> +<div id='d584' class='colors'> +DimGray</div> +<div id='d585' class='colors'> +DimGrey</div> +<div id='d586' class='colors'> +gray41</div> +<div id='d587' class='colors'> +grey41</div> +<div id='d588' class='colors'> +gray40</div> +<div id='d589' class='colors'> +grey40</div> +<div id='d590' class='colors'> +gray39</div> +<div id='d591' class='colors'> +grey39</div> +<div id='d592' class='colors'> +gray38</div> +<div id='d593' class='colors'> +grey38</div> +<div id='d594' class='colors'> +gray37</div> +<div id='d595' class='colors'> +grey37</div> +<div id='d596' class='colors'> +gray36</div> +<div id='d597' class='colors'> +grey36</div> +<div id='d598' class='colors'> +gray35</div> +<div id='d599' class='colors'> +grey35</div> +<div id='d600' class='colors'> +gray34</div> +<div id='d601' class='colors'> +grey34</div> +<div id='d602' class='colors'> +gray33</div> +<div id='d603' class='colors'> +grey33</div> +<div id='d604' class='colors'> +gray32</div> +<div id='d605' class='colors'> +grey32</div> +<div id='d606' class='colors'> +gray31</div> +<div id='d607' class='colors'> +grey31</div> +<div id='d608' class='colors'> +gray30</div> +<div id='d609' class='colors'> +grey30</div> +<div id='d610' class='colors'> +gray29</div> +<div id='d611' class='colors'> +grey29</div> +<div id='d612' class='colors'> +gray28</div> +<div id='d613' class='colors'> +grey28</div> +<div id='d614' class='colors'> +gray27</div> +<div id='d615' class='colors'> +grey27</div> +<div id='d616' class='colors'> +gray26</div> +<div id='d617' class='colors'> +grey26</div> +<div id='d618' class='colors'> +gray25</div> +<div id='d619' class='colors'> +grey25</div> +<div id='d620' class='colors'> +gray24</div> +<div id='d621' class='colors'> +grey24</div> +<div id='d622' class='colors'> +gray23</div> +<div id='d623' class='colors'> +grey23</div> +<div id='d624' class='colors'> +gray22</div> +<div id='d625' class='colors'> +grey22</div> +<div id='d626' class='colors'> +gray21</div> +<div id='d627' class='colors'> +grey21</div> +<div id='d628' class='colors'> +gray20</div> +<div id='d629' class='colors'> +grey20</div> +<div id='d630' class='colors'> +gray19</div> +<div id='d631' class='colors'> +grey19</div> +<div id='d632' class='colors'> +gray18</div> +<div id='d633' class='colors'> +grey18</div> +<div id='d634' class='colors'> +gray17</div> +<div id='d635' class='colors'> +grey17</div> +<div id='d636' class='colors'> +gray16</div> +<div id='d637' class='colors'> +grey16</div> +<div id='d638' class='colors'> +gray15</div> +<div id='d639' class='colors'> +grey15</div> +<div id='d640' class='colors'> +gray14</div> +<div id='d641' class='colors'> +grey14</div> +<div id='d642' class='colors'> +gray13</div> +<div id='d643' class='colors'> +grey13</div> +<div id='d644' class='colors'> +gray12</div> +<div id='d645' class='colors'> +grey12</div> +<div id='d646' class='colors'> +gray11</div> +<div id='d647' class='colors'> +grey11</div> +<div id='d648' class='colors'> +gray10</div> +<div id='d649' class='colors'> +grey10</div> +<div id='d650' class='colors'> +gray9</div> +<div id='d651' class='colors'> +grey9</div> +<div id='d652' class='colors'> +gray8</div> +<div id='d653' class='colors'> +grey8</div> +<div id='d654' class='colors'> +gray7</div> +<div id='d655' class='colors'> +grey7</div> +<div id='d656' class='colors'> +gray6</div> +<div id='d657' class='colors'> +grey6</div> +<div id='d658' class='colors'> +gray5</div> +<div id='d659' class='colors'> +grey5</div> +<div id='d660' class='colors'> +gray4</div> +<div id='d661' class='colors'> +grey4</div> +<div id='d662' class='colors'> +gray3</div> +<div id='d663' class='colors'> +grey3</div> +<div id='d664' class='colors'> +gray2</div> +<div id='d665' class='colors'> +grey2</div> +<div id='d666' class='colors'> +gray1</div> +<div id='d667' class='colors'> +grey1</div> +<div id='d668' class='colors'> +black</div> +<div id='d669' class='colors'> +gray0</div> +<div id='d670' class='colors'> +grey0</div> +<div id='d671' class='colors'> +opaque</div> +<div id='d672' class='colors'> +none</div> +<div id='d673' class='colors'> +transparent</div> +</div> + +<div id='colornames'> +WHERE THE COLORNAMES WILL GO +</div> + +<div id='hexswitch'>CLICK TO SHOW HEXES</div> +<div id='infoswitch'>CLICK TO SHOW INFO</div> +<input id='namespace' type='text'></input> +<script type='text/javascript' src='js/jquery-1.6.4.min.js'></script> +<script type='text/javascript' src='js/colordict.js'></script> + +<script type='text/javascript'> +function goldenize(num) + { + ratio = (1+Math.sqrt(5))/2 + newnum = Math.round(num*ratio) + return newnum + } +//turns css property width or height into an integer value +function getproperty(idandselectr, propertystr) + { + grab = $(idandselectr).css(propertystr) + grab = grab.slice(0,-2) + numval = parseInt(grab) + return numval + } +function makegolden(idandselectr, propertystr) + { + result = getproperty(idandselectr, propertystr) + newwidth = goldenize(result) + widthval = newwidth.toString()+'px' + $(idandselectr).css('width', widthval) + } +makegolden('.colors', 'height') + +//threewayselector for what goes in the divs +infostate = 1 +function switchinfo() + { + if(infostate == 0) + { + for(var i=0; i < divlist.length; i++) + { + $(divlist[i]).html(divtoname[divlist[i]]) + }; + infostate = 1 + } + else if(infostate == 1) + { + for(var i=0; i < divlist.length; i++) + { + $(divlist[i]).html("") + }; + infostate = 2 + } + else if(infostate == 2) + { + for(var i=0; i < divlist.length; i++) + { + $(divlist[i]).html(nametohex[divtoname[divlist[i]]]) + }; + infostate = 0 + } + } + +$('#infoswitch').click(function(){switchinfo()}) + +//takes a div name and returns a colorname + +function showcolorname(divstr) + + { + colorname = divtoname['#'+divstr] + hex = nametohex[colorname] + imname = hextoname[hex] + if (hexes == true) + { + imname = hex + } + return imname + } +function bigname(divstr) + { + colorname = showcolorname(divstr) + $('#colornames').html(colorname) + } +function writeit(text) + { + $('#colornames').append(text) + } +function makebig(divstr) + { + firstheight = $('#'+divstr).height() + newheight = goldenize(goldenize(firstheight)) + $('#'+divstr).height(newheight) + } +function makesmall(divstr) + { + oldheight = $('.colors').height() + $('#'+divstr).height(oldheight) + } +var choice; +$('.colors').hover(function() { + bigname(this.id); +// makebig(this.id); +// makegolden('#'+this.id, 'height')}, +//function(){ +// makesmall(this.id); +// makegolden('#'+this.id, 'height') +}); +$('.colors').mouseover(function(){ + if(this.id != 'd0'){ + makebig(this.id); + makegolden('#'+this.id, 'height') + }}) +$('.colors').mouseout(function(){ + makesmall(this.id); + makegolden('#'+this.id,'height'); + }) +$(".colors").hover(function(){ +$('#colornames').fadeOut(100);$('#colornames').fadeIn(500); + }); +$('body').css('background-color', 'black') +$('.colors').css('margin-top', '2px') +var hexes = false +function hexswitch() + { + if(hexes == false) + { + $('#hexswitch').html('CLICK TO SHOW COLOR NAMES') + hexes = true; + } + + else + { + $('#hexswitch').html('CLICK TO SHOW HEX NAMES') + hexes = false; + } + } +$('#hexswitch').click(function(){hexswitch()}) + +$('.colors').click(function(){ + putitin() + }) + +function putitin() + { + $('#namespace').val($('#colornames').html()) + } + +</script> +</body> +</html> diff --git a/frontend/imgrid/colors/junk/divlist.js b/frontend/imgrid/colors/junk/divlist.js new file mode 100755 index 0000000..49ee990 --- /dev/null +++ b/frontend/imgrid/colors/junk/divlist.js @@ -0,0 +1,2 @@ +var divlist = ['#d0', '#d1', '#d2', '#d3', '#d4', '#d5', '#d6', '#d7', '#d8', '#d9', '#d10', '#d11', '#d12', '#d13', '#d14', '#d15', '#d16', '#d17', '#d18', '#d19', '#d20', '#d21', '#d22', '#d23', '#d24', '#d25', '#d26', '#d27', '#d28', '#d29', '#d30', '#d31', '#d32', '#d33', '#d34', '#d35', '#d36', '#d37', '#d38', '#d39', '#d40', '#d41', '#d42', '#d43', '#d44', '#d45', '#d46', '#d47', '#d48', '#d49', '#d50', '#d51', '#d52', '#d53', '#d54', '#d55', '#d56', '#d57', '#d58', '#d59', '#d60', '#d61', '#d62', '#d63', '#d64', '#d65', '#d66', '#d67', '#d68', '#d69', '#d70', '#d71', '#d72', '#d73', '#d74', '#d75', '#d76', '#d77', '#d78', '#d79', '#d80', '#d81', '#d82', '#d83', '#d84', '#d85', '#d86', '#d87', '#d88', '#d89', '#d90', '#d91', '#d92', '#d93', '#d94', '#d95', '#d96', '#d97', '#d98', '#d99', '#d100', '#d101', '#d102', '#d103', '#d104', '#d105', '#d106', '#d107', '#d108', '#d109', '#d110', '#d111', '#d112', '#d113', '#d114', '#d115', '#d116', '#d117', '#d118', '#d119', '#d120', '#d121', '#d122', '#d123', '#d124', '#d125', '#d126', '#d127', '#d128', '#d129', '#d130', '#d131', '#d132', '#d133', '#d134', '#d135', '#d136', '#d137', '#d138', '#d139', '#d140', '#d141', '#d142', '#d143', '#d144', '#d145', '#d146', '#d147', '#d148', '#d149', '#d150', '#d151', '#d152', '#d153', '#d154', '#d155', '#d156', '#d157', '#d158', '#d159', '#d160', '#d161', '#d162', '#d163', '#d164', '#d165', '#d166', '#d167', '#d168', '#d169', '#d170', '#d171', '#d172', '#d173', '#d174', '#d175', '#d176', '#d177', '#d178', '#d179', '#d180', '#d181', '#d182', '#d183', '#d184', '#d185', '#d186', '#d187', '#d188', '#d189', '#d190', '#d191', '#d192', '#d193', '#d194', '#d195', '#d196', '#d197', '#d198', '#d199', '#d200', '#d201', '#d202', '#d203', '#d204', '#d205', '#d206', '#d207', '#d208', '#d209', '#d210', '#d211', '#d212', '#d213', '#d214', '#d215', '#d216', '#d217', '#d218', '#d219', '#d220', '#d221', '#d222', '#d223', '#d224', '#d225', '#d226', '#d227', '#d228', '#d229', '#d230', '#d231', '#d232', '#d233', '#d234', '#d235', '#d236', '#d237', '#d238', '#d239', '#d240', '#d241', '#d242', '#d243', '#d244', '#d245', '#d246', '#d247', '#d248', '#d249', '#d250', '#d251', '#d252', '#d253', '#d254', '#d255', '#d256', '#d257', '#d258', '#d259', '#d260', '#d261', '#d262', '#d263', '#d264', '#d265', '#d266', '#d267', '#d268', '#d269', '#d270', '#d271', '#d272', '#d273', '#d274', '#d275', '#d276', '#d277', '#d278', '#d279', '#d280', '#d281', '#d282', '#d283', '#d284', '#d285', '#d286', '#d287', '#d288', '#d289', '#d290', '#d291', '#d292', '#d293', '#d294', '#d295', '#d296', '#d297', '#d298', '#d299', '#d300', '#d301', '#d302', '#d303', '#d304', '#d305', '#d306', '#d307', '#d308', '#d309', '#d310', '#d311', '#d312', '#d313', '#d314', '#d315', '#d316', '#d317', '#d318', '#d319', '#d320', '#d321', '#d322', '#d323', '#d324', '#d325', '#d326', '#d327', '#d328', '#d329', '#d330', '#d331', '#d332', '#d333', '#d334', '#d335', '#d336', '#d337', '#d338', '#d339', '#d340', '#d341', '#d342', '#d343', '#d344', '#d345', '#d346', '#d347', '#d348', '#d349', '#d350', '#d351', '#d352', '#d353', '#d354', '#d355', '#d356', '#d357', '#d358', '#d359', '#d360', '#d361', '#d362', '#d363', '#d364', '#d365', '#d366', '#d367', '#d368', '#d369', '#d370', '#d371', '#d372', '#d373', '#d374', '#d375', '#d376', '#d377', '#d378', '#d379', '#d380', '#d381', '#d382', '#d383', '#d384', '#d385', '#d386', '#d387', '#d388', '#d389', '#d390', '#d391', '#d392', '#d393', '#d394', '#d395', '#d396', '#d397', '#d398', '#d399', '#d400', '#d401', '#d402', '#d403', '#d404', '#d405', '#d406', '#d407', '#d408', '#d409', '#d410', '#d411', '#d412', '#d413', '#d414', '#d415', '#d416', '#d417', '#d418', '#d419', '#d420', '#d421', '#d422', '#d423', '#d424', '#d425', '#d426', '#d427', '#d428', '#d429', '#d430', '#d431', '#d432', '#d433', '#d434', '#d435', '#d436', '#d437', '#d438', '#d439', '#d440', '#d441', '#d442', '#d443', '#d444', '#d445', '#d446', '#d447', '#d448', '#d449', '#d450', '#d451', '#d452', '#d453', '#d454', '#d455', '#d456', '#d457', '#d458', '#d459', '#d460', '#d461', '#d462', '#d463', '#d464', '#d465', '#d466', '#d467', '#d468', '#d469', '#d470', '#d471', '#d472', '#d473', '#d474', '#d475', '#d476', '#d477', '#d478', '#d479', '#d480', '#d481', '#d482', '#d483', '#d484', '#d485', '#d486', '#d487', '#d488', '#d489', '#d490', '#d491', '#d492', '#d493', '#d494', '#d495', '#d496', '#d497', '#d498', '#d499', '#d500', '#d501', '#d502', '#d503', '#d504', '#d505', '#d506', '#d507', '#d508', '#d509', '#d510', '#d511', '#d512', '#d513', '#d514', '#d515', '#d516', '#d517', '#d518', '#d519', '#d520', '#d521', '#d522', '#d523', '#d524', '#d525', '#d526', '#d527', '#d528', '#d529', '#d530', '#d531', '#d532', '#d533', '#d534', '#d535', '#d536', '#d537', '#d538', '#d539', '#d540', '#d541', '#d542', '#d543', '#d544', '#d545', '#d546', '#d547', '#d548', '#d549', '#d550', '#d551', '#d552', '#d553', '#d554', '#d555', '#d556', '#d557', '#d558', '#d559', '#d560', '#d561', '#d562', '#d563', '#d564', '#d565', '#d566', '#d567', '#d568', '#d569', '#d570', '#d571', '#d572', '#d573', '#d574', '#d575', '#d576', '#d577', '#d578', '#d579', '#d580', '#d581', '#d582', '#d583', '#d584', '#d585', '#d586', '#d587', '#d588', '#d589', '#d590', '#d591', '#d592', '#d593', '#d594', '#d595', '#d596', '#d597', '#d598', '#d599', '#d600', '#d601', '#d602', '#d603', '#d604', '#d605', '#d606', '#d607', '#d608', '#d609', '#d610', '#d611', '#d612', '#d613', '#d614', '#d615', '#d616', '#d617', '#d618', '#d619', '#d620', '#d621', '#d622', '#d623', '#d624', '#d625', '#d626', '#d627', '#d628', '#d629', '#d630', '#d631', '#d632', '#d633', '#d634', '#d635', '#d636', '#d637', '#d638', '#d639', '#d640', '#d641', '#d642', '#d643', '#d644', '#d645', '#d646', '#d647', '#d648', '#d649', '#d650', '#d651', '#d652', '#d653', '#d654', '#d655', '#d656', '#d657', '#d658', '#d659', '#d660', '#d661', '#d662', '#d663', '#d664', '#d665', '#d666', '#d667', '#d668', '#d669', '#d670', '#d671', '#d672', '#d673'] +var divtoname = {'#d322': 'khaki4', '#d600': 'gray34', '#d118': 'MediumPurple1', '#d119': 'MediumPurple2', '#d114': 'purple3', '#d115': 'purple4', '#d116': 'purple1', '#d117': 'MediumPurple', '#d110': 'purple', '#d111': 'indigo', '#d112': 'BlueViolet', '#d113': 'purple2', '#d529': 'grey67', '#d231': 'DarkSlateGray', '#d339': 'LightGoldenrod3', '#d233': 'MediumTurquoise', '#d232': 'DarkSlateGrey', '#d235': 'turquoise', '#d234': 'LightSeaGreen', '#d237': 'aquamarine', '#d236': 'aquamarine4', '#d239': 'aquamarine2', '#d238': 'aquamarine1', '#d332': 'gold1', '#d333': 'gold2', '#d334': 'gold3', '#d335': 'gold4', '#d336': 'LightGoldenrod', '#d337': 'LightGoldenrod4', '#d424': 'LightSalmon3', '#d425': 'LightSalmon', '#d426': 'LightSalmon1', '#d427': 'LightSalmon4', '#d420': 'sienna', '#d421': 'sienna1', '#d422': 'sienna2', '#d423': 'sienna3', '#d587': 'grey41', '#d586': 'gray41', '#d585': 'DimGrey', '#d584': 'DimGray', '#d428': 'LightSalmon2', '#d429': 'coral', '#d581': 'grey43', '#d580': 'gray43', '#d89': 'thistle4', '#d88': 'plum3', '#d349': 'goldenrod4', '#d348': 'goldenrod3', '#d81': 'thistle2', '#d80': 'thistle1', '#d83': 'plum2', '#d82': 'plum1', '#d85': 'thistle3', '#d84': 'thistle', '#d87': 'violet', '#d86': 'plum', '#d601': 'grey34', '#d67': 'DeepPink3', '#d66': 'DeepPink2', '#d65': 'DeepPink1', '#d64': 'DeepPink', '#d63': 'HotPink', '#d62': 'HotPink4', '#d61': 'HotPink1', '#d60': 'HotPink2', '#d69': 'maroon1', '#d68': 'DeepPink4', '#d510': 'grey76', '#d511': 'silver', '#d512': 'gray75', '#d513': 'grey75', '#d514': 'gray74', '#d515': 'grey74', '#d516': 'gray73', '#d517': 'grey73', '#d518': 'gray72', '#d519': 'grey72', '#d150': 'LightSteelBlue2', '#d151': 'LightSteelBlue3', '#d152': 'LightSteelBlue4', '#d153': 'SlateGray4', '#d154': 'SlateGray1', '#d155': 'SlateGray2', '#d156': 'SlateGray3', '#d157': 'LightSlateGray', '#d158': 'LightSlateGrey', '#d159': 'SlateGray', '#d565': 'gray50', '#d564': 'fractal', '#d567': 'gray', '#d566': 'grey50', '#d561': 'grey52', '#d560': 'gray52', '#d563': 'grey51', '#d562': 'gray51', '#d604': 'gray32', '#d605': 'grey32', '#d606': 'gray31', '#d607': 'grey31', '#d569': 'grey49', '#d568': 'gray49', '#d602': 'gray33', '#d603': 'grey33', '#d125': 'SlateBlue', '#d124': 'MediumSlateBlue', '#d127': 'SlateBlue2', '#d126': 'SlateBlue1', '#d121': 'MediumPurple4', '#d120': 'MediumPurple3', '#d123': 'LightSlateBlue', '#d122': 'DarkSlateBlue', '#d359': 'wheat1', '#d129': 'SlateBlue4', '#d128': 'SlateBlue3', '#d301': 'LightYellow', '#d300': 'ivory1', '#d303': 'beige', '#d302': 'LightYellow1', '#d305': 'LightGoldenrodYellow', '#d304': 'ivory2', '#d307': 'ivory3', '#d306': 'LightYellow2', '#d309': 'ivory4', '#d308': 'LightYellow3', '#d462': 'grey98', '#d351': 'DarkGoldenrod1', '#d464': 'grey97', '#d465': 'gray96', '#d466': 'grey96', '#d467': 'WhiteSmoke', '#d463': 'gray97', '#d268': 'PaleGreen3', '#d269': 'honeydew4', '#d266': 'DarkSeaGreen3', '#d267': 'DarkSeaGreen', '#d264': 'LightGreen', '#d265': 'PaleGreen2', '#d262': 'PaleGreen', '#d263': 'honeydew3', '#d260': 'DarkSeaGreen2', '#d261': 'PaleGreen1', '#d598': 'gray35', '#d29': 'firebrick4', '#d28': 'brown4', '#d23': 'red2', '#d22': 'firebrick3', '#d21': 'RosyBrown4', '#d20': 'red1', '#d27': 'IndianRed4', '#d26': 'red3', '#d25': 'brown', '#d24': 'firebrick', '#d599': 'grey35', '#d338': 'LightGoldenrod1', '#d419': 'sienna4', '#d418': 'seashell1', '#d230': 'teal', '#d415': 'chocolate4', '#d414': 'chocolate3', '#d417': 'seashell', '#d416': 'SaddleBrown', '#d411': 'chocolate', '#d410': 'seashell3', '#d413': 'chocolate2', '#d412': 'chocolate1', '#d398': 'tan1', '#d399': 'tan2', '#d392': 'DarkOrange1', '#d393': 'linen', '#d390': 'bisque1', '#d391': 'bisque3', '#d396': 'DarkOrange4', '#d397': 'peru', '#d394': 'DarkOrange2', '#d395': 'DarkOrange3', '#d194': 'CadetBlue2', '#d195': 'CadetBlue3', '#d196': 'CadetBlue4', '#d197': 'turquoise1', '#d190': 'LightBlue', '#d191': 'LightBlue4', '#d192': 'PowderBlue', '#d193': 'CadetBlue1', '#d198': 'turquoise2', '#d199': 'turquoise3', '#d330': 'cornsilk4', '#d331': 'gold', '#d640': 'gray14', '#d641': 'grey14', '#d642': 'gray13', '#d643': 'grey13', '#d644': 'gray12', '#d645': 'grey12', '#d646': 'gray11', '#d647': 'grey11', '#d648': 'gray10', '#d649': 'grey10', '#d668': 'black', '#d486': 'gainsboro', '#d487': 'gray86', '#d484': 'gray87', '#d485': 'grey87', '#d482': 'gray88', '#d483': 'grey88', '#d480': 'gray89', '#d481': 'grey89', '#d521': 'grey71', '#d520': 'gray71', '#d523': 'grey70', '#d522': 'gray70', '#d525': 'grey69', '#d524': 'gray69', '#d488': 'grey86', '#d489': 'gray85', '#d430': 'OrangeRed', '#d660': 'gray4', '#d169': 'SteelBlue1', '#d168': 'SteelBlue', '#d661': 'grey4', '#d161': 'DodgerBlue', '#d160': 'SlateGrey', '#d163': 'DodgerBlue2', '#d162': 'DodgerBlue1', '#d165': 'DodgerBlue3', '#d164': 'DodgerBlue4', '#d167': 'SteelBlue4', '#d166': 'AliceBlue', '#d635': 'grey17', '#d634': 'gray17', '#d637': 'grey16', '#d636': 'gray16', '#d631': 'grey19', '#d630': 'gray19', '#d633': 'grey18', '#d632': 'gray18', '#d639': 'grey15', '#d638': 'gray15', '#d368': 'PapayaWhip', '#d222': 'cyan', '#d223': 'cyan1', '#d220': 'LightCyan4', '#d221': 'aqua', '#d226': 'DarkSlateGray4', '#d227': 'cyan3', '#d224': 'PaleTurquoise4', '#d225': 'cyan2', '#d228': 'cyan4', '#d229': 'DarkCyan', '#d590': 'gray39', '#d538': 'gray63', '#d539': 'grey63', '#d591': 'grey39', '#d451': 'MistyRose', '#d450': 'MistyRose2', '#d453': 'salmon', '#d452': 'MistyRose1', '#d455': 'white', '#d454': 'MistyRose3', '#d457': 'grey100', '#d456': 'gray100', '#d459': 'gray99', '#d458': 'grey100', '#d592': 'gray38', '#d593': 'grey38', '#d594': 'gray37', '#d595': 'grey37', '#d596': 'gray36', '#d597': 'grey36', '#d297': 'YellowGreen', '#d296': 'OliveDrab3', '#d295': 'OliveDrab2', '#d294': 'OliveDrab1', '#d293': 'OliveDrab', '#d292': 'DarkOliveGreen', '#d291': 'DarkOliveGreen4', '#d290': 'DarkOliveGreen2', '#d356': 'wheat2', '#d357': 'OldLace', '#d354': 'DarkGoldenrod4', '#d355': 'FloralWhite', '#d352': 'DarkGoldenrod2', '#d353': 'DarkGoldenrod3', '#d299': 'ivory', '#d298': 'OliveDrab4', '#d468': 'gray95', '#d534': 'gray65', '#d535': 'grey65', '#d52': 'LavenderBlush2', '#d53': 'LavenderBlush4', '#d50': 'LavenderBlush1', '#d51': 'LavenderBlush3', '#d56': 'VioletRed3', '#d57': 'VioletRed1', '#d54': 'maroon', '#d55': 'HotPink3', '#d58': 'VioletRed2', '#d59': 'VioletRed4', '#d469': 'grey95', '#d558': 'gray53', '#d559': 'grey53', '#d576': 'gray45', '#d577': 'grey45', '#d574': 'gray46', '#d575': 'grey46', '#d572': 'gray47', '#d573': 'grey47', '#d570': 'gray48', '#d571': 'grey48', '#d671': 'opaque', '#d670': 'grey0', '#d673': 'transparent', '#d672': 'none', '#d578': 'gray44', '#d579': 'grey44', '#d589': 'grey40', '#d588': 'gray40', '#d4': 'RosyBrown2', '#d5': 'snow3', '#d6': 'LightCoral', '#d7': 'IndianRed1', '#d0': 'snow', '#d1': 'snow1', '#d2': 'snow2', '#d3': 'RosyBrown1', '#d8': 'RosyBrown3', '#d9': 'IndianRed2', '#d136': 'MediumBlue', '#d137': 'blue4', '#d134': 'blue2', '#d135': 'blue3', '#d132': 'blue', '#d133': 'blue1', '#d130': 'GhostWhite', '#d131': 'lavender', '#d583': 'grey42', '#d138': 'DarkBlue', '#d139': 'MidnightBlue', '#d312': 'yellow1', '#d313': 'yellow2', '#d310': 'LightYellow4', '#d311': 'yellow', '#d316': 'olive', '#d317': 'DarkKhaki', '#d314': 'yellow3', '#d315': 'yellow4', '#d318': 'khaki2', '#d319': 'LemonChiffon4', '#d259': 'DarkSeaGreen1', '#d258': 'honeydew2', '#d253': 'SeaGreen4', '#d252': 'SeaGreen1', '#d251': 'SeaGreen3', '#d250': 'SeaGreen', '#d257': 'honeydew1', '#d256': 'honeydew', '#d255': 'MediumForestGreen', '#d254': 'SeaGreen2', '#d345': 'goldenrod', '#d344': 'cornsilk1', '#d612': 'gray28', '#d347': 'goldenrod2', '#d461': 'gray98', '#d346': 'goldenrod1', '#d479': 'grey90', '#d341': 'cornsilk3', '#d478': 'gray90', '#d340': 'LightGoldenrod2', '#d343': 'cornsilk', '#d342': 'cornsilk2', '#d528': 'gray67', '#d408': 'seashell4', '#d409': 'seashell2', '#d406': 'PeachPuff3', '#d407': 'SandyBrown', '#d404': 'PeachPuff4', '#d405': 'PeachPuff2', '#d402': 'PeachPuff', '#d403': 'PeachPuff1', '#d400': 'tan3', '#d401': 'tan4', '#d552': 'gray56', '#d460': 'grey99', '#d16': 'firebrick2', '#d17': 'snow4', '#d14': 'IndianRed', '#d15': 'IndianRed3', '#d12': 'firebrick1', '#d13': 'brown2', '#d10': 'RosyBrown', '#d11': 'brown1', '#d532': 'gray66', '#d533': 'grey66', '#d530': 'DarkGray', '#d531': 'DarkGrey', '#d536': 'gray64', '#d537': 'grey64', '#d18': 'brown3', '#d19': 'red', '#d329': 'MediumGoldenRod', '#d328': 'LemonChiffon2', '#d178': 'LightSkyBlue1', '#d179': 'LightSkyBlue2', '#d172': 'SkyBlue4', '#d173': 'SkyBlue1', '#d170': 'SteelBlue2', '#d171': 'SteelBlue3', '#d176': 'LightSkyBlue', '#d177': 'LightSkyBlue4', '#d174': 'SkyBlue2', '#d175': 'SkyBlue3', '#d626': 'gray21', '#d627': 'grey21', '#d624': 'gray22', '#d625': 'grey22', '#d622': 'gray23', '#d623': 'grey23', '#d620': 'gray24', '#d621': 'grey24', '#d628': 'gray20', '#d629': 'grey20', '#d219': 'azure4', '#d218': 'DarkSlateGray3', '#d217': 'PaleTurquoise3', '#d216': 'DarkSlateGray2', '#d215': 'LightCyan3', '#d214': 'azure3', '#d213': 'DarkSlateGray1', '#d212': 'PaleTurquoise2', '#d211': 'PaleTurquoise', '#d210': 'PaleTurquoise1', '#d669': 'gray0', '#d582': 'gray42', '#d442': 'coral3', '#d443': 'coral4', '#d440': 'coral1', '#d441': 'coral2', '#d446': 'tomato1', '#d447': 'tomato2', '#d444': 'tomato4', '#d445': 'tomato', '#d448': 'tomato3', '#d449': 'MistyRose4', '#d280': 'DarkGreen', '#d281': 'LawnGreen', '#d282': 'chartreuse', '#d283': 'chartreuse1', '#d284': 'chartreuse2', '#d285': 'chartreuse3', '#d286': 'chartreuse4', '#d287': 'GreenYellow', '#d288': 'DarkOliveGreen3', '#d289': 'DarkOliveGreen1', '#d361': 'orange', '#d360': 'wheat3', '#d367': 'moccasin', '#d366': 'wheat4', '#d365': 'orange4', '#d364': 'orange3', '#d49': 'LavenderBlush', '#d48': 'PaleVioletRed3', '#d45': 'PaleVioletRed', '#d44': 'PaleVioletRed4', '#d47': 'PaleVioletRed1', '#d46': 'PaleVioletRed2', '#d41': 'pink2', '#d40': 'pink1', '#d43': 'pink4', '#d42': 'pink3', '#d358': 'wheat', '#d527': 'grey68', '#d526': 'gray68', '#d614': 'gray27', '#d543': 'grey61', '#d542': 'gray61', '#d541': 'grey62', '#d540': 'gray62', '#d547': 'grey59', '#d546': 'gray59', '#d545': 'grey60', '#d544': 'gray60', '#d662': 'gray3', '#d663': 'grey3', '#d549': 'grey58', '#d548': 'gray58', '#d666': 'gray1', '#d667': 'grey1', '#d664': 'gray2', '#d665': 'grey2', '#d103': 'MediumOrchid4', '#d102': 'MediumOrchid3', '#d101': 'MediumOrchid2', '#d100': 'MediumOrchid1', '#d107': 'DarkOrchid3', '#d106': 'DarkOrchid1', '#d105': 'DarkOrchid', '#d104': 'DarkViolet', '#d109': 'DarkOrchid4', '#d108': 'DarkOrchid2', '#d244': 'SpringGreen', '#d245': 'SpringGreen1', '#d246': 'SpringGreen2', '#d247': 'SpringGreen3', '#d240': 'aquamarine3', '#d241': 'MediumAquamarine', '#d242': 'MediumSpringGreen', '#d243': 'MintCream', '#d327': 'LemonChiffon3', '#d326': 'khaki', '#d325': 'LemonChiffon1', '#d324': 'LemonChiffon', '#d248': 'SpringGreen4', '#d249': 'MediumSeaGreen', '#d321': 'khaki3', '#d320': 'khaki1', '#d350': 'DarkGoldenrod', '#d439': 'salmon4', '#d438': 'salmon3', '#d98': 'purple', '#d99': 'MediumOrchid', '#d96': 'DarkMagenta', '#d97': 'magenta4', '#d94': 'magenta2', '#d95': 'magenta3', '#d92': 'magenta1', '#d93': 'plum4', '#d90': 'fuchsia', '#d91': 'magenta', '#d433': 'OrangeRed3', '#d432': 'OrangeRed2', '#d431': 'OrangeRed1', '#d74': 'VioletRed', '#d75': 'orchid2', '#d76': 'orchid', '#d77': 'orchid1', '#d70': 'maroon2', '#d71': 'maroon3', '#d72': 'maroon4', '#d73': 'MediumVioletRed', '#d437': 'salmon2', '#d78': 'orchid3', '#d79': 'orchid4', '#d436': 'salmon1', '#d435': 'DarkSalmon', '#d434': 'OrangeRed4', '#d507': 'gray77', '#d506': 'grey78', '#d505': 'gray78', '#d504': 'grey79', '#d503': 'gray79', '#d502': 'grey80', '#d501': 'gray80', '#d500': 'grey81', '#d509': 'gray76', '#d508': 'grey77', '#d473': 'grey93', '#d369': 'NavajoWhite3', '#d147': 'CornflowerBlue', '#d146': 'RoyalBlue4', '#d145': 'RoyalBlue3', '#d144': 'RoyalBlue2', '#d143': 'RoyalBlue1', '#d142': 'RoyalBlue', '#d141': 'NavyBlue', '#d140': 'navy', '#d149': 'LightSteelBlue1', '#d148': 'LightSteelBlue', '#d472': 'gray93', '#d613': 'grey28', '#d363': 'orange2', '#d611': 'grey29', '#d610': 'gray29', '#d617': 'grey26', '#d616': 'gray26', '#d615': 'grey27', '#d362': 'orange1', '#d619': 'grey25', '#d618': 'gray25', '#d208': 'azure2', '#d209': 'LightCyan2', '#d200': 'turquoise4', '#d201': 'cadet blue', '#d202': 'CadetBlue', '#d203': 'DarkTurquoise', '#d204': 'azure', '#d205': 'azure1', '#d206': 'LightCyan', '#d207': 'LightCyan1', '#d608': 'gray30', '#d609': 'grey30', '#d374': 'NavajoWhite4', '#d375': 'AntiqueWhite4', '#d376': 'AntiqueWhite', '#d377': 'tan', '#d370': 'BlanchedAlmond', '#d371': 'NavajoWhite', '#d372': 'NavajoWhite1', '#d373': 'NavajoWhite2', '#d477': 'grey91', '#d476': 'gray91', '#d475': 'grey92', '#d474': 'gray92', '#d378': 'bisque4', '#d379': 'burlywood', '#d471': 'grey94', '#d470': 'gray94', '#d279': 'green', '#d278': 'green4', '#d275': 'PaleGreen4', '#d274': 'green2', '#d277': 'ForestGreen', '#d276': 'green3', '#d271': 'lime', '#d270': 'green1', '#d273': 'DarkSeaGreen4', '#d272': 'LimeGreen', '#d38': 'pink', '#d39': 'crimson', '#d30': 'DarkRed', '#d31': 'red4', '#d32': 'maroon', '#d33': 'LightPink1', '#d34': 'LightPink3', '#d35': 'LightPink4', '#d36': 'LightPink2', '#d37': 'LightPink', '#d658': 'gray5', '#d389': 'bisque', '#d388': 'bisque2', '#d381': 'burlywood1', '#d380': 'AntiqueWhite2', '#d383': 'burlywood2', '#d382': 'burlywood3', '#d385': 'burlywood4', '#d384': 'AntiqueWhite1', '#d387': 'DarkOrange', '#d386': 'AntiqueWhite3', '#d189': 'LightBlue2', '#d188': 'LightBlue1', '#d183': 'DeepSkyBlue', '#d182': 'LightBlue3', '#d181': 'SkyBlue', '#d180': 'LightSkyBlue3', '#d187': 'DeepSkyBlue3', '#d186': 'DeepSkyBlue4', '#d185': 'DeepSkyBlue2', '#d184': 'DeepSkyBlue1', '#d657': 'grey6', '#d656': 'gray6', '#d655': 'grey7', '#d654': 'gray7', '#d653': 'grey8', '#d652': 'gray8', '#d651': 'grey9', '#d650': 'gray9', '#d550': 'gray57', '#d659': 'grey5', '#d551': 'grey57', '#d495': 'LightGray', '#d494': 'grey83', '#d497': 'gray82', '#d496': 'LightGrey', '#d491': 'gray84', '#d490': 'grey85', '#d493': 'gray83', '#d492': 'grey84', '#d554': 'gray55', '#d555': 'grey55', '#d556': 'gray54', '#d557': 'grey54', '#d499': 'gray81', '#d498': 'grey82', '#d323': 'PaleGoldenrod', '#d553': 'grey56'}
\ No newline at end of file diff --git a/frontend/imgrid/colors/junk/divlistmaker b/frontend/imgrid/colors/junk/divlistmaker new file mode 100755 index 0000000..b461bc9 --- /dev/null +++ b/frontend/imgrid/colors/junk/divlistmaker @@ -0,0 +1,32 @@ +#!/usr/bin/python2.7 + + + +divlist = [] +for x in range(674): + divlist.append("#d"+str(x)) + +print str(divlist) + +f = open('colordict.js', 'a') + +f.write("var divlist = ") +f.write(str(divlist)) +f.close() + +f = open('colors.html', 'r') +lines = f.readlines() +colornames = [] +for line in lines: + if 'right' in line and 'td' in line: + colornames.append(line[22:-6]) + +divtoname = {} +for i in divlist: + divtoname[i] = colornames[divlist.index(i)] + +print divtoname +f = open('colordict.js', 'a') +f.write("\nvar divtoname = ") +f.write(str(divtoname)) + diff --git a/frontend/imgrid/colors/junk/mapmaker.html b/frontend/imgrid/colors/junk/mapmaker.html new file mode 100755 index 0000000..05ca832 --- /dev/null +++ b/frontend/imgrid/colors/junk/mapmaker.html @@ -0,0 +1,3586 @@ +<html> +<head> + +<style type='text/css'> + +body +{ +max-width:100%; +max-height:100%; +font-family:helvetica; +font-size:2px; +} + + +#container div +{ +display: -moz-inline-stack; +display:inline-block; +vertical-align:bottom; +height: 4px; +zoom: 1; +*display: inline; +} + +#container +{ +margin:0 auto; +width:30px; +padding-top:60px; +padding-bottom:50px; +padding-left:10px; +padding-right:10px; +text-align:center; +} + +#colornames +{ +color:white; +position:fixed; +font-size:50px; +top:50px; +right:60%; +width:400px; +} + +#hexswitch + { + position:fixed; + top:20px; + right:10%; + height:100px; + width:300px; + font-size:20px + border-style: groove; + border-width: 4px; + background-color:goldenrod; + text-align:center; + } +#infoswitch + { + position:fixed; + top: 60px; + right:5%; + font-size:20px + background-color:gray; + text-align:center; + } +#d0 +{background-color:#FFFAFA} + +#d1 +{background-color:#FFFAFA} + +#d2 +{background-color:#EEE9E9} + +#d3 +{background-color:#FFC1C1} + +#d4 +{background-color:#EEB4B4} + +#d5 +{background-color:#CDC9C9} + +#d6 +{background-color:#F08080} + +#d7 +{background-color:#FF6A6A} + +#d8 +{background-color:#CD9B9B} + +#d9 +{background-color:#EE6363} + +#d10 +{background-color:#BC8F8F} + +#d11 +{background-color:#FF4040} + +#d12 +{background-color:#FF3030} + +#d13 +{background-color:#EE3B3B} + +#d14 +{background-color:#CD5C5C} + +#d15 +{background-color:#CD5555} + +#d16 +{background-color:#EE2C2C} + +#d17 +{background-color:#8B8989} + +#d18 +{background-color:#CD3333} + +#d19 +{background-color:#FF0000} + +#d20 +{background-color:#FF0000} + +#d21 +{background-color:#8B6969} + +#d22 +{background-color:#CD2626} + +#d23 +{background-color:#EE0000} + +#d24 +{background-color:#B22222} + +#d25 +{background-color:#A52A2A} + +#d26 +{background-color:#CD0000} + +#d27 +{background-color:#8B3A3A} + +#d28 +{background-color:#8B2323} + +#d29 +{background-color:#8B1A1A} + +#d30 +{background-color:#8B0000} + +#d31 +{background-color:#8B0000} + +#d32 +{background-color:#800000} + +#d33 +{background-color:#FFAEB9} + +#d34 +{background-color:#CD8C95} + +#d35 +{background-color:#8B5F65} + +#d36 +{background-color:#EEA2AD} + +#d37 +{background-color:#FFB6C1} + +#d38 +{background-color:#FFC0CB} + +#d39 +{background-color:#DC143C} + +#d40 +{background-color:#FFB5C5} + +#d41 +{background-color:#EEA9B8} + +#d42 +{background-color:#CD919E} + +#d43 +{background-color:#8B636C} + +#d44 +{background-color:#8B475D} + +#d45 +{background-color:#DB7093} + +#d46 +{background-color:#EE799F} + +#d47 +{background-color:#FF82AB} + +#d48 +{background-color:#CD6889} + +#d49 +{background-color:#FFF0F5} + +#d50 +{background-color:#FFF0F5} + +#d51 +{background-color:#CDC1C5} + +#d52 +{background-color:#EEE0E5} + +#d53 +{background-color:#8B8386} + +#d54 +{background-color:#B03060} + +#d55 +{background-color:#CD6090} + +#d56 +{background-color:#CD3278} + +#d57 +{background-color:#FF3E96} + +#d58 +{background-color:#EE3A8C} + +#d59 +{background-color:#8B2252} + +#d60 +{background-color:#EE6AA7} + +#d61 +{background-color:#FF6EB4} + +#d62 +{background-color:#8B3A62} + +#d63 +{background-color:#FF69B4} + +#d64 +{background-color:#FF1493} + +#d65 +{background-color:#FF1493} + +#d66 +{background-color:#EE1289} + +#d67 +{background-color:#CD1076} + +#d68 +{background-color:#8B0A50} + +#d69 +{background-color:#FF34B3} + +#d70 +{background-color:#EE30A7} + +#d71 +{background-color:#CD2990} + +#d72 +{background-color:#8B1C62} + +#d73 +{background-color:#C71585} + +#d74 +{background-color:#D02090} + +#d75 +{background-color:#EE7AE9} + +#d76 +{background-color:#DA70D6} + +#d77 +{background-color:#FF83FA} + +#d78 +{background-color:#CD69C9} + +#d79 +{background-color:#8B4789} + +#d80 +{background-color:#FFE1FF} + +#d81 +{background-color:#EED2EE} + +#d82 +{background-color:#FFBBFF} + +#d83 +{background-color:#EEAEEE} + +#d84 +{background-color:#D8BFD8} + +#d85 +{background-color:#CDB5CD} + +#d86 +{background-color:#DDA0DD} + +#d87 +{background-color:#EE82EE} + +#d88 +{background-color:#CD96CD} + +#d89 +{background-color:#8B7B8B} + +#d90 +{background-color:#FF00FF} + +#d91 +{background-color:#FF00FF} + +#d92 +{background-color:#FF00FF} + +#d93 +{background-color:#8B668B} + +#d94 +{background-color:#EE00EE} + +#d95 +{background-color:#CD00CD} + +#d96 +{background-color:#8B008B} + +#d97 +{background-color:#8B008B} + +#d98 +{background-color:#800080} + +#d99 +{background-color:#BA55D3} + +#d100 +{background-color:#E066FF} + +#d101 +{background-color:#D15FEE} + +#d102 +{background-color:#B452CD} + +#d103 +{background-color:#7A378B} + +#d104 +{background-color:#9400D3} + +#d105 +{background-color:#9932CC} + +#d106 +{background-color:#BF3EFF} + +#d107 +{background-color:#9A32CD} + +#d108 +{background-color:#B23AEE} + +#d109 +{background-color:#68228B} + +#d110 +{background-color:#A020F0} + +#d111 +{background-color:#4B0082} + +#d112 +{background-color:#8A2BE2} + +#d113 +{background-color:#912CEE} + +#d114 +{background-color:#7D26CD} + +#d115 +{background-color:#551A8B} + +#d116 +{background-color:#9B30FF} + +#d117 +{background-color:#9370DB} + +#d118 +{background-color:#AB82FF} + +#d119 +{background-color:#9F79EE} + +#d120 +{background-color:#8968CD} + +#d121 +{background-color:#5D478B} + +#d122 +{background-color:#483D8B} + +#d123 +{background-color:#8470FF} + +#d124 +{background-color:#7B68EE} + +#d125 +{background-color:#6A5ACD} + +#d126 +{background-color:#836FFF} + +#d127 +{background-color:#7A67EE} + +#d128 +{background-color:#6959CD} + +#d129 +{background-color:#473C8B} + +#d130 +{background-color:#F8F8FF} + +#d131 +{background-color:#E6E6FA} + +#d132 +{background-color:#0000FF} + +#d133 +{background-color:#0000FF} + +#d134 +{background-color:#0000EE} + +#d135 +{background-color:#0000CD} + +#d136 +{background-color:#0000CD} + +#d137 +{background-color:#00008B} + +#d138 +{background-color:#00008B} + +#d139 +{background-color:#191970} + +#d140 +{background-color:#000080} + +#d141 +{background-color:#000080} + +#d142 +{background-color:#4169E1} + +#d143 +{background-color:#4876FF} + +#d144 +{background-color:#436EEE} + +#d145 +{background-color:#3A5FCD} + +#d146 +{background-color:#27408B} + +#d147 +{background-color:#6495ED} + +#d148 +{background-color:#B0C4DE} + +#d149 +{background-color:#CAE1FF} + +#d150 +{background-color:#BCD2EE} + +#d151 +{background-color:#A2B5CD} + +#d152 +{background-color:#6E7B8B} + +#d153 +{background-color:#6C7B8B} + +#d154 +{background-color:#C6E2FF} + +#d155 +{background-color:#B9D3EE} + +#d156 +{background-color:#9FB6CD} + +#d157 +{background-color:#778899} + +#d158 +{background-color:#778899} + +#d159 +{background-color:#708090} + +#d160 +{background-color:#708090} + +#d161 +{background-color:#1E90FF} + +#d162 +{background-color:#1E90FF} + +#d163 +{background-color:#1C86EE} + +#d164 +{background-color:#104E8B} + +#d165 +{background-color:#1874CD} + +#d166 +{background-color:#F0F8FF} + +#d167 +{background-color:#36648B} + +#d168 +{background-color:#4682B4} + +#d169 +{background-color:#63B8FF} + +#d170 +{background-color:#5CACEE} + +#d171 +{background-color:#4F94CD} + +#d172 +{background-color:#4A708B} + +#d173 +{background-color:#87CEFF} + +#d174 +{background-color:#7EC0EE} + +#d175 +{background-color:#6CA6CD} + +#d176 +{background-color:#87CEFA} + +#d177 +{background-color:#607B8B} + +#d178 +{background-color:#B0E2FF} + +#d179 +{background-color:#A4D3EE} + +#d180 +{background-color:#8DB6CD} + +#d181 +{background-color:#87CEEB} + +#d182 +{background-color:#9AC0CD} + +#d183 +{background-color:#00BFFF} + +#d184 +{background-color:#00BFFF} + +#d185 +{background-color:#00B2EE} + +#d186 +{background-color:#00688B} + +#d187 +{background-color:#009ACD} + +#d188 +{background-color:#BFEFFF} + +#d189 +{background-color:#B2DFEE} + +#d190 +{background-color:#ADD8E6} + +#d191 +{background-color:#68838B} + +#d192 +{background-color:#B0E0E6} + +#d193 +{background-color:#98F5FF} + +#d194 +{background-color:#8EE5EE} + +#d195 +{background-color:#7AC5CD} + +#d196 +{background-color:#53868B} + +#d197 +{background-color:#00F5FF} + +#d198 +{background-color:#00E5EE} + +#d199 +{background-color:#00C5CD} + +#d200 +{background-color:#00868B} + +#d201 +{background-color:#5F9EA0} + +#d202 +{background-color:#5F9EA0} + +#d203 +{background-color:#00CED1} + +#d204 +{background-color:#F0FFFF} + +#d205 +{background-color:#F0FFFF} + +#d206 +{background-color:#E0FFFF} + +#d207 +{background-color:#E0FFFF} + +#d208 +{background-color:#E0EEEE} + +#d209 +{background-color:#D1EEEE} + +#d210 +{background-color:#BBFFFF} + +#d211 +{background-color:#AFEEEE} + +#d212 +{background-color:#AEEEEE} + +#d213 +{background-color:#97FFFF} + +#d214 +{background-color:#C1CDCD} + +#d215 +{background-color:#B4CDCD} + +#d216 +{background-color:#8DEEEE} + +#d217 +{background-color:#96CDCD} + +#d218 +{background-color:#79CDCD} + +#d219 +{background-color:#838B8B} + +#d220 +{background-color:#7A8B8B} + +#d221 +{background-color:#00FFFF} + +#d222 +{background-color:#00FFFF} + +#d223 +{background-color:#00FFFF} + +#d224 +{background-color:#668B8B} + +#d225 +{background-color:#00EEEE} + +#d226 +{background-color:#528B8B} + +#d227 +{background-color:#00CDCD} + +#d228 +{background-color:#008B8B} + +#d229 +{background-color:#008B8B} + +#d230 +{background-color:#008080} + +#d231 +{background-color:#2F4F4F} + +#d232 +{background-color:#2F4F4F} + +#d233 +{background-color:#48D1CC} + +#d234 +{background-color:#20B2AA} + +#d235 +{background-color:#40E0D0} + +#d236 +{background-color:#458B74} + +#d237 +{background-color:#7FFFD4} + +#d238 +{background-color:#7FFFD4} + +#d239 +{background-color:#76EEC6} + +#d240 +{background-color:#66CDAA} + +#d241 +{background-color:#66CDAA} + +#d242 +{background-color:#00FA9A} + +#d243 +{background-color:#F5FFFA} + +#d244 +{background-color:#00FF7F} + +#d245 +{background-color:#00FF7F} + +#d246 +{background-color:#00EE76} + +#d247 +{background-color:#00CD66} + +#d248 +{background-color:#008B45} + +#d249 +{background-color:#3CB371} + +#d250 +{background-color:#2E8B57} + +#d251 +{background-color:#43CD80} + +#d252 +{background-color:#54FF9F} + +#d253 +{background-color:#2E8B57} + +#d254 +{background-color:#4EEE94} + +#d255 +{background-color:#32814B} + +#d256 +{background-color:#F0FFF0} + +#d257 +{background-color:#F0FFF0} + +#d258 +{background-color:#E0EEE0} + +#d259 +{background-color:#C1FFC1} + +#d260 +{background-color:#B4EEB4} + +#d261 +{background-color:#9AFF9A} + +#d262 +{background-color:#98FB98} + +#d263 +{background-color:#C1CDC1} + +#d264 +{background-color:#90EE90} + +#d265 +{background-color:#90EE90} + +#d266 +{background-color:#9BCD9B} + +#d267 +{background-color:#8FBC8F} + +#d268 +{background-color:#7CCD7C} + +#d269 +{background-color:#838B83} + +#d270 +{background-color:#00FF00} + +#d271 +{background-color:#00FF00} + +#d272 +{background-color:#32CD32} + +#d273 +{background-color:#698B69} + +#d274 +{background-color:#00EE00} + +#d275 +{background-color:#548B54} + +#d276 +{background-color:#00CD00} + +#d277 +{background-color:#228B22} + +#d278 +{background-color:#008B00} + +#d279 +{background-color:#008000} + +#d280 +{background-color:#006400} + +#d281 +{background-color:#7CFC00} + +#d282 +{background-color:#7FFF00} + +#d283 +{background-color:#7FFF00} + +#d284 +{background-color:#76EE00} + +#d285 +{background-color:#66CD00} + +#d286 +{background-color:#458B00} + +#d287 +{background-color:#ADFF2F} + +#d288 +{background-color:#A2CD5A} + +#d289 +{background-color:#CAFF70} + +#d290 +{background-color:#BCEE68} + +#d291 +{background-color:#6E8B3D} + +#d292 +{background-color:#556B2F} + +#d293 +{background-color:#6B8E23} + +#d294 +{background-color:#C0FF3E} + +#d295 +{background-color:#B3EE3A} + +#d296 +{background-color:#9ACD32} + +#d297 +{background-color:#9ACD32} + +#d298 +{background-color:#698B22} + +#d299 +{background-color:#FFFFF0} + +#d300 +{background-color:#FFFFF0} + +#d301 +{background-color:#FFFFE0} + +#d302 +{background-color:#FFFFE0} + +#d303 +{background-color:#F5F5DC} + +#d304 +{background-color:#EEEEE0} + +#d305 +{background-color:#FAFAD2} + +#d306 +{background-color:#EEEED1} + +#d307 +{background-color:#CDCDC1} + +#d308 +{background-color:#CDCDB4} + +#d309 +{background-color:#8B8B83} + +#d310 +{background-color:#8B8B7A} + +#d311 +{background-color:#FFFF00} + +#d312 +{background-color:#FFFF00} + +#d313 +{background-color:#EEEE00} + +#d314 +{background-color:#CDCD00} + +#d315 +{background-color:#8B8B00} + +#d316 +{background-color:#808000} + +#d317 +{background-color:#BDB76B} + +#d318 +{background-color:#EEE685} + +#d319 +{background-color:#8B8970} + +#d320 +{background-color:#FFF68F} + +#d321 +{background-color:#CDC673} + +#d322 +{background-color:#8B864E} + +#d323 +{background-color:#EEE8AA} + +#d324 +{background-color:#FFFACD} + +#d325 +{background-color:#FFFACD} + +#d326 +{background-color:#F0E68C} + +#d327 +{background-color:#CDC9A5} + +#d328 +{background-color:#EEE9BF} + +#d329 +{background-color:#D1C166} + +#d330 +{background-color:#8B8878} + +#d331 +{background-color:#FFD700} + +#d332 +{background-color:#FFD700} + +#d333 +{background-color:#EEC900} + +#d334 +{background-color:#CDAD00} + +#d335 +{background-color:#8B7500} + +#d336 +{background-color:#EEDD82} + +#d337 +{background-color:#8B814C} + +#d338 +{background-color:#FFEC8B} + +#d339 +{background-color:#CDBE70} + +#d340 +{background-color:#EEDC82} + +#d341 +{background-color:#CDC8B1} + +#d342 +{background-color:#EEE8CD} + +#d343 +{background-color:#FFF8DC} + +#d344 +{background-color:#FFF8DC} + +#d345 +{background-color:#DAA520} + +#d346 +{background-color:#FFC125} + +#d347 +{background-color:#EEB422} + +#d348 +{background-color:#CD9B1D} + +#d349 +{background-color:#8B6914} + +#d350 +{background-color:#B8860B} + +#d351 +{background-color:#FFB90F} + +#d352 +{background-color:#EEAD0E} + +#d353 +{background-color:#CD950C} + +#d354 +{background-color:#8B6508} + +#d355 +{background-color:#FFFAF0} + +#d356 +{background-color:#EED8AE} + +#d357 +{background-color:#FDF5E6} + +#d358 +{background-color:#F5DEB3} + +#d359 +{background-color:#FFE7BA} + +#d360 +{background-color:#CDBA96} + +#d361 +{background-color:#FFA500} + +#d362 +{background-color:#FFA500} + +#d363 +{background-color:#EE9A00} + +#d364 +{background-color:#CD8500} + +#d365 +{background-color:#8B5A00} + +#d366 +{background-color:#8B7E66} + +#d367 +{background-color:#FFE4B5} + +#d368 +{background-color:#FFEFD5} + +#d369 +{background-color:#CDB38B} + +#d370 +{background-color:#FFEBCD} + +#d371 +{background-color:#FFDEAD} + +#d372 +{background-color:#FFDEAD} + +#d373 +{background-color:#EECFA1} + +#d374 +{background-color:#8B795E} + +#d375 +{background-color:#8B8378} + +#d376 +{background-color:#FAEBD7} + +#d377 +{background-color:#D2B48C} + +#d378 +{background-color:#8B7D6B} + +#d379 +{background-color:#DEB887} + +#d380 +{background-color:#EEDFCC} + +#d381 +{background-color:#FFD39B} + +#d382 +{background-color:#CDAA7D} + +#d383 +{background-color:#EEC591} + +#d384 +{background-color:#FFEFDB} + +#d385 +{background-color:#8B7355} + +#d386 +{background-color:#CDC0B0} + +#d387 +{background-color:#FF8C00} + +#d388 +{background-color:#EED5B7} + +#d389 +{background-color:#FFE4C4} + +#d390 +{background-color:#FFE4C4} + +#d391 +{background-color:#CDB79E} + +#d392 +{background-color:#FF7F00} + +#d393 +{background-color:#FAF0E6} + +#d394 +{background-color:#EE7600} + +#d395 +{background-color:#CD6600} + +#d396 +{background-color:#8B4500} + +#d397 +{background-color:#CD853F} + +#d398 +{background-color:#FFA54F} + +#d399 +{background-color:#EE9A49} + +#d400 +{background-color:#CD853F} + +#d401 +{background-color:#8B5A2B} + +#d402 +{background-color:#FFDAB9} + +#d403 +{background-color:#FFDAB9} + +#d404 +{background-color:#8B7765} + +#d405 +{background-color:#EECBAD} + +#d406 +{background-color:#CDAF95} + +#d407 +{background-color:#F4A460} + +#d408 +{background-color:#8B8682} + +#d409 +{background-color:#EEE5DE} + +#d410 +{background-color:#CDC5BF} + +#d411 +{background-color:#D2691E} + +#d412 +{background-color:#FF7F24} + +#d413 +{background-color:#EE7621} + +#d414 +{background-color:#CD661D} + +#d415 +{background-color:#8B4513} + +#d416 +{background-color:#8B4513} + +#d417 +{background-color:#FFF5EE} + +#d418 +{background-color:#FFF5EE} + +#d419 +{background-color:#8B4726} + +#d420 +{background-color:#A0522D} + +#d421 +{background-color:#FF8247} + +#d422 +{background-color:#EE7942} + +#d423 +{background-color:#CD6839} + +#d424 +{background-color:#CD8162} + +#d425 +{background-color:#FFA07A} + +#d426 +{background-color:#FFA07A} + +#d427 +{background-color:#8B5742} + +#d428 +{background-color:#EE9572} + +#d429 +{background-color:#FF7F50} + +#d430 +{background-color:#FF4500} + +#d431 +{background-color:#FF4500} + +#d432 +{background-color:#EE4000} + +#d433 +{background-color:#CD3700} + +#d434 +{background-color:#8B2500} + +#d435 +{background-color:#E9967A} + +#d436 +{background-color:#FF8C69} + +#d437 +{background-color:#EE8262} + +#d438 +{background-color:#CD7054} + +#d439 +{background-color:#8B4C39} + +#d440 +{background-color:#FF7256} + +#d441 +{background-color:#EE6A50} + +#d442 +{background-color:#CD5B45} + +#d443 +{background-color:#8B3E2F} + +#d444 +{background-color:#8B3626} + +#d445 +{background-color:#FF6347} + +#d446 +{background-color:#FF6347} + +#d447 +{background-color:#EE5C42} + +#d448 +{background-color:#CD4F39} + +#d449 +{background-color:#8B7D7B} + +#d450 +{background-color:#EED5D2} + +#d451 +{background-color:#FFE4E1} + +#d452 +{background-color:#FFE4E1} + +#d453 +{background-color:#FA8072} + +#d454 +{background-color:#CDB7B5} + +#d455 +{background-color:#FFFFFF} + +#d456 +{background-color:#FFFFFF} + +#d457 +{background-color:#FFFFFF} + +#d458 +{background-color:#FFFFFF} + +#d459 +{background-color:#FCFCFC} + +#d460 +{background-color:#FCFCFC} + +#d461 +{background-color:#FAFAFA} + +#d462 +{background-color:#FAFAFA} + +#d463 +{background-color:#F7F7F7} + +#d464 +{background-color:#F7F7F7} + +#d465 +{background-color:#F5F5F5} + +#d466 +{background-color:#F5F5F5} + +#d467 +{background-color:#F5F5F5} + +#d468 +{background-color:#F2F2F2} + +#d469 +{background-color:#F2F2F2} + +#d470 +{background-color:#F0F0F0} + +#d471 +{background-color:#F0F0F0} + +#d472 +{background-color:#EDEDED} + +#d473 +{background-color:#EDEDED} + +#d474 +{background-color:#EBEBEB} + +#d475 +{background-color:#EBEBEB} + +#d476 +{background-color:#E8E8E8} + +#d477 +{background-color:#E8E8E8} + +#d478 +{background-color:#E5E5E5} + +#d479 +{background-color:#E5E5E5} + +#d480 +{background-color:#E3E3E3} + +#d481 +{background-color:#E3E3E3} + +#d482 +{background-color:#E0E0E0} + +#d483 +{background-color:#E0E0E0} + +#d484 +{background-color:#DEDEDE} + +#d485 +{background-color:#DEDEDE} + +#d486 +{background-color:#DCDCDC} + +#d487 +{background-color:#DBDBDB} + +#d488 +{background-color:#DBDBDB} + +#d489 +{background-color:#D9D9D9} + +#d490 +{background-color:#D9D9D9} + +#d491 +{background-color:#D6D6D6} + +#d492 +{background-color:#D6D6D6} + +#d493 +{background-color:#D4D4D4} + +#d494 +{background-color:#D4D4D4} + +#d495 +{background-color:#D3D3D3} + +#d496 +{background-color:#D3D3D3} + +#d497 +{background-color:#D1D1D1} + +#d498 +{background-color:#D1D1D1} + +#d499 +{background-color:#CFCFCF} + +#d500 +{background-color:#CFCFCF} + +#d501 +{background-color:#CCCCCC} + +#d502 +{background-color:#CCCCCC} + +#d503 +{background-color:#C9C9C9} + +#d504 +{background-color:#C9C9C9} + +#d505 +{background-color:#C7C7C7} + +#d506 +{background-color:#C7C7C7} + +#d507 +{background-color:#C4C4C4} + +#d508 +{background-color:#C4C4C4} + +#d509 +{background-color:#C2C2C2} + +#d510 +{background-color:#C2C2C2} + +#d511 +{background-color:#C0C0C0} + +#d512 +{background-color:#BFBFBF} + +#d513 +{background-color:#BFBFBF} + +#d514 +{background-color:#BDBDBD} + +#d515 +{background-color:#BDBDBD} + +#d516 +{background-color:#BABABA} + +#d517 +{background-color:#BABABA} + +#d518 +{background-color:#B8B8B8} + +#d519 +{background-color:#B8B8B8} + +#d520 +{background-color:#B5B5B5} + +#d521 +{background-color:#B5B5B5} + +#d522 +{background-color:#B3B3B3} + +#d523 +{background-color:#B3B3B3} + +#d524 +{background-color:#B0B0B0} + +#d525 +{background-color:#B0B0B0} + +#d526 +{background-color:#ADADAD} + +#d527 +{background-color:#ADADAD} + +#d528 +{background-color:#ABABAB} + +#d529 +{background-color:#ABABAB} + +#d530 +{background-color:#A9A9A9} + +#d531 +{background-color:#A9A9A9} + +#d532 +{background-color:#A8A8A8} + +#d533 +{background-color:#A8A8A8} + +#d534 +{background-color:#A6A6A6} + +#d535 +{background-color:#A6A6A6} + +#d536 +{background-color:#A3A3A3} + +#d537 +{background-color:#A3A3A3} + +#d538 +{background-color:#A1A1A1} + +#d539 +{background-color:#A1A1A1} + +#d540 +{background-color:#9E9E9E} + +#d541 +{background-color:#9E9E9E} + +#d542 +{background-color:#9C9C9C} + +#d543 +{background-color:#9C9C9C} + +#d544 +{background-color:#999999} + +#d545 +{background-color:#999999} + +#d546 +{background-color:#969696} + +#d547 +{background-color:#969696} + +#d548 +{background-color:#949494} + +#d549 +{background-color:#949494} + +#d550 +{background-color:#919191} + +#d551 +{background-color:#919191} + +#d552 +{background-color:#8F8F8F} + +#d553 +{background-color:#8F8F8F} + +#d554 +{background-color:#8C8C8C} + +#d555 +{background-color:#8C8C8C} + +#d556 +{background-color:#8A8A8A} + +#d557 +{background-color:#8A8A8A} + +#d558 +{background-color:#878787} + +#d559 +{background-color:#878787} + +#d560 +{background-color:#858585} + +#d561 +{background-color:#858585} + +#d562 +{background-color:#828282} + +#d563 +{background-color:#828282} + +#d564 +{background-color:#808080} + +#d565 +{background-color:#7F7F7F} + +#d566 +{background-color:#7F7F7F} + +#d567 +{background-color:#7E7E7E} + +#d568 +{background-color:#7D7D7D} + +#d569 +{background-color:#7D7D7D} + +#d570 +{background-color:#7A7A7A} + +#d571 +{background-color:#7A7A7A} + +#d572 +{background-color:#787878} + +#d573 +{background-color:#787878} + +#d574 +{background-color:#757575} + +#d575 +{background-color:#757575} + +#d576 +{background-color:#737373} + +#d577 +{background-color:#737373} + +#d578 +{background-color:#707070} + +#d579 +{background-color:#707070} + +#d580 +{background-color:#6E6E6E} + +#d581 +{background-color:#6E6E6E} + +#d582 +{background-color:#6B6B6B} + +#d583 +{background-color:#6B6B6B} + +#d584 +{background-color:#696969} + +#d585 +{background-color:#696969} + +#d586 +{background-color:#696969} + +#d587 +{background-color:#696969} + +#d588 +{background-color:#666666} + +#d589 +{background-color:#666666} + +#d590 +{background-color:#636363} + +#d591 +{background-color:#636363} + +#d592 +{background-color:#616161} + +#d593 +{background-color:#616161} + +#d594 +{background-color:#5E5E5E} + +#d595 +{background-color:#5E5E5E} + +#d596 +{background-color:#5C5C5C} + +#d597 +{background-color:#5C5C5C} + +#d598 +{background-color:#595959} + +#d599 +{background-color:#595959} + +#d600 +{background-color:#575757} + +#d601 +{background-color:#575757} + +#d602 +{background-color:#545454} + +#d603 +{background-color:#545454} + +#d604 +{background-color:#525252} + +#d605 +{background-color:#525252} + +#d606 +{background-color:#4F4F4F} + +#d607 +{background-color:#4F4F4F} + +#d608 +{background-color:#4D4D4D} + +#d609 +{background-color:#4D4D4D} + +#d610 +{background-color:#4A4A4A} + +#d611 +{background-color:#4A4A4A} + +#d612 +{background-color:#474747} + +#d613 +{background-color:#474747} + +#d614 +{background-color:#454545} + +#d615 +{background-color:#454545} + +#d616 +{background-color:#424242} + +#d617 +{background-color:#424242} + +#d618 +{background-color:#404040} + +#d619 +{background-color:#404040} + +#d620 +{background-color:#3D3D3D} + +#d621 +{background-color:#3D3D3D} + +#d622 +{background-color:#3B3B3B} + +#d623 +{background-color:#3B3B3B} + +#d624 +{background-color:#383838} + +#d625 +{background-color:#383838} + +#d626 +{background-color:#363636} + +#d627 +{background-color:#363636} + +#d628 +{background-color:#333333} + +#d629 +{background-color:#333333} + +#d630 +{background-color:#303030} + +#d631 +{background-color:#303030} + +#d632 +{background-color:#2E2E2E} + +#d633 +{background-color:#2E2E2E} + +#d634 +{background-color:#2B2B2B} + +#d635 +{background-color:#2B2B2B} + +#d636 +{background-color:#292929} + +#d637 +{background-color:#292929} + +#d638 +{background-color:#262626} + +#d639 +{background-color:#262626} + +#d640 +{background-color:#242424} + +#d641 +{background-color:#242424} + +#d642 +{background-color:#212121} + +#d643 +{background-color:#212121} + +#d644 +{background-color:#1F1F1F} + +#d645 +{background-color:#1F1F1F} + +#d646 +{background-color:#1C1C1C} + +#d647 +{background-color:#1C1C1C} + +#d648 +{background-color:#1A1A1A} + +#d649 +{background-color:#1A1A1A} + +#d650 +{background-color:#171717} + +#d651 +{background-color:#171717} + +#d652 +{background-color:#141414} + +#d653 +{background-color:#141414} + +#d654 +{background-color:#121212} + +#d655 +{background-color:#121212} + +#d656 +{background-color:#0F0F0F} + +#d657 +{background-color:#0F0F0F} + +#d658 +{background-color:#0D0D0D} + +#d659 +{background-color:#0D0D0D} + +#d660 +{background-color:#0A0A0A} + +#d661 +{background-color:#0A0A0A} + +#d662 +{background-color:#080808} + +#d663 +{background-color:#080808} + +#d664 +{background-color:#050505} + +#d665 +{background-color:#050505} + +#d666 +{background-color:#030303} + +#d667 +{background-color:#030303} + +#d668 +{background-color:#000000} + +#d669 +{background-color:#000000} + +#d670 +{background-color:#000000} + +#d671 +{background-color:#000000} + +#d672 +{background-color:#000000} + +#d673 +{background-color:#000000} +.colors +{ +height:30px; +width:10px; +} +</style></head><body> +<div id='container'> +<div id='d0' class='colors'> +snow</div> +<div id='d1' class='colors'> +snow1</div> +<div id='d2' class='colors'> +snow2</div> +<div id='d3' class='colors'> +RosyBrown1</div> +<div id='d4' class='colors'> +RosyBrown2</div> +<div id='d5' class='colors'> +snow3</div> +<div id='d6' class='colors'> +LightCoral</div> +<div id='d7' class='colors'> +IndianRed1</div> +<div id='d8' class='colors'> +RosyBrown3</div> +<div id='d9' class='colors'> +IndianRed2</div> +<div id='d10' class='colors'> +RosyBrown</div> +<div id='d11' class='colors'> +brown1</div> +<div id='d12' class='colors'> +firebrick1</div> +<div id='d13' class='colors'> +brown2</div> +<div id='d14' class='colors'> +IndianRed</div> +<div id='d15' class='colors'> +IndianRed3</div> +<div id='d16' class='colors'> +firebrick2</div> +<div id='d17' class='colors'> +snow4</div> +<div id='d18' class='colors'> +brown3</div> +<div id='d19' class='colors'> +red</div> +<div id='d20' class='colors'> +red1</div> +<div id='d21' class='colors'> +RosyBrown4</div> +<div id='d22' class='colors'> +firebrick3</div> +<div id='d23' class='colors'> +red2</div> +<div id='d24' class='colors'> +firebrick</div> +<div id='d25' class='colors'> +brown</div> +<div id='d26' class='colors'> +red3</div> +<div id='d27' class='colors'> +IndianRed4</div> +<div id='d28' class='colors'> +brown4</div> +<div id='d29' class='colors'> +firebrick4</div> +<div id='d30' class='colors'> +DarkRed</div> +<div id='d31' class='colors'> +red4</div> +<div id='d32' class='colors'> +maroon</div> +<div id='d33' class='colors'> +LightPink1</div> +<div id='d34' class='colors'> +LightPink3</div> +<div id='d35' class='colors'> +LightPink4</div> +<div id='d36' class='colors'> +LightPink2</div> +<div id='d37' class='colors'> +LightPink</div> +<div id='d38' class='colors'> +pink</div> +<div id='d39' class='colors'> +crimson</div> +<div id='d40' class='colors'> +pink1</div> +<div id='d41' class='colors'> +pink2</div> +<div id='d42' class='colors'> +pink3</div> +<div id='d43' class='colors'> +pink4</div> +<div id='d44' class='colors'> +PaleVioletRed4</div> +<div id='d45' class='colors'> +PaleVioletRed</div> +<div id='d46' class='colors'> +PaleVioletRed2</div> +<div id='d47' class='colors'> +PaleVioletRed1</div> +<div id='d48' class='colors'> +PaleVioletRed3</div> +<div id='d49' class='colors'> +LavenderBlush</div> +<div id='d50' class='colors'> +LavenderBlush1</div> +<div id='d51' class='colors'> +LavenderBlush3</div> +<div id='d52' class='colors'> +LavenderBlush2</div> +<div id='d53' class='colors'> +LavenderBlush4</div> +<div id='d54' class='colors'> +maroon</div> +<div id='d55' class='colors'> +HotPink3</div> +<div id='d56' class='colors'> +VioletRed3</div> +<div id='d57' class='colors'> +VioletRed1</div> +<div id='d58' class='colors'> +VioletRed2</div> +<div id='d59' class='colors'> +VioletRed4</div> +<div id='d60' class='colors'> +HotPink2</div> +<div id='d61' class='colors'> +HotPink1</div> +<div id='d62' class='colors'> +HotPink4</div> +<div id='d63' class='colors'> +HotPink</div> +<div id='d64' class='colors'> +DeepPink</div> +<div id='d65' class='colors'> +DeepPink1</div> +<div id='d66' class='colors'> +DeepPink2</div> +<div id='d67' class='colors'> +DeepPink3</div> +<div id='d68' class='colors'> +DeepPink4</div> +<div id='d69' class='colors'> +maroon1</div> +<div id='d70' class='colors'> +maroon2</div> +<div id='d71' class='colors'> +maroon3</div> +<div id='d72' class='colors'> +maroon4</div> +<div id='d73' class='colors'> +MediumVioletRed</div> +<div id='d74' class='colors'> +VioletRed</div> +<div id='d75' class='colors'> +orchid2</div> +<div id='d76' class='colors'> +orchid</div> +<div id='d77' class='colors'> +orchid1</div> +<div id='d78' class='colors'> +orchid3</div> +<div id='d79' class='colors'> +orchid4</div> +<div id='d80' class='colors'> +thistle1</div> +<div id='d81' class='colors'> +thistle2</div> +<div id='d82' class='colors'> +plum1</div> +<div id='d83' class='colors'> +plum2</div> +<div id='d84' class='colors'> +thistle</div> +<div id='d85' class='colors'> +thistle3</div> +<div id='d86' class='colors'> +plum</div> +<div id='d87' class='colors'> +violet</div> +<div id='d88' class='colors'> +plum3</div> +<div id='d89' class='colors'> +thistle4</div> +<div id='d90' class='colors'> +fuchsia</div> +<div id='d91' class='colors'> +magenta</div> +<div id='d92' class='colors'> +magenta1</div> +<div id='d93' class='colors'> +plum4</div> +<div id='d94' class='colors'> +magenta2</div> +<div id='d95' class='colors'> +magenta3</div> +<div id='d96' class='colors'> +DarkMagenta</div> +<div id='d97' class='colors'> +magenta4</div> +<div id='d98' class='colors'> +purple</div> +<div id='d99' class='colors'> +MediumOrchid</div> +<div id='d100' class='colors'> +MediumOrchid1</div> +<div id='d101' class='colors'> +MediumOrchid2</div> +<div id='d102' class='colors'> +MediumOrchid3</div> +<div id='d103' class='colors'> +MediumOrchid4</div> +<div id='d104' class='colors'> +DarkViolet</div> +<div id='d105' class='colors'> +DarkOrchid</div> +<div id='d106' class='colors'> +DarkOrchid1</div> +<div id='d107' class='colors'> +DarkOrchid3</div> +<div id='d108' class='colors'> +DarkOrchid2</div> +<div id='d109' class='colors'> +DarkOrchid4</div> +<div id='d110' class='colors'> +purple</div> +<div id='d111' class='colors'> +indigo</div> +<div id='d112' class='colors'> +BlueViolet</div> +<div id='d113' class='colors'> +purple2</div> +<div id='d114' class='colors'> +purple3</div> +<div id='d115' class='colors'> +purple4</div> +<div id='d116' class='colors'> +purple1</div> +<div id='d117' class='colors'> +MediumPurple</div> +<div id='d118' class='colors'> +MediumPurple1</div> +<div id='d119' class='colors'> +MediumPurple2</div> +<div id='d120' class='colors'> +MediumPurple3</div> +<div id='d121' class='colors'> +MediumPurple4</div> +<div id='d122' class='colors'> +DarkSlateBlue</div> +<div id='d123' class='colors'> +LightSlateBlue</div> +<div id='d124' class='colors'> +MediumSlateBlue</div> +<div id='d125' class='colors'> +SlateBlue</div> +<div id='d126' class='colors'> +SlateBlue1</div> +<div id='d127' class='colors'> +SlateBlue2</div> +<div id='d128' class='colors'> +SlateBlue3</div> +<div id='d129' class='colors'> +SlateBlue4</div> +<div id='d130' class='colors'> +GhostWhite</div> +<div id='d131' class='colors'> +lavender</div> +<div id='d132' class='colors'> +blue</div> +<div id='d133' class='colors'> +blue1</div> +<div id='d134' class='colors'> +blue2</div> +<div id='d135' class='colors'> +blue3</div> +<div id='d136' class='colors'> +MediumBlue</div> +<div id='d137' class='colors'> +blue4</div> +<div id='d138' class='colors'> +DarkBlue</div> +<div id='d139' class='colors'> +MidnightBlue</div> +<div id='d140' class='colors'> +navy</div> +<div id='d141' class='colors'> +NavyBlue</div> +<div id='d142' class='colors'> +RoyalBlue</div> +<div id='d143' class='colors'> +RoyalBlue1</div> +<div id='d144' class='colors'> +RoyalBlue2</div> +<div id='d145' class='colors'> +RoyalBlue3</div> +<div id='d146' class='colors'> +RoyalBlue4</div> +<div id='d147' class='colors'> +CornflowerBlue</div> +<div id='d148' class='colors'> +LightSteelBlue</div> +<div id='d149' class='colors'> +LightSteelBlue1</div> +<div id='d150' class='colors'> +LightSteelBlue2</div> +<div id='d151' class='colors'> +LightSteelBlue3</div> +<div id='d152' class='colors'> +LightSteelBlue4</div> +<div id='d153' class='colors'> +SlateGray4</div> +<div id='d154' class='colors'> +SlateGray1</div> +<div id='d155' class='colors'> +SlateGray2</div> +<div id='d156' class='colors'> +SlateGray3</div> +<div id='d157' class='colors'> +LightSlateGray</div> +<div id='d158' class='colors'> +LightSlateGrey</div> +<div id='d159' class='colors'> +SlateGray</div> +<div id='d160' class='colors'> +SlateGrey</div> +<div id='d161' class='colors'> +DodgerBlue</div> +<div id='d162' class='colors'> +DodgerBlue1</div> +<div id='d163' class='colors'> +DodgerBlue2</div> +<div id='d164' class='colors'> +DodgerBlue4</div> +<div id='d165' class='colors'> +DodgerBlue3</div> +<div id='d166' class='colors'> +AliceBlue</div> +<div id='d167' class='colors'> +SteelBlue4</div> +<div id='d168' class='colors'> +SteelBlue</div> +<div id='d169' class='colors'> +SteelBlue1</div> +<div id='d170' class='colors'> +SteelBlue2</div> +<div id='d171' class='colors'> +SteelBlue3</div> +<div id='d172' class='colors'> +SkyBlue4</div> +<div id='d173' class='colors'> +SkyBlue1</div> +<div id='d174' class='colors'> +SkyBlue2</div> +<div id='d175' class='colors'> +SkyBlue3</div> +<div id='d176' class='colors'> +LightSkyBlue</div> +<div id='d177' class='colors'> +LightSkyBlue4</div> +<div id='d178' class='colors'> +LightSkyBlue1</div> +<div id='d179' class='colors'> +LightSkyBlue2</div> +<div id='d180' class='colors'> +LightSkyBlue3</div> +<div id='d181' class='colors'> +SkyBlue</div> +<div id='d182' class='colors'> +LightBlue3</div> +<div id='d183' class='colors'> +DeepSkyBlue</div> +<div id='d184' class='colors'> +DeepSkyBlue1</div> +<div id='d185' class='colors'> +DeepSkyBlue2</div> +<div id='d186' class='colors'> +DeepSkyBlue4</div> +<div id='d187' class='colors'> +DeepSkyBlue3</div> +<div id='d188' class='colors'> +LightBlue1</div> +<div id='d189' class='colors'> +LightBlue2</div> +<div id='d190' class='colors'> +LightBlue</div> +<div id='d191' class='colors'> +LightBlue4</div> +<div id='d192' class='colors'> +PowderBlue</div> +<div id='d193' class='colors'> +CadetBlue1</div> +<div id='d194' class='colors'> +CadetBlue2</div> +<div id='d195' class='colors'> +CadetBlue3</div> +<div id='d196' class='colors'> +CadetBlue4</div> +<div id='d197' class='colors'> +turquoise1</div> +<div id='d198' class='colors'> +turquoise2</div> +<div id='d199' class='colors'> +turquoise3</div> +<div id='d200' class='colors'> +turquoise4</div> +<div id='d201' class='colors'> +cadet blue</div> +<div id='d202' class='colors'> +CadetBlue</div> +<div id='d203' class='colors'> +DarkTurquoise</div> +<div id='d204' class='colors'> +azure</div> +<div id='d205' class='colors'> +azure1</div> +<div id='d206' class='colors'> +LightCyan</div> +<div id='d207' class='colors'> +LightCyan1</div> +<div id='d208' class='colors'> +azure2</div> +<div id='d209' class='colors'> +LightCyan2</div> +<div id='d210' class='colors'> +PaleTurquoise1</div> +<div id='d211' class='colors'> +PaleTurquoise</div> +<div id='d212' class='colors'> +PaleTurquoise2</div> +<div id='d213' class='colors'> +DarkSlateGray1</div> +<div id='d214' class='colors'> +azure3</div> +<div id='d215' class='colors'> +LightCyan3</div> +<div id='d216' class='colors'> +DarkSlateGray2</div> +<div id='d217' class='colors'> +PaleTurquoise3</div> +<div id='d218' class='colors'> +DarkSlateGray3</div> +<div id='d219' class='colors'> +azure4</div> +<div id='d220' class='colors'> +LightCyan4</div> +<div id='d221' class='colors'> +aqua</div> +<div id='d222' class='colors'> +cyan</div> +<div id='d223' class='colors'> +cyan1</div> +<div id='d224' class='colors'> +PaleTurquoise4</div> +<div id='d225' class='colors'> +cyan2</div> +<div id='d226' class='colors'> +DarkSlateGray4</div> +<div id='d227' class='colors'> +cyan3</div> +<div id='d228' class='colors'> +cyan4</div> +<div id='d229' class='colors'> +DarkCyan</div> +<div id='d230' class='colors'> +teal</div> +<div id='d231' class='colors'> +DarkSlateGray</div> +<div id='d232' class='colors'> +DarkSlateGrey</div> +<div id='d233' class='colors'> +MediumTurquoise</div> +<div id='d234' class='colors'> +LightSeaGreen</div> +<div id='d235' class='colors'> +turquoise</div> +<div id='d236' class='colors'> +aquamarine4</div> +<div id='d237' class='colors'> +aquamarine</div> +<div id='d238' class='colors'> +aquamarine1</div> +<div id='d239' class='colors'> +aquamarine2</div> +<div id='d240' class='colors'> +aquamarine3</div> +<div id='d241' class='colors'> +MediumAquamarine</div> +<div id='d242' class='colors'> +MediumSpringGreen</div> +<div id='d243' class='colors'> +MintCream</div> +<div id='d244' class='colors'> +SpringGreen</div> +<div id='d245' class='colors'> +SpringGreen1</div> +<div id='d246' class='colors'> +SpringGreen2</div> +<div id='d247' class='colors'> +SpringGreen3</div> +<div id='d248' class='colors'> +SpringGreen4</div> +<div id='d249' class='colors'> +MediumSeaGreen</div> +<div id='d250' class='colors'> +SeaGreen</div> +<div id='d251' class='colors'> +SeaGreen3</div> +<div id='d252' class='colors'> +SeaGreen1</div> +<div id='d253' class='colors'> +SeaGreen4</div> +<div id='d254' class='colors'> +SeaGreen2</div> +<div id='d255' class='colors'> +MediumForestGreen</div> +<div id='d256' class='colors'> +honeydew</div> +<div id='d257' class='colors'> +honeydew1</div> +<div id='d258' class='colors'> +honeydew2</div> +<div id='d259' class='colors'> +DarkSeaGreen1</div> +<div id='d260' class='colors'> +DarkSeaGreen2</div> +<div id='d261' class='colors'> +PaleGreen1</div> +<div id='d262' class='colors'> +PaleGreen</div> +<div id='d263' class='colors'> +honeydew3</div> +<div id='d264' class='colors'> +LightGreen</div> +<div id='d265' class='colors'> +PaleGreen2</div> +<div id='d266' class='colors'> +DarkSeaGreen3</div> +<div id='d267' class='colors'> +DarkSeaGreen</div> +<div id='d268' class='colors'> +PaleGreen3</div> +<div id='d269' class='colors'> +honeydew4</div> +<div id='d270' class='colors'> +green1</div> +<div id='d271' class='colors'> +lime</div> +<div id='d272' class='colors'> +LimeGreen</div> +<div id='d273' class='colors'> +DarkSeaGreen4</div> +<div id='d274' class='colors'> +green2</div> +<div id='d275' class='colors'> +PaleGreen4</div> +<div id='d276' class='colors'> +green3</div> +<div id='d277' class='colors'> +ForestGreen</div> +<div id='d278' class='colors'> +green4</div> +<div id='d279' class='colors'> +green</div> +<div id='d280' class='colors'> +DarkGreen</div> +<div id='d281' class='colors'> +LawnGreen</div> +<div id='d282' class='colors'> +chartreuse</div> +<div id='d283' class='colors'> +chartreuse1</div> +<div id='d284' class='colors'> +chartreuse2</div> +<div id='d285' class='colors'> +chartreuse3</div> +<div id='d286' class='colors'> +chartreuse4</div> +<div id='d287' class='colors'> +GreenYellow</div> +<div id='d288' class='colors'> +DarkOliveGreen3</div> +<div id='d289' class='colors'> +DarkOliveGreen1</div> +<div id='d290' class='colors'> +DarkOliveGreen2</div> +<div id='d291' class='colors'> +DarkOliveGreen4</div> +<div id='d292' class='colors'> +DarkOliveGreen</div> +<div id='d293' class='colors'> +OliveDrab</div> +<div id='d294' class='colors'> +OliveDrab1</div> +<div id='d295' class='colors'> +OliveDrab2</div> +<div id='d296' class='colors'> +OliveDrab3</div> +<div id='d297' class='colors'> +YellowGreen</div> +<div id='d298' class='colors'> +OliveDrab4</div> +<div id='d299' class='colors'> +ivory</div> +<div id='d300' class='colors'> +ivory1</div> +<div id='d301' class='colors'> +LightYellow</div> +<div id='d302' class='colors'> +LightYellow1</div> +<div id='d303' class='colors'> +beige</div> +<div id='d304' class='colors'> +ivory2</div> +<div id='d305' class='colors'> +LightGoldenrodYellow</div> +<div id='d306' class='colors'> +LightYellow2</div> +<div id='d307' class='colors'> +ivory3</div> +<div id='d308' class='colors'> +LightYellow3</div> +<div id='d309' class='colors'> +ivory4</div> +<div id='d310' class='colors'> +LightYellow4</div> +<div id='d311' class='colors'> +yellow</div> +<div id='d312' class='colors'> +yellow1</div> +<div id='d313' class='colors'> +yellow2</div> +<div id='d314' class='colors'> +yellow3</div> +<div id='d315' class='colors'> +yellow4</div> +<div id='d316' class='colors'> +olive</div> +<div id='d317' class='colors'> +DarkKhaki</div> +<div id='d318' class='colors'> +khaki2</div> +<div id='d319' class='colors'> +LemonChiffon4</div> +<div id='d320' class='colors'> +khaki1</div> +<div id='d321' class='colors'> +khaki3</div> +<div id='d322' class='colors'> +khaki4</div> +<div id='d323' class='colors'> +PaleGoldenrod</div> +<div id='d324' class='colors'> +LemonChiffon</div> +<div id='d325' class='colors'> +LemonChiffon1</div> +<div id='d326' class='colors'> +khaki</div> +<div id='d327' class='colors'> +LemonChiffon3</div> +<div id='d328' class='colors'> +LemonChiffon2</div> +<div id='d329' class='colors'> +MediumGoldenRod</div> +<div id='d330' class='colors'> +cornsilk4</div> +<div id='d331' class='colors'> +gold</div> +<div id='d332' class='colors'> +gold1</div> +<div id='d333' class='colors'> +gold2</div> +<div id='d334' class='colors'> +gold3</div> +<div id='d335' class='colors'> +gold4</div> +<div id='d336' class='colors'> +LightGoldenrod</div> +<div id='d337' class='colors'> +LightGoldenrod4</div> +<div id='d338' class='colors'> +LightGoldenrod1</div> +<div id='d339' class='colors'> +LightGoldenrod3</div> +<div id='d340' class='colors'> +LightGoldenrod2</div> +<div id='d341' class='colors'> +cornsilk3</div> +<div id='d342' class='colors'> +cornsilk2</div> +<div id='d343' class='colors'> +cornsilk</div> +<div id='d344' class='colors'> +cornsilk1</div> +<div id='d345' class='colors'> +goldenrod</div> +<div id='d346' class='colors'> +goldenrod1</div> +<div id='d347' class='colors'> +goldenrod2</div> +<div id='d348' class='colors'> +goldenrod3</div> +<div id='d349' class='colors'> +goldenrod4</div> +<div id='d350' class='colors'> +DarkGoldenrod</div> +<div id='d351' class='colors'> +DarkGoldenrod1</div> +<div id='d352' class='colors'> +DarkGoldenrod2</div> +<div id='d353' class='colors'> +DarkGoldenrod3</div> +<div id='d354' class='colors'> +DarkGoldenrod4</div> +<div id='d355' class='colors'> +FloralWhite</div> +<div id='d356' class='colors'> +wheat2</div> +<div id='d357' class='colors'> +OldLace</div> +<div id='d358' class='colors'> +wheat</div> +<div id='d359' class='colors'> +wheat1</div> +<div id='d360' class='colors'> +wheat3</div> +<div id='d361' class='colors'> +orange</div> +<div id='d362' class='colors'> +orange1</div> +<div id='d363' class='colors'> +orange2</div> +<div id='d364' class='colors'> +orange3</div> +<div id='d365' class='colors'> +orange4</div> +<div id='d366' class='colors'> +wheat4</div> +<div id='d367' class='colors'> +moccasin</div> +<div id='d368' class='colors'> +PapayaWhip</div> +<div id='d369' class='colors'> +NavajoWhite3</div> +<div id='d370' class='colors'> +BlanchedAlmond</div> +<div id='d371' class='colors'> +NavajoWhite</div> +<div id='d372' class='colors'> +NavajoWhite1</div> +<div id='d373' class='colors'> +NavajoWhite2</div> +<div id='d374' class='colors'> +NavajoWhite4</div> +<div id='d375' class='colors'> +AntiqueWhite4</div> +<div id='d376' class='colors'> +AntiqueWhite</div> +<div id='d377' class='colors'> +tan</div> +<div id='d378' class='colors'> +bisque4</div> +<div id='d379' class='colors'> +burlywood</div> +<div id='d380' class='colors'> +AntiqueWhite2</div> +<div id='d381' class='colors'> +burlywood1</div> +<div id='d382' class='colors'> +burlywood3</div> +<div id='d383' class='colors'> +burlywood2</div> +<div id='d384' class='colors'> +AntiqueWhite1</div> +<div id='d385' class='colors'> +burlywood4</div> +<div id='d386' class='colors'> +AntiqueWhite3</div> +<div id='d387' class='colors'> +DarkOrange</div> +<div id='d388' class='colors'> +bisque2</div> +<div id='d389' class='colors'> +bisque</div> +<div id='d390' class='colors'> +bisque1</div> +<div id='d391' class='colors'> +bisque3</div> +<div id='d392' class='colors'> +DarkOrange1</div> +<div id='d393' class='colors'> +linen</div> +<div id='d394' class='colors'> +DarkOrange2</div> +<div id='d395' class='colors'> +DarkOrange3</div> +<div id='d396' class='colors'> +DarkOrange4</div> +<div id='d397' class='colors'> +peru</div> +<div id='d398' class='colors'> +tan1</div> +<div id='d399' class='colors'> +tan2</div> +<div id='d400' class='colors'> +tan3</div> +<div id='d401' class='colors'> +tan4</div> +<div id='d402' class='colors'> +PeachPuff</div> +<div id='d403' class='colors'> +PeachPuff1</div> +<div id='d404' class='colors'> +PeachPuff4</div> +<div id='d405' class='colors'> +PeachPuff2</div> +<div id='d406' class='colors'> +PeachPuff3</div> +<div id='d407' class='colors'> +SandyBrown</div> +<div id='d408' class='colors'> +seashell4</div> +<div id='d409' class='colors'> +seashell2</div> +<div id='d410' class='colors'> +seashell3</div> +<div id='d411' class='colors'> +chocolate</div> +<div id='d412' class='colors'> +chocolate1</div> +<div id='d413' class='colors'> +chocolate2</div> +<div id='d414' class='colors'> +chocolate3</div> +<div id='d415' class='colors'> +chocolate4</div> +<div id='d416' class='colors'> +SaddleBrown</div> +<div id='d417' class='colors'> +seashell</div> +<div id='d418' class='colors'> +seashell1</div> +<div id='d419' class='colors'> +sienna4</div> +<div id='d420' class='colors'> +sienna</div> +<div id='d421' class='colors'> +sienna1</div> +<div id='d422' class='colors'> +sienna2</div> +<div id='d423' class='colors'> +sienna3</div> +<div id='d424' class='colors'> +LightSalmon3</div> +<div id='d425' class='colors'> +LightSalmon</div> +<div id='d426' class='colors'> +LightSalmon1</div> +<div id='d427' class='colors'> +LightSalmon4</div> +<div id='d428' class='colors'> +LightSalmon2</div> +<div id='d429' class='colors'> +coral</div> +<div id='d430' class='colors'> +OrangeRed</div> +<div id='d431' class='colors'> +OrangeRed1</div> +<div id='d432' class='colors'> +OrangeRed2</div> +<div id='d433' class='colors'> +OrangeRed3</div> +<div id='d434' class='colors'> +OrangeRed4</div> +<div id='d435' class='colors'> +DarkSalmon</div> +<div id='d436' class='colors'> +salmon1</div> +<div id='d437' class='colors'> +salmon2</div> +<div id='d438' class='colors'> +salmon3</div> +<div id='d439' class='colors'> +salmon4</div> +<div id='d440' class='colors'> +coral1</div> +<div id='d441' class='colors'> +coral2</div> +<div id='d442' class='colors'> +coral3</div> +<div id='d443' class='colors'> +coral4</div> +<div id='d444' class='colors'> +tomato4</div> +<div id='d445' class='colors'> +tomato</div> +<div id='d446' class='colors'> +tomato1</div> +<div id='d447' class='colors'> +tomato2</div> +<div id='d448' class='colors'> +tomato3</div> +<div id='d449' class='colors'> +MistyRose4</div> +<div id='d450' class='colors'> +MistyRose2</div> +<div id='d451' class='colors'> +MistyRose</div> +<div id='d452' class='colors'> +MistyRose1</div> +<div id='d453' class='colors'> +salmon</div> +<div id='d454' class='colors'> +MistyRose3</div> +<div id='d455' class='colors'> +white</div> +<div id='d456' class='colors'> +gray100</div> +<div id='d457' class='colors'> +grey100</div> +<div id='d458' class='colors'> +grey100</div> +<div id='d459' class='colors'> +gray99</div> +<div id='d460' class='colors'> +grey99</div> +<div id='d461' class='colors'> +gray98</div> +<div id='d462' class='colors'> +grey98</div> +<div id='d463' class='colors'> +gray97</div> +<div id='d464' class='colors'> +grey97</div> +<div id='d465' class='colors'> +gray96</div> +<div id='d466' class='colors'> +grey96</div> +<div id='d467' class='colors'> +WhiteSmoke</div> +<div id='d468' class='colors'> +gray95</div> +<div id='d469' class='colors'> +grey95</div> +<div id='d470' class='colors'> +gray94</div> +<div id='d471' class='colors'> +grey94</div> +<div id='d472' class='colors'> +gray93</div> +<div id='d473' class='colors'> +grey93</div> +<div id='d474' class='colors'> +gray92</div> +<div id='d475' class='colors'> +grey92</div> +<div id='d476' class='colors'> +gray91</div> +<div id='d477' class='colors'> +grey91</div> +<div id='d478' class='colors'> +gray90</div> +<div id='d479' class='colors'> +grey90</div> +<div id='d480' class='colors'> +gray89</div> +<div id='d481' class='colors'> +grey89</div> +<div id='d482' class='colors'> +gray88</div> +<div id='d483' class='colors'> +grey88</div> +<div id='d484' class='colors'> +gray87</div> +<div id='d485' class='colors'> +grey87</div> +<div id='d486' class='colors'> +gainsboro</div> +<div id='d487' class='colors'> +gray86</div> +<div id='d488' class='colors'> +grey86</div> +<div id='d489' class='colors'> +gray85</div> +<div id='d490' class='colors'> +grey85</div> +<div id='d491' class='colors'> +gray84</div> +<div id='d492' class='colors'> +grey84</div> +<div id='d493' class='colors'> +gray83</div> +<div id='d494' class='colors'> +grey83</div> +<div id='d495' class='colors'> +LightGray</div> +<div id='d496' class='colors'> +LightGrey</div> +<div id='d497' class='colors'> +gray82</div> +<div id='d498' class='colors'> +grey82</div> +<div id='d499' class='colors'> +gray81</div> +<div id='d500' class='colors'> +grey81</div> +<div id='d501' class='colors'> +gray80</div> +<div id='d502' class='colors'> +grey80</div> +<div id='d503' class='colors'> +gray79</div> +<div id='d504' class='colors'> +grey79</div> +<div id='d505' class='colors'> +gray78</div> +<div id='d506' class='colors'> +grey78</div> +<div id='d507' class='colors'> +gray77</div> +<div id='d508' class='colors'> +grey77</div> +<div id='d509' class='colors'> +gray76</div> +<div id='d510' class='colors'> +grey76</div> +<div id='d511' class='colors'> +silver</div> +<div id='d512' class='colors'> +gray75</div> +<div id='d513' class='colors'> +grey75</div> +<div id='d514' class='colors'> +gray74</div> +<div id='d515' class='colors'> +grey74</div> +<div id='d516' class='colors'> +gray73</div> +<div id='d517' class='colors'> +grey73</div> +<div id='d518' class='colors'> +gray72</div> +<div id='d519' class='colors'> +grey72</div> +<div id='d520' class='colors'> +gray71</div> +<div id='d521' class='colors'> +grey71</div> +<div id='d522' class='colors'> +gray70</div> +<div id='d523' class='colors'> +grey70</div> +<div id='d524' class='colors'> +gray69</div> +<div id='d525' class='colors'> +grey69</div> +<div id='d526' class='colors'> +gray68</div> +<div id='d527' class='colors'> +grey68</div> +<div id='d528' class='colors'> +gray67</div> +<div id='d529' class='colors'> +grey67</div> +<div id='d530' class='colors'> +DarkGray</div> +<div id='d531' class='colors'> +DarkGrey</div> +<div id='d532' class='colors'> +gray66</div> +<div id='d533' class='colors'> +grey66</div> +<div id='d534' class='colors'> +gray65</div> +<div id='d535' class='colors'> +grey65</div> +<div id='d536' class='colors'> +gray64</div> +<div id='d537' class='colors'> +grey64</div> +<div id='d538' class='colors'> +gray63</div> +<div id='d539' class='colors'> +grey63</div> +<div id='d540' class='colors'> +gray62</div> +<div id='d541' class='colors'> +grey62</div> +<div id='d542' class='colors'> +gray61</div> +<div id='d543' class='colors'> +grey61</div> +<div id='d544' class='colors'> +gray60</div> +<div id='d545' class='colors'> +grey60</div> +<div id='d546' class='colors'> +gray59</div> +<div id='d547' class='colors'> +grey59</div> +<div id='d548' class='colors'> +gray58</div> +<div id='d549' class='colors'> +grey58</div> +<div id='d550' class='colors'> +gray57</div> +<div id='d551' class='colors'> +grey57</div> +<div id='d552' class='colors'> +gray56</div> +<div id='d553' class='colors'> +grey56</div> +<div id='d554' class='colors'> +gray55</div> +<div id='d555' class='colors'> +grey55</div> +<div id='d556' class='colors'> +gray54</div> +<div id='d557' class='colors'> +grey54</div> +<div id='d558' class='colors'> +gray53</div> +<div id='d559' class='colors'> +grey53</div> +<div id='d560' class='colors'> +gray52</div> +<div id='d561' class='colors'> +grey52</div> +<div id='d562' class='colors'> +gray51</div> +<div id='d563' class='colors'> +grey51</div> +<div id='d564' class='colors'> +fractal</div> +<div id='d565' class='colors'> +gray50</div> +<div id='d566' class='colors'> +grey50</div> +<div id='d567' class='colors'> +gray</div> +<div id='d568' class='colors'> +gray49</div> +<div id='d569' class='colors'> +grey49</div> +<div id='d570' class='colors'> +gray48</div> +<div id='d571' class='colors'> +grey48</div> +<div id='d572' class='colors'> +gray47</div> +<div id='d573' class='colors'> +grey47</div> +<div id='d574' class='colors'> +gray46</div> +<div id='d575' class='colors'> +grey46</div> +<div id='d576' class='colors'> +gray45</div> +<div id='d577' class='colors'> +grey45</div> +<div id='d578' class='colors'> +gray44</div> +<div id='d579' class='colors'> +grey44</div> +<div id='d580' class='colors'> +gray43</div> +<div id='d581' class='colors'> +grey43</div> +<div id='d582' class='colors'> +gray42</div> +<div id='d583' class='colors'> +grey42</div> +<div id='d584' class='colors'> +DimGray</div> +<div id='d585' class='colors'> +DimGrey</div> +<div id='d586' class='colors'> +gray41</div> +<div id='d587' class='colors'> +grey41</div> +<div id='d588' class='colors'> +gray40</div> +<div id='d589' class='colors'> +grey40</div> +<div id='d590' class='colors'> +gray39</div> +<div id='d591' class='colors'> +grey39</div> +<div id='d592' class='colors'> +gray38</div> +<div id='d593' class='colors'> +grey38</div> +<div id='d594' class='colors'> +gray37</div> +<div id='d595' class='colors'> +grey37</div> +<div id='d596' class='colors'> +gray36</div> +<div id='d597' class='colors'> +grey36</div> +<div id='d598' class='colors'> +gray35</div> +<div id='d599' class='colors'> +grey35</div> +<div id='d600' class='colors'> +gray34</div> +<div id='d601' class='colors'> +grey34</div> +<div id='d602' class='colors'> +gray33</div> +<div id='d603' class='colors'> +grey33</div> +<div id='d604' class='colors'> +gray32</div> +<div id='d605' class='colors'> +grey32</div> +<div id='d606' class='colors'> +gray31</div> +<div id='d607' class='colors'> +grey31</div> +<div id='d608' class='colors'> +gray30</div> +<div id='d609' class='colors'> +grey30</div> +<div id='d610' class='colors'> +gray29</div> +<div id='d611' class='colors'> +grey29</div> +<div id='d612' class='colors'> +gray28</div> +<div id='d613' class='colors'> +grey28</div> +<div id='d614' class='colors'> +gray27</div> +<div id='d615' class='colors'> +grey27</div> +<div id='d616' class='colors'> +gray26</div> +<div id='d617' class='colors'> +grey26</div> +<div id='d618' class='colors'> +gray25</div> +<div id='d619' class='colors'> +grey25</div> +<div id='d620' class='colors'> +gray24</div> +<div id='d621' class='colors'> +grey24</div> +<div id='d622' class='colors'> +gray23</div> +<div id='d623' class='colors'> +grey23</div> +<div id='d624' class='colors'> +gray22</div> +<div id='d625' class='colors'> +grey22</div> +<div id='d626' class='colors'> +gray21</div> +<div id='d627' class='colors'> +grey21</div> +<div id='d628' class='colors'> +gray20</div> +<div id='d629' class='colors'> +grey20</div> +<div id='d630' class='colors'> +gray19</div> +<div id='d631' class='colors'> +grey19</div> +<div id='d632' class='colors'> +gray18</div> +<div id='d633' class='colors'> +grey18</div> +<div id='d634' class='colors'> +gray17</div> +<div id='d635' class='colors'> +grey17</div> +<div id='d636' class='colors'> +gray16</div> +<div id='d637' class='colors'> +grey16</div> +<div id='d638' class='colors'> +gray15</div> +<div id='d639' class='colors'> +grey15</div> +<div id='d640' class='colors'> +gray14</div> +<div id='d641' class='colors'> +grey14</div> +<div id='d642' class='colors'> +gray13</div> +<div id='d643' class='colors'> +grey13</div> +<div id='d644' class='colors'> +gray12</div> +<div id='d645' class='colors'> +grey12</div> +<div id='d646' class='colors'> +gray11</div> +<div id='d647' class='colors'> +grey11</div> +<div id='d648' class='colors'> +gray10</div> +<div id='d649' class='colors'> +grey10</div> +<div id='d650' class='colors'> +gray9</div> +<div id='d651' class='colors'> +grey9</div> +<div id='d652' class='colors'> +gray8</div> +<div id='d653' class='colors'> +grey8</div> +<div id='d654' class='colors'> +gray7</div> +<div id='d655' class='colors'> +grey7</div> +<div id='d656' class='colors'> +gray6</div> +<div id='d657' class='colors'> +grey6</div> +<div id='d658' class='colors'> +gray5</div> +<div id='d659' class='colors'> +grey5</div> +<div id='d660' class='colors'> +gray4</div> +<div id='d661' class='colors'> +grey4</div> +<div id='d662' class='colors'> +gray3</div> +<div id='d663' class='colors'> +grey3</div> +<div id='d664' class='colors'> +gray2</div> +<div id='d665' class='colors'> +grey2</div> +<div id='d666' class='colors'> +gray1</div> +<div id='d667' class='colors'> +grey1</div> +<div id='d668' class='colors'> +black</div> +<div id='d669' class='colors'> +gray0</div> +<div id='d670' class='colors'> +grey0</div> +<div id='d671' class='colors'> +opaque</div> +<div id='d672' class='colors'> +none</div> +<div id='d673' class='colors'> +transparent</div> +</div> + +<div id='colornames'> +WHERE THE COLORNAMES WILL GO +</div> + +<div id='hexswitch'>CLICK TO SHOW HEXES</div> +<div id='infoswitch'>CLICK TO SHOW INFO</div> +<script type='text/javascript' src='jquery-1.6.4.min.js'></script><script type='text/javascript' src='colordict.js'></script> +<script type='text/javascript'> +$('.colors').html("") +$('body').css('background-color','white') + +function goldenize(num) + { + ratio = (1+Math.sqrt(5))/2 + newnum = Math.round(num*ratio) + return newnum + } +//turns css property width or height into an integer value +function getproperty(idandselectr, propertystr) + { + grab = $(idandselectr).css(propertystr) + grab = grab.slice(0,-2) + numval = parseInt(grab) + return numval + } +function makegolden(idandselectr, propertystr) + { + result = getproperty(idandselectr, propertystr) + newwidth = goldenize(result) + widthval = newwidth.toString()+'px' + $(idandselectr).css('width', widthval) + } +makegolden('.colors', 'height') + + +//remove content this function takes the name out of the divs +infoswitch = false; +function removecontent() + { + if(infoswitch == false) + { + $('#infoswitch').click(function() + { + infoswitch = true + if(infoswitch == true){ + $('.colors').html("") + } + }) + } + if(infoswitch == true) + { + $('#infoswitch').click(function() + { + infoswitch = false + }) + } + } +removecontent() + +function colorToHex(color) +{ + if (color.substr(0, 1) === '#') { + return color; + } + var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color); + + var red = parseInt(digits[2]); + var green = parseInt(digits[3]); + var blue = parseInt(digits[4]); + + var rgb = blue | (green << 8) | (red << 16); + return digits[1] + '#' + rgb.toString(16); +}; + +//takes a div name and returns a colorname + +function showcolorname(divstr) + + { + bgcolor = $('#'+divstr).css('background-color') + lowercasehex = colorToHex(bgcolor) + hex = lowercasehex.toUpperCase() + imname = hextoname[hex] + if (hexes == true) + { + imname = hex + } + return imname + } +function bigname(divstr) + { + colorname = showcolorname(divstr) + $('#colornames').html(colorname) + } +function writeit(text) + { + $('#colornames').append(text) + } +function makebig(divstr) + { + firstheight = $('#'+divstr).height() + newheight = goldenize(firstheight) + $('#'+divstr).height(newheight) + } +function makesmall(divstr) + { + oldheight = $('.colors').height() + $('#'+divstr).height(oldheight) + } +$('.colors').hover(function() { + bigname(this.id); + makebig(this.id); + makegolden('#'+this.id, 'height')}, +function(){ + makesmall(this.id); + makegolden('#'+this.id, 'height') +}); +$(".colors").hover(function(){ +$('#colornames').fadeOut(100);$('#colornames').fadeIn(500); +}); +$('body').css('background-color', 'white') +$('.colors').css('margin-top', '2px') +var hexes = false +function hexswitch() + { + if(hexes == false) + { + $('#hexswitch').html('CLICK TO SHOW COLOR NAMES') + hexes = true; + } + + else + { + $('#hexswitch').html('CLICK TO SHOW HEX NAMES') + hexes = false; + } + } +$('#hexswitch').click(function(){hexswitch()}) +</script> +</body> +</html> diff --git a/frontend/imgrid/colors/junk/picker.js b/frontend/imgrid/colors/junk/picker.js new file mode 100755 index 0000000..04a49f1 --- /dev/null +++ b/frontend/imgrid/colors/junk/picker.js @@ -0,0 +1,15 @@ +var colorpicker = "<div id='main'>"+"<div id='d0' class='colors'>"+"snow</div>"+"<div id='d1' class='colors'>"+"snow1</div>"+"<div id='d2' class='colors'>"+"snow2</div>"+"<div id='d3' class='colors'>"+"RosyBrown1</div>"+"<div id='d4' class='colors'>"+"RosyBrown2</div>"+"<div id='d5' class='colors'>"+"snow3</div>"+"<div id='d6' class='colors'>"+"LightCoral</div>"+"<div id='d7' class='colors'>"+"IndianRed1</div>"+"<div id='d8' class='colors'>"+"RosyBrown3</div>"+"<div id='d9' class='colors'>"+"IndianRed2</div>"+"<div id='d10' class='colors'>"+"RosyBrown</div>"+"<div id='d11' class='colors'>"+"brown1</div>"+"<div id='d12' class='colors'>"+"firebrick1</div>"+"<div id='d13' class='colors'>"+"brown2</div>"+"<div id='d14' class='colors'>"+"IndianRed</div>"+"<div id='d15' class='colors'>"+"IndianRed3</div>"+"<div id='d16' class='colors'>"+"firebrick2</div>"+"<div id='d17' class='colors'>"+"snow4</div>"+"<div id='d18' class='colors'>"+"brown3</div>"+"<div id='d19' class='colors'>"+"red</div>"+"<div id='d20' class='colors'>"+"red1</div>"+"<div id='d21' class='colors'>"+"RosyBrown4</div>"+"<div id='d22' class='colors'>"+"firebrick3</div>"+"<div id='d23' class='colors'>"+"red2</div>"+"<div id='d24' class='colors'>"+"firebrick</div>"+"<div id='d25' class='colors'>"+"brown</div>"+"<div id='d26' class='colors'>"+"red3</div>"+"<div id='d27' class='colors'>"+"IndianRed4</div>"+"<div id='d28' class='colors'>"+"brown4</div>"+"<div id='d29' class='colors'>"+"firebrick4</div>"+"<div id='d30' class='colors'>"+"DarkRed</div>"+"<div id='d31' class='colors'>"+"red4</div>"+"<div id='d32' class='colors'>"+"maroon</div>"+"<div id='d33' class='colors'>"+"LightPink1</div>"+"<div id='d34' class='colors'>"+"LightPink3</div>"+"<div id='d35' class='colors'>"+"LightPink4</div>"+"<div id='d36' class='colors'>"+"LightPink2</div>"+"<div id='d37' class='colors'>"+"LightPink</div>"+"<div id='d38' class='colors'>"+"pink</div>"+"<div id='d39' class='colors'>"+"crimson</div>"+"<div id='d40' class='colors'>"+"pink1</div>"+"<div id='d41' class='colors'>"+"pink2</div>"+"<div id='d42' class='colors'>"+"pink3</div>"+"<div id='d43' class='colors'>"+"pink4</div>"+"<div id='d44' class='colors'>"+"PaleVioletRed4</div>"+"<div id='d45' class='colors'>"+"PaleVioletRed</div>"+"<div id='d46' class='colors'>"+"PaleVioletRed2</div>"+"<div id='d47' class='colors'>"+"PaleVioletRed1</div>"+"<div id='d48' class='colors'>"+"PaleVioletRed3</div>"+"<div id='d49' class='colors'>"+"LavenderBlush</div>"+"<div id='d50' class='colors'>"+"LavenderBlush1</div>"+"<div id='d51' class='colors'>"+"LavenderBlush3</div>"+"<div id='d52' class='colors'>"+"LavenderBlush2</div>"+"<div id='d53' class='colors'>"+"LavenderBlush4</div>"+"<div id='d54' class='colors'>"+"maroon</div>"+"<div id='d55' class='colors'>"+"HotPink3</div>"+"<div id='d56' class='colors'>"+"VioletRed3</div>"+"<div id='d57' class='colors'>"+"VioletRed1</div>"+"<div id='d58' class='colors'>"+"VioletRed2</div>"+"<div id='d59' class='colors'>"+"VioletRed4</div>"+"<div id='d60' class='colors'>"+"HotPink2</div>"+"<div id='d61' class='colors'>"+"HotPink1</div>"+"<div id='d62' class='colors'>"+"HotPink4</div>"+"<div id='d63' class='colors'>"+"HotPink</div>"+"<div id='d64' class='colors'>"+"DeepPink</div>"+"<div id='d65' class='colors'>"+"DeepPink1</div>"+"<div id='d66' class='colors'>"+"DeepPink2</div>"+"<div id='d67' class='colors'>"+"DeepPink3</div>"+"<div id='d68' class='colors'>"+"DeepPink4</div>"+"<div id='d69' class='colors'>"+"maroon1</div>"+"<div id='d70' class='colors'>"+"maroon2</div>"+"<div id='d71' class='colors'>"+"maroon3</div>"+"<div id='d72' class='colors'>"+"maroon4</div>"+"<div id='d73' class='colors'>"+"MediumVioletRed</div>"+"<div id='d74' class='colors'>"+"VioletRed</div>"+"<div id='d75' class='colors'>"+"orchid2</div>"+"<div id='d76' class='colors'>"+"orchid</div>"+"<div id='d77' class='colors'>"+"orchid1</div>"+"<div id='d78' class='colors'>"+"orchid3</div>"+"<div id='d79' class='colors'>"+"orchid4</div>"+"<div id='d80' class='colors'>"+"thistle1</div>"+"<div id='d81' class='colors'>"+"thistle2</div>"+"<div id='d82' class='colors'>"+"plum1</div>"+"<div id='d83' class='colors'>"+"plum2</div>"+"<div id='d84' class='colors'>"+"thistle</div>"+"<div id='d85' class='colors'>"+"thistle3</div>"+"<div id='d86' class='colors'>"+"plum</div>"+"<div id='d87' class='colors'>"+"violet</div>"+"<div id='d88' class='colors'>"+"plum3</div>"+"<div id='d89' class='colors'>"+"thistle4</div>"+"<div id='d90' class='colors'>"+"fuchsia</div>"+"<div id='d91' class='colors'>"+"magenta</div>"+"<div id='d92' class='colors'>"+"magenta1</div>"+"<div id='d93' class='colors'>"+"plum4</div>"+"<div id='d94' class='colors'>"+"magenta2</div>"+"<div id='d95' class='colors'>"+"magenta3</div>"+"<div id='d96' class='colors'>"+"DarkMagenta</div>"+"<div id='d97' class='colors'>"+"magenta4</div>"+"<div id='d98' class='colors'>"+"purple</div>"+"<div id='d99' class='colors'>"+"MediumOrchid</div>"+"<div id='d100' class='colors'>"+"MediumOrchid1</div>"+"<div id='d101' class='colors'>"+"MediumOrchid2</div>"+"<div id='d102' class='colors'>"+"MediumOrchid3</div>"+"<div id='d103' class='colors'>"+"MediumOrchid4</div>"+"<div id='d104' class='colors'>"+"DarkViolet</div>"+"<div id='d105' class='colors'>"+"DarkOrchid</div>"+"<div id='d106' class='colors'>"+"DarkOrchid1</div>"+"<div id='d107' class='colors'>"+"DarkOrchid3</div>"+"<div id='d108' class='colors'>"+"DarkOrchid2</div>"+"<div id='d109' class='colors'>"+"DarkOrchid4</div>"+"<div id='d110' class='colors'>"+"purple</div>"+"<div id='d111' class='colors'>"+"indigo</div>"+"<div id='d112' class='colors'>"+"BlueViolet</div>"+"<div id='d113' class='colors'>"+"purple2</div>"+"<div id='d114' class='colors'>"+"purple3</div>"+"<div id='d115' class='colors'>"+"purple4</div>"+"<div id='d116' class='colors'>"+"purple1</div>"+"<div id='d117' class='colors'>"+"MediumPurple</div>"+"<div id='d118' class='colors'>"+"MediumPurple1</div>"+"<div id='d119' class='colors'>"+"MediumPurple2</div>"+"<div id='d120' class='colors'>"+"MediumPurple3</div>"+"<div id='d121' class='colors'>"+"MediumPurple4</div>"+"<div id='d122' class='colors'>"+"DarkSlateBlue</div>"+"<div id='d123' class='colors'>"+"LightSlateBlue</div>"+"<div id='d124' class='colors'>"+"MediumSlateBlue</div>"+"<div id='d125' class='colors'>"+"SlateBlue</div>"+"<div id='d126' class='colors'>"+"SlateBlue1</div>"+"<div id='d127' class='colors'>"+"SlateBlue2</div>"+"<div id='d128' class='colors'>"+"SlateBlue3</div>"+"<div id='d129' class='colors'>"+"SlateBlue4</div>"+"<div id='d130' class='colors'>"+"GhostWhite</div>"+"<div id='d131' class='colors'>"+"lavender</div>"+"<div id='d132' class='colors'>"+"blue</div>"+"<div id='d133' class='colors'>"+"blue1</div>"+"<div id='d134' class='colors'>"+"blue2</div>"+"<div id='d135' class='colors'>"+"blue3</div>"+"<div id='d136' class='colors'>"+"MediumBlue</div>"+"<div id='d137' class='colors'>"+"blue4</div>"+"<div id='d138' class='colors'>"+"DarkBlue</div>"+"<div id='d139' class='colors'>"+"MidnightBlue</div>"+"<div id='d140' class='colors'>"+"navy</div>"+"<div id='d141' class='colors'>"+"NavyBlue</div>"+"<div id='d142' class='colors'>"+"RoyalBlue</div>"+"<div id='d143' class='colors'>"+"RoyalBlue1</div>"+"<div id='d144' class='colors'>"+"RoyalBlue2</div>"+"<div id='d145' class='colors'>"+"RoyalBlue3</div>"+"<div id='d146' class='colors'>"+"RoyalBlue4</div>"+"<div id='d147' class='colors'>"+"CornflowerBlue</div>"+"<div id='d148' class='colors'>"+"LightSteelBlue</div>"+"<div id='d149' class='colors'>"+"LightSteelBlue1</div>"+"<div id='d150' class='colors'>"+"LightSteelBlue2</div>"+"<div id='d151' class='colors'>"+"LightSteelBlue3</div>"+"<div id='d152' class='colors'>"+"LightSteelBlue4</div>"+"<div id='d153' class='colors'>"+"SlateGray4</div>"+"<div id='d154' class='colors'>"+"SlateGray1</div>"+"<div id='d155' class='colors'>"+"SlateGray2</div>"+"<div id='d156' class='colors'>"+"SlateGray3</div>"+"<div id='d157' class='colors'>"+"LightSlateGray</div>"+"<div id='d158' class='colors'>"+"LightSlateGrey</div>"+"<div id='d159' class='colors'>"+"SlateGray</div>"+"<div id='d160' class='colors'>"+"SlateGrey</div>"+"<div id='d161' class='colors'>"+"DodgerBlue</div>"+"<div id='d162' class='colors'>"+"DodgerBlue1</div>"+"<div id='d163' class='colors'>"+"DodgerBlue2</div>"+"<div id='d164' class='colors'>"+"DodgerBlue4</div>"+"<div id='d165' class='colors'>"+"DodgerBlue3</div>"+"<div id='d166' class='colors'>"+"AliceBlue</div>"+"<div id='d167' class='colors'>"+"SteelBlue4</div>"+"<div id='d168' class='colors'>"+"SteelBlue</div>"+"<div id='d169' class='colors'>"+"SteelBlue1</div>"+"<div id='d170' class='colors'>"+"SteelBlue2</div>"+"<div id='d171' class='colors'>"+"SteelBlue3</div>"+"<div id='d172' class='colors'>"+"SkyBlue4</div>"+"<div id='d173' class='colors'>"+"SkyBlue1</div>"+"<div id='d174' class='colors'>"+"SkyBlue2</div>"+"<div id='d175' class='colors'>"+"SkyBlue3</div>"+"<div id='d176' class='colors'>"+"LightSkyBlue</div>"+"<div id='d177' class='colors'>"+"LightSkyBlue4</div>"+"<div id='d178' class='colors'>"+"LightSkyBlue1</div>"+"<div id='d179' class='colors'>"+"LightSkyBlue2</div>"+"<div id='d180' class='colors'>"+"LightSkyBlue3</div>"+"<div id='d181' class='colors'>"+"SkyBlue</div>"+"<div id='d182' class='colors'>"+"LightBlue3</div>"+"<div id='d183' class='colors'>"+"DeepSkyBlue</div>"+"<div id='d184' class='colors'>"+"DeepSkyBlue1</div>"+"<div id='d185' class='colors'>"+"DeepSkyBlue2</div>"+"<div id='d186' class='colors'>"+"DeepSkyBlue4</div>"+"<div id='d187' class='colors'>"+"DeepSkyBlue3</div>"+"<div id='d188' class='colors'>"+"LightBlue1</div>"+"<div id='d189' class='colors'>"+"LightBlue2</div>"+"<div id='d190' class='colors'>"+"LightBlue</div>"+"<div id='d191' class='colors'>"+"LightBlue4</div>"+"<div id='d192' class='colors'>"+"PowderBlue</div>"+"<div id='d193' class='colors'>"+"CadetBlue1</div>"+"<div id='d194' class='colors'>"+"CadetBlue2</div>"+"<div id='d195' class='colors'>"+"CadetBlue3</div>"+"<div id='d196' class='colors'>"+"CadetBlue4</div>"+"<div id='d197' class='colors'>"+"turquoise1</div>"+"<div id='d198' class='colors'>"+"turquoise2</div>"+"<div id='d199' class='colors'>"+"turquoise3</div>"+"<div id='d200' class='colors'>"+"turquoise4</div>"+"<div id='d201' class='colors'>"+"cadet blue</div>"+"<div id='d202' class='colors'>"+"CadetBlue</div>"+"<div id='d203' class='colors'>"+"DarkTurquoise</div>"+"<div id='d204' class='colors'>"+"azure</div>"+"<div id='d205' class='colors'>"+"azure1</div>"+"<div id='d206' class='colors'>"+"LightCyan</div>"+"<div id='d207' class='colors'>"+"LightCyan1</div>"+"<div id='d208' class='colors'>"+"azure2</div>"+"<div id='d209' class='colors'>"+"LightCyan2</div>"+"<div id='d210' class='colors'>"+"PaleTurquoise1</div>"+"<div id='d211' class='colors'>"+"PaleTurquoise</div>"+"<div id='d212' class='colors'>"+"PaleTurquoise2</div>"+"<div id='d213' class='colors'>"+"DarkSlateGray1</div>"+"<div id='d214' class='colors'>"+"azure3</div>"+"<div id='d215' class='colors'>"+"LightCyan3</div>"+"<div id='d216' class='colors'>"+"DarkSlateGray2</div>"+"<div id='d217' class='colors'>"+"PaleTurquoise3</div>"+"<div id='d218' class='colors'>"+"DarkSlateGray3</div>"+"<div id='d219' class='colors'>"+"azure4</div>"+"<div id='d220' class='colors'>"+"LightCyan4</div>"+"<div id='d221' class='colors'>"+"aqua</div>"+"<div id='d222' class='colors'>"+"cyan</div>"+"<div id='d223' class='colors'>"+"cyan1</div>"+"<div id='d224' class='colors'>"+"PaleTurquoise4</div>"+"<div id='d225' class='colors'>"+"cyan2</div>"+"<div id='d226' class='colors'>"+"DarkSlateGray4</div>"+"<div id='d227' class='colors'>"+"cyan3</div>"+"<div id='d228' class='colors'>"+"cyan4</div>"+"<div id='d229' class='colors'>"+"DarkCyan</div>"+"<div id='d230' class='colors'>"+"teal</div>"+"<div id='d231' class='colors'>"+"DarkSlateGray</div>"+"<div id='d232' class='colors'>"+"DarkSlateGrey</div>"+"<div id='d233' class='colors'>"+"MediumTurquoise</div>"+"<div id='d234' class='colors'>"+"LightSeaGreen</div>"+"<div id='d235' class='colors'>"+"turquoise</div>"+"<div id='d236' class='colors'>"+"aquamarine4</div>"+"<div id='d237' class='colors'>"+"aquamarine</div>"+"<div id='d238' class='colors'>"+"aquamarine1</div>"+"<div id='d239' class='colors'>"+"aquamarine2</div>"+"<div id='d240' class='colors'>"+"aquamarine3</div>"+"<div id='d241' class='colors'>"+"MediumAquamarine</div>"+"<div id='d242' class='colors'>"+"MediumSpringGreen</div>"+"<div id='d243' class='colors'>"+"MintCream</div>"+"<div id='d244' class='colors'>"+"SpringGreen</div>"+"<div id='d245' class='colors'>"+"SpringGreen1</div>"+"<div id='d246' class='colors'>"+"SpringGreen2</div>"+"<div id='d247' class='colors'>"+"SpringGreen3</div>"+"<div id='d248' class='colors'>"+"SpringGreen4</div>"+"<div id='d249' class='colors'>"+"MediumSeaGreen</div>"+"<div id='d250' class='colors'>"+"SeaGreen</div>"+"<div id='d251' class='colors'>"+"SeaGreen3</div>"+"<div id='d252' class='colors'>"+"SeaGreen1</div>"+"<div id='d253' class='colors'>"+"SeaGreen4</div>"+"<div id='d254' class='colors'>"+"SeaGreen2</div>"+"<div id='d255' class='colors'>"+"MediumForestGreen</div>"+"<div id='d256' class='colors'>"+"honeydew</div>"+"<div id='d257' class='colors'>"+"honeydew1</div>"+"<div id='d258' class='colors'>"+"honeydew2</div>"+"<div id='d259' class='colors'>"+"DarkSeaGreen1</div>"+"<div id='d260' class='colors'>"+"DarkSeaGreen2</div>"+"<div id='d261' class='colors'>"+"PaleGreen1</div>"+"<div id='d262' class='colors'>"+"PaleGreen</div>"+"<div id='d263' class='colors'>"+"honeydew3</div>"+"<div id='d264' class='colors'>"+"LightGreen</div>"+"<div id='d265' class='colors'>"+"PaleGreen2</div>"+"<div id='d266' class='colors'>"+"DarkSeaGreen3</div>"+"<div id='d267' class='colors'>"+"DarkSeaGreen</div>"+"<div id='d268' class='colors'>"+"PaleGreen3</div>"+"<div id='d269' class='colors'>"+"honeydew4</div>"+"<div id='d270' class='colors'>"+"green1</div>"+"<div id='d271' class='colors'>"+"lime</div>"+"<div id='d272' class='colors'>"+"LimeGreen</div>"+"<div id='d273' class='colors'>"+"DarkSeaGreen4</div>"+"<div id='d274' class='colors'>"+"green2</div>"+"<div id='d275' class='colors'>"+"PaleGreen4</div>"+"<div id='d276' class='colors'>"+"green3</div>"+"<div id='d277' class='colors'>"+"ForestGreen</div>"+"<div id='d278' class='colors'>"+"green4</div>"+"<div id='d279' class='colors'>"+"green</div>"+"<div id='d280' class='colors'>"+"DarkGreen</div>"+"<div id='d281' class='colors'>"+"LawnGreen</div>"+"<div id='d282' class='colors'>"+"chartreuse</div>"+"<div id='d283' class='colors'>"+"chartreuse1</div>"+"<div id='d284' class='colors'>"+"chartreuse2</div>"+"<div id='d285' class='colors'>"+"chartreuse3</div>"+"<div id='d286' class='colors'>"+"chartreuse4</div>"+"<div id='d287' class='colors'>"+"GreenYellow</div>"+"<div id='d288' class='colors'>"+"DarkOliveGreen3</div>"+"<div id='d289' class='colors'>"+"DarkOliveGreen1</div>"+"<div id='d290' class='colors'>"+"DarkOliveGreen2</div>"+"<div id='d291' class='colors'>"+"DarkOliveGreen4</div>"+"<div id='d292' class='colors'>"+"DarkOliveGreen</div>"+"<div id='d293' class='colors'>"+"OliveDrab</div>"+"<div id='d294' class='colors'>"+"OliveDrab1</div>"+"<div id='d295' class='colors'>"+"OliveDrab2</div>"+"<div id='d296' class='colors'>"+"OliveDrab3</div>"+"<div id='d297' class='colors'>"+"YellowGreen</div>"+"<div id='d298' class='colors'>"+"OliveDrab4</div>"+"<div id='d299' class='colors'>"+"ivory</div>"+"<div id='d300' class='colors'>"+"ivory1</div>"+"<div id='d301' class='colors'>"+"LightYellow</div>"+"<div id='d302' class='colors'>"+"LightYellow1</div>"+"<div id='d303' class='colors'>"+"beige</div>"+"<div id='d304' class='colors'>"+"ivory2</div>"+"<div id='d305' class='colors'>"+"LightGoldenrodYellow</div>"+"<div id='d306' class='colors'>"+"LightYellow2</div>"+"<div id='d307' class='colors'>"+"ivory3</div>"+"<div id='d308' class='colors'>"+"LightYellow3</div>"+"<div id='d309' class='colors'>"+"ivory4</div>"+"<div id='d310' class='colors'>"+"LightYellow4</div>"+"<div id='d311' class='colors'>"+"yellow</div>"+"<div id='d312' class='colors'>"+"yellow1</div>"+"<div id='d313' class='colors'>"+"yellow2</div>"+"<div id='d314' class='colors'>"+"yellow3</div>"+"<div id='d315' class='colors'>"+"yellow4</div>"+"<div id='d316' class='colors'>"+"olive</div>"+"<div id='d317' class='colors'>"+"DarkKhaki</div>"+"<div id='d318' class='colors'>"+"khaki2</div>"+"<div id='d319' class='colors'>"+"LemonChiffon4</div>"+"<div id='d320' class='colors'>"+"khaki1</div>"+"<div id='d321' class='colors'>"+"khaki3</div>"+"<div id='d322' class='colors'>"+"khaki4</div>"+"<div id='d323' class='colors'>"+"PaleGoldenrod</div>"+"<div id='d324' class='colors'>"+"LemonChiffon</div>"+"<div id='d325' class='colors'>"+"LemonChiffon1</div>"+"<div id='d326' class='colors'>"+"khaki</div>"+"<div id='d327' class='colors'>"+"LemonChiffon3</div>"+"<div id='d328' class='colors'>"+"LemonChiffon2</div>"+"<div id='d329' class='colors'>"+"MediumGoldenRod</div>"+"<div id='d330' class='colors'>"+"cornsilk4</div>"+"<div id='d331' class='colors'>"+"gold</div>"+"<div id='d332' class='colors'>"+"gold1</div>"+"<div id='d333' class='colors'>"+"gold2</div>"+"<div id='d334' class='colors'>"+"gold3</div>"+"<div id='d335' class='colors'>"+"gold4</div>"+"<div id='d336' class='colors'>"+"LightGoldenrod</div>"+"<div id='d337' class='colors'>"+"LightGoldenrod4</div>"+"<div id='d338' class='colors'>"+"LightGoldenrod1</div>"+"<div id='d339' class='colors'>"+"LightGoldenrod3</div>"+"<div id='d340' class='colors'>"+"LightGoldenrod2</div>"+"<div id='d341' class='colors'>"+"cornsilk3</div>"+"<div id='d342' class='colors'>"+"cornsilk2</div>"+"<div id='d343' class='colors'>"+"cornsilk</div>"+"<div id='d344' class='colors'>"+"cornsilk1</div>"+"<div id='d345' class='colors'>"+"goldenrod</div>"+"<div id='d346' class='colors'>"+"goldenrod1</div>"+"<div id='d347' class='colors'>"+"goldenrod2</div>"+"<div id='d348' class='colors'>"+"goldenrod3</div>"+"<div id='d349' class='colors'>"+"goldenrod4</div>"+"<div id='d350' class='colors'>"+"DarkGoldenrod</div>"+"<div id='d351' class='colors'>"+"DarkGoldenrod1</div>"+"<div id='d352' class='colors'>"+"DarkGoldenrod2</div>"+"<div id='d353' class='colors'>"+"DarkGoldenrod3</div>"+"<div id='d354' class='colors'>"+"DarkGoldenrod4</div>"+"<div id='d355' class='colors'>"+"FloralWhite</div>"+"<div id='d356' class='colors'>"+"wheat2</div>"+"<div id='d357' class='colors'>"+"OldLace</div>"+"<div id='d358' class='colors'>"+"wheat</div>"+"<div id='d359' class='colors'>"+"wheat1</div>"+"<div id='d360' class='colors'>"+"wheat3</div>"+"<div id='d361' class='colors'>"+"orange</div>"+"<div id='d362' class='colors'>"+"orange1</div>"+"<div id='d363' class='colors'>"+"orange2</div>"+"<div id='d364' class='colors'>"+"orange3</div>"+"<div id='d365' class='colors'>"+"orange4</div>"+"<div id='d366' class='colors'>"+"wheat4</div>"+"<div id='d367' class='colors'>"+"moccasin</div>"+"<div id='d368' class='colors'>"+"PapayaWhip</div>"+"<div id='d369' class='colors'>"+"NavajoWhite3</div>"+"<div id='d370' class='colors'>"+"BlanchedAlmond</div>"+"<div id='d371' class='colors'>"+"NavajoWhite</div>"+"<div id='d372' class='colors'>"+"NavajoWhite1</div>"+"<div id='d373' class='colors'>"+"NavajoWhite2</div>"+"<div id='d374' class='colors'>"+"NavajoWhite4</div>"+"<div id='d375' class='colors'>"+"AntiqueWhite4</div>"+"<div id='d376' class='colors'>"+"AntiqueWhite</div>"+"<div id='d377' class='colors'>"+"tan</div>"+"<div id='d378' class='colors'>"+"bisque4</div>"+"<div id='d379' class='colors'>"+"burlywood</div>"+"<div id='d380' class='colors'>"+"AntiqueWhite2</div>"+"<div id='d381' class='colors'>"+"burlywood1</div>"+"<div id='d382' class='colors'>"+"burlywood3</div>"+"<div id='d383' class='colors'>"+"burlywood2</div>"+"<div id='d384' class='colors'>"+"AntiqueWhite1</div>"+"<div id='d385' class='colors'>"+"burlywood4</div>"+"<div id='d386' class='colors'>"+"AntiqueWhite3</div>"+"<div id='d387' class='colors'>"+"DarkOrange</div>"+"<div id='d388' class='colors'>"+"bisque2</div>"+"<div id='d389' class='colors'>"+"bisque</div>"+"<div id='d390' class='colors'>"+"bisque1</div>"+"<div id='d391' class='colors'>"+"bisque3</div>"+"<div id='d392' class='colors'>"+"DarkOrange1</div>"+"<div id='d393' class='colors'>"+"linen</div>"+"<div id='d394' class='colors'>"+"DarkOrange2</div>"+"<div id='d395' class='colors'>"+"DarkOrange3</div>"+"<div id='d396' class='colors'>"+"DarkOrange4</div>"+"<div id='d397' class='colors'>"+"peru</div>"+"<div id='d398' class='colors'>"+"tan1</div>"+"<div id='d399' class='colors'>"+"tan2</div>"+"<div id='d400' class='colors'>"+"tan3</div>"+"<div id='d401' class='colors'>"+"tan4</div>"+"<div id='d402' class='colors'>"+"PeachPuff</div>"+"<div id='d403' class='colors'>"+"PeachPuff1</div>"+"<div id='d404' class='colors'>"+"PeachPuff4</div>"+"<div id='d405' class='colors'>"+"PeachPuff2</div>"+"<div id='d406' class='colors'>"+"PeachPuff3</div>"+"<div id='d407' class='colors'>"+"SandyBrown</div>"+"<div id='d408' class='colors'>"+"seashell4</div>"+"<div id='d409' class='colors'>"+"seashell2</div>"+"<div id='d410' class='colors'>"+"seashell3</div>"+"<div id='d411' class='colors'>"+"chocolate</div>"+"<div id='d412' class='colors'>"+"chocolate1</div>"+"<div id='d413' class='colors'>"+"chocolate2</div>"+"<div id='d414' class='colors'>"+"chocolate3</div>"+"<div id='d415' class='colors'>"+"chocolate4</div>"+"<div id='d416' class='colors'>"+"SaddleBrown</div>"+"<div id='d417' class='colors'>"+"seashell</div>"+"<div id='d418' class='colors'>"+"seashell1</div>"+"<div id='d419' class='colors'>"+"sienna4</div>"+"<div id='d420' class='colors'>"+"sienna</div>"+"<div id='d421' class='colors'>"+"sienna1</div>"+"<div id='d422' class='colors'>"+"sienna2</div>"+"<div id='d423' class='colors'>"+"sienna3</div>"+"<div id='d424' class='colors'>"+"LightSalmon3</div>"+"<div id='d425' class='colors'>"+"LightSalmon</div>"+"<div id='d426' class='colors'>"+"LightSalmon1</div>"+"<div id='d427' class='colors'>"+"LightSalmon4</div>"+"<div id='d428' class='colors'>"+"LightSalmon2</div>"+"<div id='d429' class='colors'>"+"coral</div>"+"<div id='d430' class='colors'>"+"OrangeRed</div>"+"<div id='d431' class='colors'>"+"OrangeRed1</div>"+"<div id='d432' class='colors'>"+"OrangeRed2</div>"+"<div id='d433' class='colors'>"+"OrangeRed3</div>"+"<div id='d434' class='colors'>"+"OrangeRed4</div>"+"<div id='d435' class='colors'>"+"DarkSalmon</div>"+"<div id='d436' class='colors'>"+"salmon1</div>"+"<div id='d437' class='colors'>"+"salmon2</div>"+"<div id='d438' class='colors'>"+"salmon3</div>"+"<div id='d439' class='colors'>"+"salmon4</div>"+"<div id='d440' class='colors'>"+"coral1</div>"+"<div id='d441' class='colors'>"+"coral2</div>"+"<div id='d442' class='colors'>"+"coral3</div>"+"<div id='d443' class='colors'>"+"coral4</div>"+"<div id='d444' class='colors'>"+"tomato4</div>"+"<div id='d445' class='colors'>"+"tomato</div>"+"<div id='d446' class='colors'>"+"tomato1</div>"+"<div id='d447' class='colors'>"+"tomato2</div>"+"<div id='d448' class='colors'>"+"tomato3</div>"+"<div id='d449' class='colors'>"+"MistyRose4</div>"+"<div id='d450' class='colors'>"+"MistyRose2</div>"+"<div id='d451' class='colors'>"+"MistyRose</div>"+"<div id='d452' class='colors'>"+"MistyRose1</div>"+"<div id='d453' class='colors'>"+"salmon</div>"+"<div id='d454' class='colors'>"+"MistyRose3</div>"+"<div id='d455' class='colors'>"+"white</div>"+"<div id='d456' class='colors'>"+"gray100</div>"+"<div id='d457' class='colors'>"+"grey100</div>"+"<div id='d458' class='colors'>"+"grey100</div>"+"<div id='d459' class='colors'>"+"gray99</div>"+"<div id='d460' class='colors'>"+"grey99</div>"+"<div id='d461' class='colors'>"+"gray98</div>"+"<div id='d462' class='colors'>"+"grey98</div>"+"<div id='d463' class='colors'>"+"gray97</div>"+"<div id='d464' class='colors'>"+"grey97</div>"+"<div id='d465' class='colors'>"+"gray96</div>"+"<div id='d466' class='colors'>"+"grey96</div>"+"<div id='d467' class='colors'>"+"WhiteSmoke</div>"+"<div id='d468' class='colors'>"+"gray95</div>"+"<div id='d469' class='colors'>"+"grey95</div>"+"<div id='d470' class='colors'>"+"gray94</div>"+"<div id='d471' class='colors'>"+"grey94</div>"+"<div id='d472' class='colors'>"+"gray93</div>"+"<div id='d473' class='colors'>"+"grey93</div>"+"<div id='d474' class='colors'>"+"gray92</div>"+"<div id='d475' class='colors'>"+"grey92</div>"+"<div id='d476' class='colors'>"+"gray91</div>"+"<div id='d477' class='colors'>"+"grey91</div>"+"<div id='d478' class='colors'>"+"gray90</div>"+"<div id='d479' class='colors'>"+"grey90</div>"+"<div id='d480' class='colors'>"+"gray89</div>"+"<div id='d481' class='colors'>"+"grey89</div>"+"<div id='d482' class='colors'>"+"gray88</div>"+"<div id='d483' class='colors'>"+"grey88</div>"+"<div id='d484' class='colors'>"+"gray87</div>"+"<div id='d485' class='colors'>"+"grey87</div>"+"<div id='d486' class='colors'>"+"gainsboro</div>"+"<div id='d487' class='colors'>"+"gray86</div>"+"<div id='d488' class='colors'>"+"grey86</div>"+"<div id='d489' class='colors'>"+"gray85</div>"+"<div id='d490' class='colors'>"+"grey85</div>"+"<div id='d491' class='colors'>"+"gray84</div>"+"<div id='d492' class='colors'>"+"grey84</div>"+"<div id='d493' class='colors'>"+"gray83</div>"+"<div id='d494' class='colors'>"+"grey83</div>"+"<div id='d495' class='colors'>"+"LightGray</div>"+"<div id='d496' class='colors'>"+"LightGrey</div>"+"<div id='d497' class='colors'>"+"gray82</div>"+"<div id='d498' class='colors'>"+"grey82</div>"+"<div id='d499' class='colors'>"+"gray81</div>"+"<div id='d500' class='colors'>"+"grey81</div>"+"<div id='d501' class='colors'>"+"gray80</div>"+"<div id='d502' class='colors'>"+"grey80</div>"+"<div id='d503' class='colors'>"+"gray79</div>"+"<div id='d504' class='colors'>"+"grey79</div>"+"<div id='d505' class='colors'>"+"gray78</div>"+"<div id='d506' class='colors'>"+"grey78</div>"+"<div id='d507' class='colors'>"+"gray77</div>"+"<div id='d508' class='colors'>"+"grey77</div>"+"<div id='d509' class='colors'>"+"gray76</div>"+"<div id='d510' class='colors'>"+"grey76</div>"+"<div id='d511' class='colors'>"+"silver</div>"+"<div id='d512' class='colors'>"+"gray75</div>"+"<div id='d513' class='colors'>"+"grey75</div>"+"<div id='d514' class='colors'>"+"gray74</div>"+"<div id='d515' class='colors'>"+"grey74</div>"+"<div id='d516' class='colors'>"+"gray73</div>"+"<div id='d517' class='colors'>"+"grey73</div>"+"<div id='d518' class='colors'>"+"gray72</div>"+"<div id='d519' class='colors'>"+"grey72</div>"+"<div id='d520' class='colors'>"+"gray71</div>"+"<div id='d521' class='colors'>"+"grey71</div>"+"<div id='d522' class='colors'>"+"gray70</div>"+"<div id='d523' class='colors'>"+"grey70</div>"+"<div id='d524' class='colors'>"+"gray69</div>"+"<div id='d525' class='colors'>"+"grey69</div>"+"<div id='d526' class='colors'>"+"gray68</div>"+"<div id='d527' class='colors'>"+"grey68</div>"+"<div id='d528' class='colors'>"+"gray67</div>"+"<div id='d529' class='colors'>"+"grey67</div>"+"<div id='d530' class='colors'>"+"DarkGray</div>"+"<div id='d531' class='colors'>"+"DarkGrey</div>"+"<div id='d532' class='colors'>"+"gray66</div>"+"<div id='d533' class='colors'>"+"grey66</div>"+"<div id='d534' class='colors'>"+"gray65</div>"+"<div id='d535' class='colors'>"+"grey65</div>"+"<div id='d536' class='colors'>"+"gray64</div>"+"<div id='d537' class='colors'>"+"grey64</div>"+"<div id='d538' class='colors'>"+"gray63</div>"+"<div id='d539' class='colors'>"+"grey63</div>"+"<div id='d540' class='colors'>"+"gray62</div>"+"<div id='d541' class='colors'>"+"grey62</div>"+"<div id='d542' class='colors'>"+"gray61</div>"+"<div id='d543' class='colors'>"+"grey61</div>"+"<div id='d544' class='colors'>"+"gray60</div>"+"<div id='d545' class='colors'>"+"grey60</div>"+"<div id='d546' class='colors'>"+"gray59</div>"+"<div id='d547' class='colors'>"+"grey59</div>"+"<div id='d548' class='colors'>"+"gray58</div>"+"<div id='d549' class='colors'>"+"grey58</div>"+"<div id='d550' class='colors'>"+"gray57</div>"+"<div id='d551' class='colors'>"+"grey57</div>"+"<div id='d552' class='colors'>"+"gray56</div>"+"<div id='d553' class='colors'>"+"grey56</div>"+"<div id='d554' class='colors'>"+"gray55</div>"+"<div id='d555' class='colors'>"+"grey55</div>"+"<div id='d556' class='colors'>"+"gray54</div>"+"<div id='d557' class='colors'>"+"grey54</div>"+"<div id='d558' class='colors'>"+"gray53</div>"+"<div id='d559' class='colors'>"+"grey53</div>"+"<div id='d560' class='colors'>"+"gray52</div>"+"<div id='d561' class='colors'>"+"grey52</div>"+"<div id='d562' class='colors'>"+"gray51</div>"+"<div id='d563' class='colors'>"+"grey51</div>"+"<div id='d564' class='colors'>"+"fractal</div>"+"<div id='d565' class='colors'>"+"gray50</div>"+"<div id='d566' class='colors'>"+"grey50</div>"+"<div id='d567' class='colors'>"+"gray</div>"+"<div id='d568' class='colors'>"+"gray49</div>"+"<div id='d569' class='colors'>"+"grey49</div>"+"<div id='d570' class='colors'>"+"gray48</div>"+"<div id='d571' class='colors'>"+"grey48</div>"+"<div id='d572' class='colors'>"+"gray47</div>"+"<div id='d573' class='colors'>"+"grey47</div>"+"<div id='d574' class='colors'>"+"gray46</div>"+"<div id='d575' class='colors'>"+"grey46</div>"+"<div id='d576' class='colors'>"+"gray45</div>"+"<div id='d577' class='colors'>"+"grey45</div>"+"<div id='d578' class='colors'>"+"gray44</div>"+"<div id='d579' class='colors'>"+"grey44</div>"+"<div id='d580' class='colors'>"+"gray43</div>"+"<div id='d581' class='colors'>"+"grey43</div>"+"<div id='d582' class='colors'>"+"gray42</div>"+"<div id='d583' class='colors'>"+"grey42</div>"+"<div id='d584' class='colors'>"+"DimGray</div>"+"<div id='d585' class='colors'>"+"DimGrey</div>"+"<div id='d586' class='colors'>"+"gray41</div>"+"<div id='d587' class='colors'>"+"grey41</div>"+"<div id='d588' class='colors'>"+"gray40</div>"+"<div id='d589' class='colors'>"+"grey40</div>"+"<div id='d590' class='colors'>"+"gray39</div>"+"<div id='d591' class='colors'>"+"grey39</div>"+"<div id='d592' class='colors'>"+"gray38</div>"+"<div id='d593' class='colors'>"+"grey38</div>"+"<div id='d594' class='colors'>"+"gray37</div>"+"<div id='d595' class='colors'>"+"grey37</div>"+"<div id='d596' class='colors'>"+"gray36</div>"+"<div id='d597' class='colors'>"+"grey36</div>"+"<div id='d598' class='colors'>"+"gray35</div>"+"<div id='d599' class='colors'>"+"grey35</div>"+"<div id='d600' class='colors'>"+"gray34</div>"+"<div id='d601' class='colors'>"+"grey34</div>"+"<div id='d602' class='colors'>"+"gray33</div>"+"<div id='d603' class='colors'>"+"grey33</div>"+"<div id='d604' class='colors'>"+"gray32</div>"+"<div id='d605' class='colors'>"+"grey32</div>"+"<div id='d606' class='colors'>"+"gray31</div>"+"<div id='d607' class='colors'>"+"grey31</div>"+"<div id='d608' class='colors'>"+"gray30</div>"+"<div id='d609' class='colors'>"+"grey30</div>"+"<div id='d610' class='colors'>"+"gray29</div>"+"<div id='d611' class='colors'>"+"grey29</div>"+"<div id='d612' class='colors'>"+"gray28</div>"+"<div id='d613' class='colors'>"+"grey28</div>"+"<div id='d614' class='colors'>"+"gray27</div>"+"<div id='d615' class='colors'>"+"grey27</div>"+"<div id='d616' class='colors'>"+"gray26</div>"+"<div id='d617' class='colors'>"+"grey26</div>"+"<div id='d618' class='colors'>"+"gray25</div>"+"<div id='d619' class='colors'>"+"grey25</div>"+"<div id='d620' class='colors'>"+"gray24</div>"+"<div id='d621' class='colors'>"+"grey24</div>"+"<div id='d622' class='colors'>"+"gray23</div>"+"<div id='d623' class='colors'>"+"grey23</div>"+"<div id='d624' class='colors'>"+"gray22</div>"+"<div id='d625' class='colors'>"+"grey22</div>"+"<div id='d626' class='colors'>"+"gray21</div>"+"<div id='d627' class='colors'>"+"grey21</div>"+"<div id='d628' class='colors'>"+"gray20</div>"+"<div id='d629' class='colors'>"+"grey20</div>"+"<div id='d630' class='colors'>"+"gray19</div>"+"<div id='d631' class='colors'>"+"grey19</div>"+"<div id='d632' class='colors'>"+"gray18</div>"+"<div id='d633' class='colors'>"+"grey18</div>"+"<div id='d634' class='colors'>"+"gray17</div>"+"<div id='d635' class='colors'>"+"grey17</div>"+"<div id='d636' class='colors'>"+"gray16</div>"+"<div id='d637' class='colors'>"+"grey16</div>"+"<div id='d638' class='colors'>"+"gray15</div>"+"<div id='d639' class='colors'>"+"grey15</div>"+"<div id='d640' class='colors'>"+"gray14</div>"+"<div id='d641' class='colors'>"+"grey14</div>"+"<div id='d642' class='colors'>"+"gray13</div>"+"<div id='d643' class='colors'>"+"grey13</div>"+"<div id='d644' class='colors'>"+"gray12</div>"+"<div id='d645' class='colors'>"+"grey12</div>"+"<div id='d646' class='colors'>"+"gray11</div>"+"<div id='d647' class='colors'>"+"grey11</div>"+"<div id='d648' class='colors'>"+"gray10</div>"+"<div id='d649' class='colors'>"+"grey10</div>"+"<div id='d650' class='colors'>"+"gray9</div>"+"<div id='d651' class='colors'>"+"grey9</div>"+"<div id='d652' class='colors'>"+"gray8</div>"+"<div id='d653' class='colors'>"+"grey8</div>"+"<div id='d654' class='colors'>"+"gray7</div>"+"<div id='d655' class='colors'>"+"grey7</div>"+"<div id='d656' class='colors'>"+"gray6</div>"+"<div id='d657' class='colors'>"+"grey6</div>"+"<div id='d658' class='colors'>"+"gray5</div>"+"<div id='d659' class='colors'>"+"grey5</div>"+"<div id='d660' class='colors'>"+"gray4</div>"+"<div id='d661' class='colors'>"+"grey4</div>"+"<div id='d662' class='colors'>"+"gray3</div>"+"<div id='d663' class='colors'>"+"grey3</div>"+"<div id='d664' class='colors'>"+"gray2</div>"+"<div id='d665' class='colors'>"+"grey2</div>"+"<div id='d666' class='colors'>"+"gray1</div>"+"<div id='d667' class='colors'>"+"grey1</div>"+"<div id='d668' class='colors'>"+"black</div>"+"<div id='d669' class='colors'>"+"gray0</div>"+"<div id='d670' class='colors'>"+"grey0</div>"+"<div id='d671' class='colors'>"+"opaque</div>"+"<div id='d672' class='colors'>"+"none</div>"+"<div id='d673' class='colors'>"+"transparent</div>"+"</div>"+"<div id='colornames'>WHERE THE COLORNAMES WILL GO</div>"+"<script type='text/javascript' src='colordict.js'></script>"+"<script type='text/javascript' src='colorpixx.js'></script>" + + +function showpicker() + { + $('#popupContact').html(colorpicker); + $('#swingleft').append("whos the dadd addad"); + $('#popupContact').css('height', '1500px') + } + +$('#colorlist').click(function(){showpicker()}) + + + + diff --git a/frontend/imgrid/colors/junk/scrollio.html b/frontend/imgrid/colors/junk/scrollio.html new file mode 100755 index 0000000..e1443c3 --- /dev/null +++ b/frontend/imgrid/colors/junk/scrollio.html @@ -0,0 +1,3850 @@ +<html> +<head> +<link rel="stylesheet" type="text/css" href="ScrollEffect.css" /> +<script type="text/javascript" src="ScrollEffect.js"></script> + +<style type='text/css'> + +body +{ +margin:0; +} + +#colorpicker +{ +position:absolute; +width:100%; +font-family:helvetica; +font-size:10px; +//background-color: gray; +//background-image: url("http://asdf.us/im/6f/gradient_bgdither_1321255670_pepper.gif"); +background-color: black; +background-image: url("http://dump.fm/static/img/bg.dither.gif") + +} + +#container div +{ +text-align:left; +display: -moz-inline-stack; +display:inline-block; +vertical-align:bottom; +min-height: 30px; +zoom: 1; +word-wrap: break-word; +*display: inline; +cursor:pointer; +} + +#container +{ +margin:0 auto; +width:31%; +padding-bottom:0px; +padding-right:10px; +padding-left:10px; +text-align:center; +position:absolute; +height:850px; +} + +#viewarea +{ +position: relative; +top: 10%; +width: 31%; +height: 820px; +overflow: hidden; +margin:0 auto; +padding-top:10px; +padding-right:10px; +padding-left:10px; +text-align:center; +border-style:outset; +border-width:10px; +} + +#colornames +{ +color:white; +position:fixed; +font-size:50px; +top:50px; +left:2%; +width:400px; +} + +#switches + { + position:fixed; + top:20px; + right:1%; + height:400px; + width:300px; + font-size:20px; + border-style: groove; + border-width: 4px; + background-color:gray; + padding:2px; + box-shadow: 10px 10px 5px #141414; + } + +#infoswitch, #hexswitch, #backgroundswitch + { + background-image:url(http://asdf.us/im/58/gradient_whitegray80_1321305183_1321305241_pepper.jpg); + cursor:pointer; + } +#preview + { + height:150px; + } + + +#holder + { + float:bottom; + } + +#transparent + { + font-size:12px; + } +#namespace + { + width:inherit; + } +#d0 +{background-color:#FFFAFA} + +#d1 +{background-color:#FFFAFA} + +#d2 +{background-color:#EEE9E9} + +#d3 +{background-color:#FFC1C1} + +#d4 +{background-color:#EEB4B4} + +#d5 +{background-color:#CDC9C9} + +#d6 +{background-color:#F08080} + +#d7 +{background-color:#FF6A6A} + +#d8 +{background-color:#CD9B9B} + +#d9 +{background-color:#EE6363} + +#d10 +{background-color:#BC8F8F} + +#d11 +{background-color:#FF4040} + +#d12 +{background-color:#FF3030} + +#d13 +{background-color:#EE3B3B} + +#d14 +{background-color:#CD5C5C} + +#d15 +{background-color:#CD5555} + +#d16 +{background-color:#EE2C2C} + +#d17 +{background-color:#8B8989} + +#d18 +{background-color:#CD3333} + +#d19 +{background-color:#FF0000} + +#d20 +{background-color:#FF0000} + +#d21 +{background-color:#8B6969} + +#d22 +{background-color:#CD2626} + +#d23 +{background-color:#EE0000} + +#d24 +{background-color:#B22222} + +#d25 +{background-color:#A52A2A} + +#d26 +{background-color:#CD0000} + +#d27 +{background-color:#8B3A3A} + +#d28 +{background-color:#8B2323} + +#d29 +{background-color:#8B1A1A} + +#d30 +{background-color:#8B0000} + +#d31 +{background-color:#8B0000} + +#d32 +{background-color:#800000} + +#d33 +{background-color:#FFAEB9} + +#d34 +{background-color:#CD8C95} + +#d35 +{background-color:#8B5F65} + +#d36 +{background-color:#EEA2AD} + +#d37 +{background-color:#FFB6C1} + +#d38 +{background-color:#FFC0CB} + +#d39 +{background-color:#DC143C} + +#d40 +{background-color:#FFB5C5} + +#d41 +{background-color:#EEA9B8} + +#d42 +{background-color:#CD919E} + +#d43 +{background-color:#8B636C} + +#d44 +{background-color:#8B475D} + +#d45 +{background-color:#DB7093} + +#d46 +{background-color:#EE799F} + +#d47 +{background-color:#FF82AB} + +#d48 +{background-color:#CD6889} + +#d49 +{background-color:#FFF0F5} + +#d50 +{background-color:#FFF0F5} + +#d51 +{background-color:#CDC1C5} + +#d52 +{background-color:#EEE0E5} + +#d53 +{background-color:#8B8386} + +#d54 +{background-color:#B03060} + +#d55 +{background-color:#CD6090} + +#d56 +{background-color:#CD3278} + +#d57 +{background-color:#FF3E96} + +#d58 +{background-color:#EE3A8C} + +#d59 +{background-color:#8B2252} + +#d60 +{background-color:#EE6AA7} + +#d61 +{background-color:#FF6EB4} + +#d62 +{background-color:#8B3A62} + +#d63 +{background-color:#FF69B4} + +#d64 +{background-color:#FF1493} + +#d65 +{background-color:#FF1493} + +#d66 +{background-color:#EE1289} + +#d67 +{background-color:#CD1076} + +#d68 +{background-color:#8B0A50} + +#d69 +{background-color:#FF34B3} + +#d70 +{background-color:#EE30A7} + +#d71 +{background-color:#CD2990} + +#d72 +{background-color:#8B1C62} + +#d73 +{background-color:#C71585} + +#d74 +{background-color:#D02090} + +#d75 +{background-color:#EE7AE9} + +#d76 +{background-color:#DA70D6} + +#d77 +{background-color:#FF83FA} + +#d78 +{background-color:#CD69C9} + +#d79 +{background-color:#8B4789} + +#d80 +{background-color:#FFE1FF} + +#d81 +{background-color:#EED2EE} + +#d82 +{background-color:#FFBBFF} + +#d83 +{background-color:#EEAEEE} + +#d84 +{background-color:#D8BFD8} + +#d85 +{background-color:#CDB5CD} + +#d86 +{background-color:#DDA0DD} + +#d87 +{background-color:#EE82EE} + +#d88 +{background-color:#CD96CD} + +#d89 +{background-color:#8B7B8B} + +#d90 +{background-color:#FF00FF} + +#d91 +{background-color:#FF00FF} + +#d92 +{background-color:#FF00FF} + +#d93 +{background-color:#8B668B} + +#d94 +{background-color:#EE00EE} + +#d95 +{background-color:#CD00CD} + +#d96 +{background-color:#8B008B} + +#d97 +{background-color:#8B008B} + +#d98 +{background-color:#800080} + +#d99 +{background-color:#BA55D3} + +#d100 +{background-color:#E066FF} + +#d101 +{background-color:#D15FEE} + +#d102 +{background-color:#B452CD} + +#d103 +{background-color:#7A378B} + +#d104 +{background-color:#9400D3} + +#d105 +{background-color:#9932CC} + +#d106 +{background-color:#BF3EFF} + +#d107 +{background-color:#9A32CD} + +#d108 +{background-color:#B23AEE} + +#d109 +{background-color:#68228B} + +#d110 +{background-color:#A020F0} + +#d111 +{background-color:#4B0082} + +#d112 +{background-color:#8A2BE2} + +#d113 +{background-color:#912CEE} + +#d114 +{background-color:#7D26CD} + +#d115 +{background-color:#551A8B} + +#d116 +{background-color:#9B30FF} + +#d117 +{background-color:#9370DB} + +#d118 +{background-color:#AB82FF} + +#d119 +{background-color:#9F79EE} + +#d120 +{background-color:#8968CD} + +#d121 +{background-color:#5D478B} + +#d122 +{background-color:#483D8B} + +#d123 +{background-color:#8470FF} + +#d124 +{background-color:#7B68EE} + +#d125 +{background-color:#6A5ACD} + +#d126 +{background-color:#836FFF} + +#d127 +{background-color:#7A67EE} + +#d128 +{background-color:#6959CD} + +#d129 +{background-color:#473C8B} + +#d130 +{background-color:#F8F8FF} + +#d131 +{background-color:#E6E6FA} + +#d132 +{background-color:#0000FF} + +#d133 +{background-color:#0000FF} + +#d134 +{background-color:#0000EE} + +#d135 +{background-color:#0000CD} + +#d136 +{background-color:#0000CD} + +#d137 +{background-color:#00008B} + +#d138 +{background-color:#00008B} + +#d139 +{background-color:#191970} + +#d140 +{background-color:#000080} + +#d141 +{background-color:#000080} + +#d142 +{background-color:#4169E1} + +#d143 +{background-color:#4876FF} + +#d144 +{background-color:#436EEE} + +#d145 +{background-color:#3A5FCD} + +#d146 +{background-color:#27408B} + +#d147 +{background-color:#6495ED} + +#d148 +{background-color:#B0C4DE} + +#d149 +{background-color:#CAE1FF} + +#d150 +{background-color:#BCD2EE} + +#d151 +{background-color:#A2B5CD} + +#d152 +{background-color:#6E7B8B} + +#d153 +{background-color:#6C7B8B} + +#d154 +{background-color:#C6E2FF} + +#d155 +{background-color:#B9D3EE} + +#d156 +{background-color:#9FB6CD} + +#d157 +{background-color:#778899} + +#d158 +{background-color:#778899} + +#d159 +{background-color:#708090} + +#d160 +{background-color:#708090} + +#d161 +{background-color:#1E90FF} + +#d162 +{background-color:#1E90FF} + +#d163 +{background-color:#1C86EE} + +#d164 +{background-color:#104E8B} + +#d165 +{background-color:#1874CD} + +#d166 +{background-color:#F0F8FF} + +#d167 +{background-color:#36648B} + +#d168 +{background-color:#4682B4} + +#d169 +{background-color:#63B8FF} + +#d170 +{background-color:#5CACEE} + +#d171 +{background-color:#4F94CD} + +#d172 +{background-color:#4A708B} + +#d173 +{background-color:#87CEFF} + +#d174 +{background-color:#7EC0EE} + +#d175 +{background-color:#6CA6CD} + +#d176 +{background-color:#87CEFA} + +#d177 +{background-color:#607B8B} + +#d178 +{background-color:#B0E2FF} + +#d179 +{background-color:#A4D3EE} + +#d180 +{background-color:#8DB6CD} + +#d181 +{background-color:#87CEEB} + +#d182 +{background-color:#9AC0CD} + +#d183 +{background-color:#00BFFF} + +#d184 +{background-color:#00BFFF} + +#d185 +{background-color:#00B2EE} + +#d186 +{background-color:#00688B} + +#d187 +{background-color:#009ACD} + +#d188 +{background-color:#BFEFFF} + +#d189 +{background-color:#B2DFEE} + +#d190 +{background-color:#ADD8E6} + +#d191 +{background-color:#68838B} + +#d192 +{background-color:#B0E0E6} + +#d193 +{background-color:#98F5FF} + +#d194 +{background-color:#8EE5EE} + +#d195 +{background-color:#7AC5CD} + +#d196 +{background-color:#53868B} + +#d197 +{background-color:#00F5FF} + +#d198 +{background-color:#00E5EE} + +#d199 +{background-color:#00C5CD} + +#d200 +{background-color:#00868B} + +#d201 +{background-color:#5F9EA0} + +#d202 +{background-color:#5F9EA0} + +#d203 +{background-color:#00CED1} + +#d204 +{background-color:#F0FFFF} + +#d205 +{background-color:#F0FFFF} + +#d206 +{background-color:#E0FFFF} + +#d207 +{background-color:#E0FFFF} + +#d208 +{background-color:#E0EEEE} + +#d209 +{background-color:#D1EEEE} + +#d210 +{background-color:#BBFFFF} + +#d211 +{background-color:#AFEEEE} + +#d212 +{background-color:#AEEEEE} + +#d213 +{background-color:#97FFFF} + +#d214 +{background-color:#C1CDCD} + +#d215 +{background-color:#B4CDCD} + +#d216 +{background-color:#8DEEEE} + +#d217 +{background-color:#96CDCD} + +#d218 +{background-color:#79CDCD} + +#d219 +{background-color:#838B8B} + +#d220 +{background-color:#7A8B8B} + +#d221 +{background-color:#00FFFF} + +#d222 +{background-color:#00FFFF} + +#d223 +{background-color:#00FFFF} + +#d224 +{background-color:#668B8B} + +#d225 +{background-color:#00EEEE} + +#d226 +{background-color:#528B8B} + +#d227 +{background-color:#00CDCD} + +#d228 +{background-color:#008B8B} + +#d229 +{background-color:#008B8B} + +#d230 +{background-color:#008080} + +#d231 +{background-color:#2F4F4F} + +#d232 +{background-color:#2F4F4F} + +#d233 +{background-color:#48D1CC} + +#d234 +{background-color:#20B2AA} + +#d235 +{background-color:#40E0D0} + +#d236 +{background-color:#458B74} + +#d237 +{background-color:#7FFFD4} + +#d238 +{background-color:#7FFFD4} + +#d239 +{background-color:#76EEC6} + +#d240 +{background-color:#66CDAA} + +#d241 +{background-color:#66CDAA} + +#d242 +{background-color:#00FA9A} + +#d243 +{background-color:#F5FFFA} + +#d244 +{background-color:#00FF7F} + +#d245 +{background-color:#00FF7F} + +#d246 +{background-color:#00EE76} + +#d247 +{background-color:#00CD66} + +#d248 +{background-color:#008B45} + +#d249 +{background-color:#3CB371} + +#d250 +{background-color:#2E8B57} + +#d251 +{background-color:#43CD80} + +#d252 +{background-color:#54FF9F} + +#d253 +{background-color:#2E8B57} + +#d254 +{background-color:#4EEE94} + +#d255 +{background-color:#32814B} + +#d256 +{background-color:#F0FFF0} + +#d257 +{background-color:#F0FFF0} + +#d258 +{background-color:#E0EEE0} + +#d259 +{background-color:#C1FFC1} + +#d260 +{background-color:#B4EEB4} + +#d261 +{background-color:#9AFF9A} + +#d262 +{background-color:#98FB98} + +#d263 +{background-color:#C1CDC1} + +#d264 +{background-color:#90EE90} + +#d265 +{background-color:#90EE90} + +#d266 +{background-color:#9BCD9B} + +#d267 +{background-color:#8FBC8F} + +#d268 +{background-color:#7CCD7C} + +#d269 +{background-color:#838B83} + +#d270 +{background-color:#00FF00} + +#d271 +{background-color:#00FF00} + +#d272 +{background-color:#32CD32} + +#d273 +{background-color:#698B69} + +#d274 +{background-color:#00EE00} + +#d275 +{background-color:#548B54} + +#d276 +{background-color:#00CD00} + +#d277 +{background-color:#228B22} + +#d278 +{background-color:#008B00} + +#d279 +{background-color:#008000} + +#d280 +{background-color:#006400} + +#d281 +{background-color:#7CFC00} + +#d282 +{background-color:#7FFF00} + +#d283 +{background-color:#7FFF00} + +#d284 +{background-color:#76EE00} + +#d285 +{background-color:#66CD00} + +#d286 +{background-color:#458B00} + +#d287 +{background-color:#ADFF2F} + +#d288 +{background-color:#A2CD5A} + +#d289 +{background-color:#CAFF70} + +#d290 +{background-color:#BCEE68} + +#d291 +{background-color:#6E8B3D} + +#d292 +{background-color:#556B2F} + +#d293 +{background-color:#6B8E23} + +#d294 +{background-color:#C0FF3E} + +#d295 +{background-color:#B3EE3A} + +#d296 +{background-color:#9ACD32} + +#d297 +{background-color:#9ACD32} + +#d298 +{background-color:#698B22} + +#d299 +{background-color:#FFFFF0} + +#d300 +{background-color:#FFFFF0} + +#d301 +{background-color:#FFFFE0} + +#d302 +{background-color:#FFFFE0} + +#d303 +{background-color:#F5F5DC} + +#d304 +{background-color:#EEEEE0} + +#d305 +{background-color:#FAFAD2} + +#d306 +{background-color:#EEEED1} + +#d307 +{background-color:#CDCDC1} + +#d308 +{background-color:#CDCDB4} + +#d309 +{background-color:#8B8B83} + +#d310 +{background-color:#8B8B7A} + +#d311 +{background-color:#FFFF00} + +#d312 +{background-color:#FFFF00} + +#d313 +{background-color:#EEEE00} + +#d314 +{background-color:#CDCD00} + +#d315 +{background-color:#8B8B00} + +#d316 +{background-color:#808000} + +#d317 +{background-color:#BDB76B} + +#d318 +{background-color:#EEE685} + +#d319 +{background-color:#8B8970} + +#d320 +{background-color:#FFF68F} + +#d321 +{background-color:#CDC673} + +#d322 +{background-color:#8B864E} + +#d323 +{background-color:#EEE8AA} + +#d324 +{background-color:#FFFACD} + +#d325 +{background-color:#FFFACD} + +#d326 +{background-color:#F0E68C} + +#d327 +{background-color:#CDC9A5} + +#d328 +{background-color:#EEE9BF} + +#d329 +{background-color:#D1C166} + +#d330 +{background-color:#8B8878} + +#d331 +{background-color:#FFD700} + +#d332 +{background-color:#FFD700} + +#d333 +{background-color:#EEC900} + +#d334 +{background-color:#CDAD00} + +#d335 +{background-color:#8B7500} + +#d336 +{background-color:#EEDD82} + +#d337 +{background-color:#8B814C} + +#d338 +{background-color:#FFEC8B} + +#d339 +{background-color:#CDBE70} + +#d340 +{background-color:#EEDC82} + +#d341 +{background-color:#CDC8B1} + +#d342 +{background-color:#EEE8CD} + +#d343 +{background-color:#FFF8DC} + +#d344 +{background-color:#FFF8DC} + +#d345 +{background-color:#DAA520} + +#d346 +{background-color:#FFC125} + +#d347 +{background-color:#EEB422} + +#d348 +{background-color:#CD9B1D} + +#d349 +{background-color:#8B6914} + +#d350 +{background-color:#B8860B} + +#d351 +{background-color:#FFB90F} + +#d352 +{background-color:#EEAD0E} + +#d353 +{background-color:#CD950C} + +#d354 +{background-color:#8B6508} + +#d355 +{background-color:#FFFAF0} + +#d356 +{background-color:#EED8AE} + +#d357 +{background-color:#FDF5E6} + +#d358 +{background-color:#F5DEB3} + +#d359 +{background-color:#FFE7BA} + +#d360 +{background-color:#CDBA96} + +#d361 +{background-color:#FFA500} + +#d362 +{background-color:#FFA500} + +#d363 +{background-color:#EE9A00} + +#d364 +{background-color:#CD8500} + +#d365 +{background-color:#8B5A00} + +#d366 +{background-color:#8B7E66} + +#d367 +{background-color:#FFE4B5} + +#d368 +{background-color:#FFEFD5} + +#d369 +{background-color:#CDB38B} + +#d370 +{background-color:#FFEBCD} + +#d371 +{background-color:#FFDEAD} + +#d372 +{background-color:#FFDEAD} + +#d373 +{background-color:#EECFA1} + +#d374 +{background-color:#8B795E} + +#d375 +{background-color:#8B8378} + +#d376 +{background-color:#FAEBD7} + +#d377 +{background-color:#D2B48C} + +#d378 +{background-color:#8B7D6B} + +#d379 +{background-color:#DEB887} + +#d380 +{background-color:#EEDFCC} + +#d381 +{background-color:#FFD39B} + +#d382 +{background-color:#CDAA7D} + +#d383 +{background-color:#EEC591} + +#d384 +{background-color:#FFEFDB} + +#d385 +{background-color:#8B7355} + +#d386 +{background-color:#CDC0B0} + +#d387 +{background-color:#FF8C00} + +#d388 +{background-color:#EED5B7} + +#d389 +{background-color:#FFE4C4} + +#d390 +{background-color:#FFE4C4} + +#d391 +{background-color:#CDB79E} + +#d392 +{background-color:#FF7F00} + +#d393 +{background-color:#FAF0E6} + +#d394 +{background-color:#EE7600} + +#d395 +{background-color:#CD6600} + +#d396 +{background-color:#8B4500} + +#d397 +{background-color:#CD853F} + +#d398 +{background-color:#FFA54F} + +#d399 +{background-color:#EE9A49} + +#d400 +{background-color:#CD853F} + +#d401 +{background-color:#8B5A2B} + +#d402 +{background-color:#FFDAB9} + +#d403 +{background-color:#FFDAB9} + +#d404 +{background-color:#8B7765} + +#d405 +{background-color:#EECBAD} + +#d406 +{background-color:#CDAF95} + +#d407 +{background-color:#F4A460} + +#d408 +{background-color:#8B8682} + +#d409 +{background-color:#EEE5DE} + +#d410 +{background-color:#CDC5BF} + +#d411 +{background-color:#D2691E} + +#d412 +{background-color:#FF7F24} + +#d413 +{background-color:#EE7621} + +#d414 +{background-color:#CD661D} + +#d415 +{background-color:#8B4513} + +#d416 +{background-color:#8B4513} + +#d417 +{background-color:#FFF5EE} + +#d418 +{background-color:#FFF5EE} + +#d419 +{background-color:#8B4726} + +#d420 +{background-color:#A0522D} + +#d421 +{background-color:#FF8247} + +#d422 +{background-color:#EE7942} + +#d423 +{background-color:#CD6839} + +#d424 +{background-color:#CD8162} + +#d425 +{background-color:#FFA07A} + +#d426 +{background-color:#FFA07A} + +#d427 +{background-color:#8B5742} + +#d428 +{background-color:#EE9572} + +#d429 +{background-color:#FF7F50} + +#d430 +{background-color:#FF4500} + +#d431 +{background-color:#FF4500} + +#d432 +{background-color:#EE4000} + +#d433 +{background-color:#CD3700} + +#d434 +{background-color:#8B2500} + +#d435 +{background-color:#E9967A} + +#d436 +{background-color:#FF8C69} + +#d437 +{background-color:#EE8262} + +#d438 +{background-color:#CD7054} + +#d439 +{background-color:#8B4C39} + +#d440 +{background-color:#FF7256} + +#d441 +{background-color:#EE6A50} + +#d442 +{background-color:#CD5B45} + +#d443 +{background-color:#8B3E2F} + +#d444 +{background-color:#8B3626} + +#d445 +{background-color:#FF6347} + +#d446 +{background-color:#FF6347} + +#d447 +{background-color:#EE5C42} + +#d448 +{background-color:#CD4F39} + +#d449 +{background-color:#8B7D7B} + +#d450 +{background-color:#EED5D2} + +#d451 +{background-color:#FFE4E1} + +#d452 +{background-color:#FFE4E1} + +#d453 +{background-color:#FA8072} + +#d454 +{background-color:#CDB7B5} + +#d455 +{background-color:#FFFFFF} + +#d456 +{background-color:#FFFFFF} + +#d457 +{background-color:#FFFFFF} + +#d458 +{background-color:#FFFFFF} + +#d459 +{background-color:#FCFCFC} + +#d460 +{background-color:#FCFCFC} + +#d461 +{background-color:#FAFAFA} + +#d462 +{background-color:#FAFAFA} + +#d463 +{background-color:#F7F7F7} + +#d464 +{background-color:#F7F7F7} + +#d465 +{background-color:#F5F5F5} + +#d466 +{background-color:#F5F5F5} + +#d467 +{background-color:#F5F5F5} + +#d468 +{background-color:#F2F2F2} + +#d469 +{background-color:#F2F2F2} + +#d470 +{background-color:#F0F0F0} + +#d471 +{background-color:#F0F0F0} + +#d472 +{background-color:#EDEDED} + +#d473 +{background-color:#EDEDED} + +#d474 +{background-color:#EBEBEB} + +#d475 +{background-color:#EBEBEB} + +#d476 +{background-color:#E8E8E8} + +#d477 +{background-color:#E8E8E8} + +#d478 +{background-color:#E5E5E5} + +#d479 +{background-color:#E5E5E5} + +#d480 +{background-color:#E3E3E3} + +#d481 +{background-color:#E3E3E3} + +#d482 +{background-color:#E0E0E0} + +#d483 +{background-color:#E0E0E0} + +#d484 +{background-color:#DEDEDE} + +#d485 +{background-color:#DEDEDE} + +#d486 +{background-color:#DCDCDC} + +#d487 +{background-color:#DBDBDB} + +#d488 +{background-color:#DBDBDB} + +#d489 +{background-color:#D9D9D9} + +#d490 +{background-color:#D9D9D9} + +#d491 +{background-color:#D6D6D6} + +#d492 +{background-color:#D6D6D6} + +#d493 +{background-color:#D4D4D4} + +#d494 +{background-color:#D4D4D4} + +#d495 +{background-color:#D3D3D3} + +#d496 +{background-color:#D3D3D3} + +#d497 +{background-color:#D1D1D1} + +#d498 +{background-color:#D1D1D1} + +#d499 +{background-color:#CFCFCF} + +#d500 +{background-color:#CFCFCF} + +#d501 +{background-color:#CCCCCC} + +#d502 +{background-color:#CCCCCC} + +#d503 +{background-color:#C9C9C9} + +#d504 +{background-color:#C9C9C9} + +#d505 +{background-color:#C7C7C7} + +#d506 +{background-color:#C7C7C7} + +#d507 +{background-color:#C4C4C4} + +#d508 +{background-color:#C4C4C4} + +#d509 +{background-color:#C2C2C2} + +#d510 +{background-color:#C2C2C2} + +#d511 +{background-color:#C0C0C0} + +#d512 +{background-color:#BFBFBF} + +#d513 +{background-color:#BFBFBF} + +#d514 +{background-color:#BDBDBD} + +#d515 +{background-color:#BDBDBD} + +#d516 +{background-color:#BABABA} + +#d517 +{background-color:#BABABA} + +#d518 +{background-color:#B8B8B8} + +#d519 +{background-color:#B8B8B8} + +#d520 +{background-color:#B5B5B5} + +#d521 +{background-color:#B5B5B5} + +#d522 +{background-color:#B3B3B3} + +#d523 +{background-color:#B3B3B3} + +#d524 +{background-color:#B0B0B0} + +#d525 +{background-color:#B0B0B0} + +#d526 +{background-color:#ADADAD} + +#d527 +{background-color:#ADADAD} + +#d528 +{background-color:#ABABAB} + +#d529 +{background-color:#ABABAB} + +#d530 +{background-color:#A9A9A9} + +#d531 +{background-color:#A9A9A9} + +#d532 +{background-color:#A8A8A8} + +#d533 +{background-color:#A8A8A8} + +#d534 +{background-color:#A6A6A6} + +#d535 +{background-color:#A6A6A6} + +#d536 +{background-color:#A3A3A3} + +#d537 +{background-color:#A3A3A3} + +#d538 +{background-color:#A1A1A1} + +#d539 +{background-color:#A1A1A1} + +#d540 +{background-color:#9E9E9E} + +#d541 +{background-color:#9E9E9E} + +#d542 +{background-color:#9C9C9C} + +#d543 +{background-color:#9C9C9C} + +#d544 +{background-color:#999999} + +#d545 +{background-color:#999999} + +#d546 +{background-color:#969696} + +#d547 +{background-color:#969696} + +#d548 +{background-color:#949494} + +#d549 +{background-color:#949494} + +#d550 +{background-color:#919191} + +#d551 +{background-color:#919191} + +#d552 +{background-color:#8F8F8F} + +#d553 +{background-color:#8F8F8F} + +#d554 +{background-color:#8C8C8C} + +#d555 +{background-color:#8C8C8C} + +#d556 +{background-color:#8A8A8A} + +#d557 +{background-color:#8A8A8A} + +#d558 +{background-color:#878787} + +#d559 +{background-color:#878787} + +#d560 +{background-color:#858585} + +#d561 +{background-color:#858585} + +#d562 +{background-color:#828282} + +#d563 +{background-color:#828282} + +#d564 +{background-color:#808080} + +#d565 +{background-color:#7F7F7F} + +#d566 +{background-color:#7F7F7F} + +#d567 +{background-color:#7E7E7E} + +#d568 +{background-color:#7D7D7D} + +#d569 +{background-color:#7D7D7D} + +#d570 +{background-color:#7A7A7A} + +#d571 +{background-color:#7A7A7A} + +#d572 +{background-color:#787878} + +#d573 +{background-color:#787878} + +#d574 +{background-color:#757575} + +#d575 +{background-color:#757575} + +#d576 +{background-color:#737373} + +#d577 +{background-color:#737373} + +#d578 +{background-color:#707070} + +#d579 +{background-color:#707070} + +#d580 +{background-color:#6E6E6E} + +#d581 +{background-color:#6E6E6E} + +#d582 +{background-color:#6B6B6B} + +#d583 +{background-color:#6B6B6B} + +#d584 +{background-color:#696969} + +#d585 +{background-color:#696969} + +#d586 +{background-color:#696969} + +#d587 +{background-color:#696969} + +#d588 +{background-color:#666666} + +#d589 +{background-color:#666666} + +#d590 +{background-color:#636363} + +#d591 +{background-color:#636363} + +#d592 +{background-color:#616161} + +#d593 +{background-color:#616161} + +#d594 +{background-color:#5E5E5E} + +#d595 +{background-color:#5E5E5E} + +#d596 +{background-color:#5C5C5C} + +#d597 +{background-color:#5C5C5C} + +#d598 +{background-color:#595959} + +#d599 +{background-color:#595959} + +#d600 +{background-color:#575757} + +#d601 +{background-color:#575757} + +#d602 +{background-color:#545454} + +#d603 +{background-color:#545454} + +#d604 +{background-color:#525252} + +#d605 +{background-color:#525252} + +#d606 +{background-color:#4F4F4F} + +#d607 +{background-color:#4F4F4F} + +#d608 +{background-color:#4D4D4D} + +#d609 +{background-color:#4D4D4D} + +#d610 +{background-color:#4A4A4A} + +#d611 +{background-color:#4A4A4A} + +#d612 +{background-color:#474747} + +#d613 +{background-color:#474747} + +#d614 +{background-color:#454545} + +#d615 +{background-color:#454545} + +#d616 +{background-color:#424242} + +#d617 +{background-color:#424242} + +#d618 +{background-color:#404040} + +#d619 +{background-color:#404040} + +#d620 +{background-color:#3D3D3D} + +#d621 +{background-color:#3D3D3D} + +#d622 +{background-color:#3B3B3B} + +#d623 +{background-color:#3B3B3B} + +#d624 +{background-color:#383838} + +#d625 +{background-color:#383838} + +#d626 +{background-color:#363636} + +#d627 +{background-color:#363636} + +#d628 +{background-color:#333333} + +#d629 +{background-color:#333333} + +#d630 +{background-color:#303030} + +#d631 +{background-color:#303030} + +#d632 +{background-color:#2E2E2E} + +#d633 +{background-color:#2E2E2E} + +#d634 +{background-color:#2B2B2B} + +#d635 +{background-color:#2B2B2B} + +#d636 +{background-color:#292929} + +#d637 +{background-color:#292929} + +#d638 +{background-color:#262626} + +#d639 +{background-color:#262626} + +#d640 +{background-color:#242424} + +#d641 +{background-color:#242424} + +#d642 +{background-color:#212121} + +#d643 +{background-color:#212121} + +#d644 +{background-color:#1F1F1F} + +#d645 +{background-color:#1F1F1F} + +#d646 +{background-color:#1C1C1C} + +#d647 +{background-color:#1C1C1C} + +#d648 +{background-color:#1A1A1A} + +#d649 +{background-color:#1A1A1A} + +#d650 +{background-color:#171717} + +#d651 +{background-color:#171717} + +#d652 +{background-color:#141414} + +#d653 +{background-color:#141414} + +#d654 +{background-color:#121212} + +#d655 +{background-color:#121212} + +#d656 +{background-color:#0F0F0F} + +#d657 +{background-color:#0F0F0F} + +#d658 +{background-color:#0D0D0D} + +#d659 +{background-color:#0D0D0D} + +#d660 +{background-color:#0A0A0A} + +#d661 +{background-color:#0A0A0A} + +#d662 +{background-color:#080808} + +#d663 +{background-color:#080808} + +#d664 +{background-color:#050505} + +#d665 +{background-color:#050505} + +#d666 +{background-color:#030303} + +#d667 +{background-color:#030303} + +#d668 +{background-color:#000000} + +#d669 +{background-color:#000000} + +#d670 +{background-color:#000000} + +#d671 +{background-color:#000000} + +#d672 +{background-color:#000000} + +#d673 +{background-color:#000000} +.colors +{ +height:30; +width:10px; +} +</style></head><body> +<div id='colorpicker'> +<div id='viewarea' class="panorama"> +<div id='container'> +<div id='d0' class='colors'> +snow</div> +<div id='d1' class='colors'> +snow1</div> +<div id='d2' class='colors'> +snow2</div> +<div id='d3' class='colors'> +RosyBrown1</div> +<div id='d4' class='colors'> +RosyBrown2</div> +<div id='d5' class='colors'> +snow3</div> +<div id='d6' class='colors'> +LightCoral</div> +<div id='d7' class='colors'> +IndianRed1</div> +<div id='d8' class='colors'> +RosyBrown3</div> +<div id='d9' class='colors'> +IndianRed2</div> +<div id='d10' class='colors'> +RosyBrown</div> +<div id='d11' class='colors'> +brown1</div> +<div id='d12' class='colors'> +firebrick1</div> +<div id='d13' class='colors'> +brown2</div> +<div id='d14' class='colors'> +IndianRed</div> +<div id='d15' class='colors'> +IndianRed3</div> +<div id='d16' class='colors'> +firebrick2</div> +<div id='d17' class='colors'> +snow4</div> +<div id='d18' class='colors'> +brown3</div> +<div id='d19' class='colors'> +red</div> +<div id='d20' class='colors'> +red1</div> +<div id='d21' class='colors'> +RosyBrown4</div> +<div id='d22' class='colors'> +firebrick3</div> +<div id='d23' class='colors'> +red2</div> +<div id='d24' class='colors'> +firebrick</div> +<div id='d25' class='colors'> +brown</div> +<div id='d26' class='colors'> +red3</div> +<div id='d27' class='colors'> +IndianRed4</div> +<div id='d28' class='colors'> +brown4</div> +<div id='d29' class='colors'> +firebrick4</div> +<div id='d30' class='colors'> +DarkRed</div> +<div id='d31' class='colors'> +red4</div> +<div id='d32' class='colors'> +maroon</div> +<div id='d33' class='colors'> +LightPink1</div> +<div id='d34' class='colors'> +LightPink3</div> +<div id='d35' class='colors'> +LightPink4</div> +<div id='d36' class='colors'> +LightPink2</div> +<div id='d37' class='colors'> +LightPink</div> +<div id='d38' class='colors'> +pink</div> +<div id='d39' class='colors'> +crimson</div> +<div id='d40' class='colors'> +pink1</div> +<div id='d41' class='colors'> +pink2</div> +<div id='d42' class='colors'> +pink3</div> +<div id='d43' class='colors'> +pink4</div> +<div id='d44' class='colors'> +PaleVioletRed4</div> +<div id='d45' class='colors'> +PaleVioletRed</div> +<div id='d46' class='colors'> +PaleVioletRed2</div> +<div id='d47' class='colors'> +PaleVioletRed1</div> +<div id='d48' class='colors'> +PaleVioletRed3</div> +<div id='d49' class='colors'> +LavenderBlush</div> +<div id='d50' class='colors'> +LavenderBlush1</div> +<div id='d51' class='colors'> +LavenderBlush3</div> +<div id='d52' class='colors'> +LavenderBlush2</div> +<div id='d53' class='colors'> +LavenderBlush4</div> +<div id='d54' class='colors'> +maroon</div> +<div id='d55' class='colors'> +HotPink3</div> +<div id='d56' class='colors'> +VioletRed3</div> +<div id='d57' class='colors'> +VioletRed1</div> +<div id='d58' class='colors'> +VioletRed2</div> +<div id='d59' class='colors'> +VioletRed4</div> +<div id='d60' class='colors'> +HotPink2</div> +<div id='d61' class='colors'> +HotPink1</div> +<div id='d62' class='colors'> +HotPink4</div> +<div id='d63' class='colors'> +HotPink</div> +<div id='d64' class='colors'> +DeepPink</div> +<div id='d65' class='colors'> +DeepPink1</div> +<div id='d66' class='colors'> +DeepPink2</div> +<div id='d67' class='colors'> +DeepPink3</div> +<div id='d68' class='colors'> +DeepPink4</div> +<div id='d69' class='colors'> +maroon1</div> +<div id='d70' class='colors'> +maroon2</div> +<div id='d71' class='colors'> +maroon3</div> +<div id='d72' class='colors'> +maroon4</div> +<div id='d73' class='colors'> +MediumVioletRed</div> +<div id='d74' class='colors'> +VioletRed</div> +<div id='d75' class='colors'> +orchid2</div> +<div id='d76' class='colors'> +orchid</div> +<div id='d77' class='colors'> +orchid1</div> +<div id='d78' class='colors'> +orchid3</div> +<div id='d79' class='colors'> +orchid4</div> +<div id='d80' class='colors'> +thistle1</div> +<div id='d81' class='colors'> +thistle2</div> +<div id='d82' class='colors'> +plum1</div> +<div id='d83' class='colors'> +plum2</div> +<div id='d84' class='colors'> +thistle</div> +<div id='d85' class='colors'> +thistle3</div> +<div id='d86' class='colors'> +plum</div> +<div id='d87' class='colors'> +violet</div> +<div id='d88' class='colors'> +plum3</div> +<div id='d89' class='colors'> +thistle4</div> +<div id='d90' class='colors'> +fuchsia</div> +<div id='d91' class='colors'> +magenta</div> +<div id='d92' class='colors'> +magenta1</div> +<div id='d93' class='colors'> +plum4</div> +<div id='d94' class='colors'> +magenta2</div> +<div id='d95' class='colors'> +magenta3</div> +<div id='d96' class='colors'> +DarkMagenta</div> +<div id='d97' class='colors'> +magenta4</div> +<div id='d98' class='colors'> +purple</div> +<div id='d99' class='colors'> +MediumOrchid</div> +<div id='d100' class='colors'> +MediumOrchid1</div> +<div id='d101' class='colors'> +MediumOrchid2</div> +<div id='d102' class='colors'> +MediumOrchid3</div> +<div id='d103' class='colors'> +MediumOrchid4</div> +<div id='d104' class='colors'> +DarkViolet</div> +<div id='d105' class='colors'> +DarkOrchid</div> +<div id='d106' class='colors'> +DarkOrchid1</div> +<div id='d107' class='colors'> +DarkOrchid3</div> +<div id='d108' class='colors'> +DarkOrchid2</div> +<div id='d109' class='colors'> +DarkOrchid4</div> +<div id='d110' class='colors'> +purple</div> +<div id='d111' class='colors'> +indigo</div> +<div id='d112' class='colors'> +BlueViolet</div> +<div id='d113' class='colors'> +purple2</div> +<div id='d114' class='colors'> +purple3</div> +<div id='d115' class='colors'> +purple4</div> +<div id='d116' class='colors'> +purple1</div> +<div id='d117' class='colors'> +MediumPurple</div> +<div id='d118' class='colors'> +MediumPurple1</div> +<div id='d119' class='colors'> +MediumPurple2</div> +<div id='d120' class='colors'> +MediumPurple3</div> +<div id='d121' class='colors'> +MediumPurple4</div> +<div id='d122' class='colors'> +DarkSlateBlue</div> +<div id='d123' class='colors'> +LightSlateBlue</div> +<div id='d124' class='colors'> +MediumSlateBlue</div> +<div id='d125' class='colors'> +SlateBlue</div> +<div id='d126' class='colors'> +SlateBlue1</div> +<div id='d127' class='colors'> +SlateBlue2</div> +<div id='d128' class='colors'> +SlateBlue3</div> +<div id='d129' class='colors'> +SlateBlue4</div> +<div id='d130' class='colors'> +GhostWhite</div> +<div id='d131' class='colors'> +lavender</div> +<div id='d132' class='colors'> +blue</div> +<div id='d133' class='colors'> +blue1</div> +<div id='d134' class='colors'> +blue2</div> +<div id='d135' class='colors'> +blue3</div> +<div id='d136' class='colors'> +MediumBlue</div> +<div id='d137' class='colors'> +blue4</div> +<div id='d138' class='colors'> +DarkBlue</div> +<div id='d139' class='colors'> +MidnightBlue</div> +<div id='d140' class='colors'> +navy</div> +<div id='d141' class='colors'> +NavyBlue</div> +<div id='d142' class='colors'> +RoyalBlue</div> +<div id='d143' class='colors'> +RoyalBlue1</div> +<div id='d144' class='colors'> +RoyalBlue2</div> +<div id='d145' class='colors'> +RoyalBlue3</div> +<div id='d146' class='colors'> +RoyalBlue4</div> +<div id='d147' class='colors'> +CornflowerBlue</div> +<div id='d148' class='colors'> +LightSteelBlue</div> +<div id='d149' class='colors'> +LightSteelBlue1</div> +<div id='d150' class='colors'> +LightSteelBlue2</div> +<div id='d151' class='colors'> +LightSteelBlue3</div> +<div id='d152' class='colors'> +LightSteelBlue4</div> +<div id='d153' class='colors'> +SlateGray4</div> +<div id='d154' class='colors'> +SlateGray1</div> +<div id='d155' class='colors'> +SlateGray2</div> +<div id='d156' class='colors'> +SlateGray3</div> +<div id='d157' class='colors'> +LightSlateGray</div> +<div id='d158' class='colors'> +LightSlateGrey</div> +<div id='d159' class='colors'> +SlateGray</div> +<div id='d160' class='colors'> +SlateGrey</div> +<div id='d161' class='colors'> +DodgerBlue</div> +<div id='d162' class='colors'> +DodgerBlue1</div> +<div id='d163' class='colors'> +DodgerBlue2</div> +<div id='d164' class='colors'> +DodgerBlue4</div> +<div id='d165' class='colors'> +DodgerBlue3</div> +<div id='d166' class='colors'> +AliceBlue</div> +<div id='d167' class='colors'> +SteelBlue4</div> +<div id='d168' class='colors'> +SteelBlue</div> +<div id='d169' class='colors'> +SteelBlue1</div> +<div id='d170' class='colors'> +SteelBlue2</div> +<div id='d171' class='colors'> +SteelBlue3</div> +<div id='d172' class='colors'> +SkyBlue4</div> +<div id='d173' class='colors'> +SkyBlue1</div> +<div id='d174' class='colors'> +SkyBlue2</div> +<div id='d175' class='colors'> +SkyBlue3</div> +<div id='d176' class='colors'> +LightSkyBlue</div> +<div id='d177' class='colors'> +LightSkyBlue4</div> +<div id='d178' class='colors'> +LightSkyBlue1</div> +<div id='d179' class='colors'> +LightSkyBlue2</div> +<div id='d180' class='colors'> +LightSkyBlue3</div> +<div id='d181' class='colors'> +SkyBlue</div> +<div id='d182' class='colors'> +LightBlue3</div> +<div id='d183' class='colors'> +DeepSkyBlue</div> +<div id='d184' class='colors'> +DeepSkyBlue1</div> +<div id='d185' class='colors'> +DeepSkyBlue2</div> +<div id='d186' class='colors'> +DeepSkyBlue4</div> +<div id='d187' class='colors'> +DeepSkyBlue3</div> +<div id='d188' class='colors'> +LightBlue1</div> +<div id='d189' class='colors'> +LightBlue2</div> +<div id='d190' class='colors'> +LightBlue</div> +<div id='d191' class='colors'> +LightBlue4</div> +<div id='d192' class='colors'> +PowderBlue</div> +<div id='d193' class='colors'> +CadetBlue1</div> +<div id='d194' class='colors'> +CadetBlue2</div> +<div id='d195' class='colors'> +CadetBlue3</div> +<div id='d196' class='colors'> +CadetBlue4</div> +<div id='d197' class='colors'> +turquoise1</div> +<div id='d198' class='colors'> +turquoise2</div> +<div id='d199' class='colors'> +turquoise3</div> +<div id='d200' class='colors'> +turquoise4</div> +<div id='d201' class='colors'> +cadet blue</div> +<div id='d202' class='colors'> +CadetBlue</div> +<div id='d203' class='colors'> +DarkTurquoise</div> +<div id='d204' class='colors'> +azure</div> +<div id='d205' class='colors'> +azure1</div> +<div id='d206' class='colors'> +LightCyan</div> +<div id='d207' class='colors'> +LightCyan1</div> +<div id='d208' class='colors'> +azure2</div> +<div id='d209' class='colors'> +LightCyan2</div> +<div id='d210' class='colors'> +PaleTurquoise1</div> +<div id='d211' class='colors'> +PaleTurquoise</div> +<div id='d212' class='colors'> +PaleTurquoise2</div> +<div id='d213' class='colors'> +DarkSlateGray1</div> +<div id='d214' class='colors'> +azure3</div> +<div id='d215' class='colors'> +LightCyan3</div> +<div id='d216' class='colors'> +DarkSlateGray2</div> +<div id='d217' class='colors'> +PaleTurquoise3</div> +<div id='d218' class='colors'> +DarkSlateGray3</div> +<div id='d219' class='colors'> +azure4</div> +<div id='d220' class='colors'> +LightCyan4</div> +<div id='d221' class='colors'> +aqua</div> +<div id='d222' class='colors'> +cyan</div> +<div id='d223' class='colors'> +cyan1</div> +<div id='d224' class='colors'> +PaleTurquoise4</div> +<div id='d225' class='colors'> +cyan2</div> +<div id='d226' class='colors'> +DarkSlateGray4</div> +<div id='d227' class='colors'> +cyan3</div> +<div id='d228' class='colors'> +cyan4</div> +<div id='d229' class='colors'> +DarkCyan</div> +<div id='d230' class='colors'> +teal</div> +<div id='d231' class='colors'> +DarkSlateGray</div> +<div id='d232' class='colors'> +DarkSlateGrey</div> +<div id='d233' class='colors'> +MediumTurquoise</div> +<div id='d234' class='colors'> +LightSeaGreen</div> +<div id='d235' class='colors'> +turquoise</div> +<div id='d236' class='colors'> +aquamarine4</div> +<div id='d237' class='colors'> +aquamarine</div> +<div id='d238' class='colors'> +aquamarine1</div> +<div id='d239' class='colors'> +aquamarine2</div> +<div id='d240' class='colors'> +aquamarine3</div> +<div id='d241' class='colors'> +MediumAquamarine</div> +<div id='d242' class='colors'> +MediumSpringGreen</div> +<div id='d243' class='colors'> +MintCream</div> +<div id='d244' class='colors'> +SpringGreen</div> +<div id='d245' class='colors'> +SpringGreen1</div> +<div id='d246' class='colors'> +SpringGreen2</div> +<div id='d247' class='colors'> +SpringGreen3</div> +<div id='d248' class='colors'> +SpringGreen4</div> +<div id='d249' class='colors'> +MediumSeaGreen</div> +<div id='d250' class='colors'> +SeaGreen</div> +<div id='d251' class='colors'> +SeaGreen3</div> +<div id='d252' class='colors'> +SeaGreen1</div> +<div id='d253' class='colors'> +SeaGreen4</div> +<div id='d254' class='colors'> +SeaGreen2</div> +<div id='d255' class='colors'> +MediumForestGreen</div> +<div id='d256' class='colors'> +honeydew</div> +<div id='d257' class='colors'> +honeydew1</div> +<div id='d258' class='colors'> +honeydew2</div> +<div id='d259' class='colors'> +DarkSeaGreen1</div> +<div id='d260' class='colors'> +DarkSeaGreen2</div> +<div id='d261' class='colors'> +PaleGreen1</div> +<div id='d262' class='colors'> +PaleGreen</div> +<div id='d263' class='colors'> +honeydew3</div> +<div id='d264' class='colors'> +LightGreen</div> +<div id='d265' class='colors'> +PaleGreen2</div> +<div id='d266' class='colors'> +DarkSeaGreen3</div> +<div id='d267' class='colors'> +DarkSeaGreen</div> +<div id='d268' class='colors'> +PaleGreen3</div> +<div id='d269' class='colors'> +honeydew4</div> +<div id='d270' class='colors'> +green1</div> +<div id='d271' class='colors'> +lime</div> +<div id='d272' class='colors'> +LimeGreen</div> +<div id='d273' class='colors'> +DarkSeaGreen4</div> +<div id='d274' class='colors'> +green2</div> +<div id='d275' class='colors'> +PaleGreen4</div> +<div id='d276' class='colors'> +green3</div> +<div id='d277' class='colors'> +ForestGreen</div> +<div id='d278' class='colors'> +green4</div> +<div id='d279' class='colors'> +green</div> +<div id='d280' class='colors'> +DarkGreen</div> +<div id='d281' class='colors'> +LawnGreen</div> +<div id='d282' class='colors'> +chartreuse</div> +<div id='d283' class='colors'> +chartreuse1</div> +<div id='d284' class='colors'> +chartreuse2</div> +<div id='d285' class='colors'> +chartreuse3</div> +<div id='d286' class='colors'> +chartreuse4</div> +<div id='d287' class='colors'> +GreenYellow</div> +<div id='d288' class='colors'> +DarkOliveGreen3</div> +<div id='d289' class='colors'> +DarkOliveGreen1</div> +<div id='d290' class='colors'> +DarkOliveGreen2</div> +<div id='d291' class='colors'> +DarkOliveGreen4</div> +<div id='d292' class='colors'> +DarkOliveGreen</div> +<div id='d293' class='colors'> +OliveDrab</div> +<div id='d294' class='colors'> +OliveDrab1</div> +<div id='d295' class='colors'> +OliveDrab2</div> +<div id='d296' class='colors'> +OliveDrab3</div> +<div id='d297' class='colors'> +YellowGreen</div> +<div id='d298' class='colors'> +OliveDrab4</div> +<div id='d299' class='colors'> +ivory</div> +<div id='d300' class='colors'> +ivory1</div> +<div id='d301' class='colors'> +LightYellow</div> +<div id='d302' class='colors'> +LightYellow1</div> +<div id='d303' class='colors'> +beige</div> +<div id='d304' class='colors'> +ivory2</div> +<div id='d305' class='colors'> +LightGoldenrodYellow</div> +<div id='d306' class='colors'> +LightYellow2</div> +<div id='d307' class='colors'> +ivory3</div> +<div id='d308' class='colors'> +LightYellow3</div> +<div id='d309' class='colors'> +ivory4</div> +<div id='d310' class='colors'> +LightYellow4</div> +<div id='d311' class='colors'> +yellow</div> +<div id='d312' class='colors'> +yellow1</div> +<div id='d313' class='colors'> +yellow2</div> +<div id='d314' class='colors'> +yellow3</div> +<div id='d315' class='colors'> +yellow4</div> +<div id='d316' class='colors'> +olive</div> +<div id='d317' class='colors'> +DarkKhaki</div> +<div id='d318' class='colors'> +khaki2</div> +<div id='d319' class='colors'> +LemonChiffon4</div> +<div id='d320' class='colors'> +khaki1</div> +<div id='d321' class='colors'> +khaki3</div> +<div id='d322' class='colors'> +khaki4</div> +<div id='d323' class='colors'> +PaleGoldenrod</div> +<div id='d324' class='colors'> +LemonChiffon</div> +<div id='d325' class='colors'> +LemonChiffon1</div> +<div id='d326' class='colors'> +khaki</div> +<div id='d327' class='colors'> +LemonChiffon3</div> +<div id='d328' class='colors'> +LemonChiffon2</div> +<div id='d329' class='colors'> +MediumGoldenRod</div> +<div id='d330' class='colors'> +cornsilk4</div> +<div id='d331' class='colors'> +gold</div> +<div id='d332' class='colors'> +gold1</div> +<div id='d333' class='colors'> +gold2</div> +<div id='d334' class='colors'> +gold3</div> +<div id='d335' class='colors'> +gold4</div> +<div id='d336' class='colors'> +LightGoldenrod</div> +<div id='d337' class='colors'> +LightGoldenrod4</div> +<div id='d338' class='colors'> +LightGoldenrod1</div> +<div id='d339' class='colors'> +LightGoldenrod3</div> +<div id='d340' class='colors'> +LightGoldenrod2</div> +<div id='d341' class='colors'> +cornsilk3</div> +<div id='d342' class='colors'> +cornsilk2</div> +<div id='d343' class='colors'> +cornsilk</div> +<div id='d344' class='colors'> +cornsilk1</div> +<div id='d345' class='colors'> +goldenrod</div> +<div id='d346' class='colors'> +goldenrod1</div> +<div id='d347' class='colors'> +goldenrod2</div> +<div id='d348' class='colors'> +goldenrod3</div> +<div id='d349' class='colors'> +goldenrod4</div> +<div id='d350' class='colors'> +DarkGoldenrod</div> +<div id='d351' class='colors'> +DarkGoldenrod1</div> +<div id='d352' class='colors'> +DarkGoldenrod2</div> +<div id='d353' class='colors'> +DarkGoldenrod3</div> +<div id='d354' class='colors'> +DarkGoldenrod4</div> +<div id='d355' class='colors'> +FloralWhite</div> +<div id='d356' class='colors'> +wheat2</div> +<div id='d357' class='colors'> +OldLace</div> +<div id='d358' class='colors'> +wheat</div> +<div id='d359' class='colors'> +wheat1</div> +<div id='d360' class='colors'> +wheat3</div> +<div id='d361' class='colors'> +orange</div> +<div id='d362' class='colors'> +orange1</div> +<div id='d363' class='colors'> +orange2</div> +<div id='d364' class='colors'> +orange3</div> +<div id='d365' class='colors'> +orange4</div> +<div id='d366' class='colors'> +wheat4</div> +<div id='d367' class='colors'> +moccasin</div> +<div id='d368' class='colors'> +PapayaWhip</div> +<div id='d369' class='colors'> +NavajoWhite3</div> +<div id='d370' class='colors'> +BlanchedAlmond</div> +<div id='d371' class='colors'> +NavajoWhite</div> +<div id='d372' class='colors'> +NavajoWhite1</div> +<div id='d373' class='colors'> +NavajoWhite2</div> +<div id='d374' class='colors'> +NavajoWhite4</div> +<div id='d375' class='colors'> +AntiqueWhite4</div> +<div id='d376' class='colors'> +AntiqueWhite</div> +<div id='d377' class='colors'> +tan</div> +<div id='d378' class='colors'> +bisque4</div> +<div id='d379' class='colors'> +burlywood</div> +<div id='d380' class='colors'> +AntiqueWhite2</div> +<div id='d381' class='colors'> +burlywood1</div> +<div id='d382' class='colors'> +burlywood3</div> +<div id='d383' class='colors'> +burlywood2</div> +<div id='d384' class='colors'> +AntiqueWhite1</div> +<div id='d385' class='colors'> +burlywood4</div> +<div id='d386' class='colors'> +AntiqueWhite3</div> +<div id='d387' class='colors'> +DarkOrange</div> +<div id='d388' class='colors'> +bisque2</div> +<div id='d389' class='colors'> +bisque</div> +<div id='d390' class='colors'> +bisque1</div> +<div id='d391' class='colors'> +bisque3</div> +<div id='d392' class='colors'> +DarkOrange1</div> +<div id='d393' class='colors'> +linen</div> +<div id='d394' class='colors'> +DarkOrange2</div> +<div id='d395' class='colors'> +DarkOrange3</div> +<div id='d396' class='colors'> +DarkOrange4</div> +<div id='d397' class='colors'> +peru</div> +<div id='d398' class='colors'> +tan1</div> +<div id='d399' class='colors'> +tan2</div> +<div id='d400' class='colors'> +tan3</div> +<div id='d401' class='colors'> +tan4</div> +<div id='d402' class='colors'> +PeachPuff</div> +<div id='d403' class='colors'> +PeachPuff1</div> +<div id='d404' class='colors'> +PeachPuff4</div> +<div id='d405' class='colors'> +PeachPuff2</div> +<div id='d406' class='colors'> +PeachPuff3</div> +<div id='d407' class='colors'> +SandyBrown</div> +<div id='d408' class='colors'> +seashell4</div> +<div id='d409' class='colors'> +seashell2</div> +<div id='d410' class='colors'> +seashell3</div> +<div id='d411' class='colors'> +chocolate</div> +<div id='d412' class='colors'> +chocolate1</div> +<div id='d413' class='colors'> +chocolate2</div> +<div id='d414' class='colors'> +chocolate3</div> +<div id='d415' class='colors'> +chocolate4</div> +<div id='d416' class='colors'> +SaddleBrown</div> +<div id='d417' class='colors'> +seashell</div> +<div id='d418' class='colors'> +seashell1</div> +<div id='d419' class='colors'> +sienna4</div> +<div id='d420' class='colors'> +sienna</div> +<div id='d421' class='colors'> +sienna1</div> +<div id='d422' class='colors'> +sienna2</div> +<div id='d423' class='colors'> +sienna3</div> +<div id='d424' class='colors'> +LightSalmon3</div> +<div id='d425' class='colors'> +LightSalmon</div> +<div id='d426' class='colors'> +LightSalmon1</div> +<div id='d427' class='colors'> +LightSalmon4</div> +<div id='d428' class='colors'> +LightSalmon2</div> +<div id='d429' class='colors'> +coral</div> +<div id='d430' class='colors'> +OrangeRed</div> +<div id='d431' class='colors'> +OrangeRed1</div> +<div id='d432' class='colors'> +OrangeRed2</div> +<div id='d433' class='colors'> +OrangeRed3</div> +<div id='d434' class='colors'> +OrangeRed4</div> +<div id='d435' class='colors'> +DarkSalmon</div> +<div id='d436' class='colors'> +salmon1</div> +<div id='d437' class='colors'> +salmon2</div> +<div id='d438' class='colors'> +salmon3</div> +<div id='d439' class='colors'> +salmon4</div> +<div id='d440' class='colors'> +coral1</div> +<div id='d441' class='colors'> +coral2</div> +<div id='d442' class='colors'> +coral3</div> +<div id='d443' class='colors'> +coral4</div> +<div id='d444' class='colors'> +tomato4</div> +<div id='d445' class='colors'> +tomato</div> +<div id='d446' class='colors'> +tomato1</div> +<div id='d447' class='colors'> +tomato2</div> +<div id='d448' class='colors'> +tomato3</div> +<div id='d449' class='colors'> +MistyRose4</div> +<div id='d450' class='colors'> +MistyRose2</div> +<div id='d451' class='colors'> +MistyRose</div> +<div id='d452' class='colors'> +MistyRose1</div> +<div id='d453' class='colors'> +salmon</div> +<div id='d454' class='colors'> +MistyRose3</div> +<div id='d455' class='colors'> +white</div> +<div id='d456' class='colors'> +gray100</div> +<div id='d457' class='colors'> +grey100</div> +<div id='d458' class='colors'> +grey100</div> +<div id='d459' class='colors'> +gray99</div> +<div id='d460' class='colors'> +grey99</div> +<div id='d461' class='colors'> +gray98</div> +<div id='d462' class='colors'> +grey98</div> +<div id='d463' class='colors'> +gray97</div> +<div id='d464' class='colors'> +grey97</div> +<div id='d465' class='colors'> +gray96</div> +<div id='d466' class='colors'> +grey96</div> +<div id='d467' class='colors'> +WhiteSmoke</div> +<div id='d468' class='colors'> +gray95</div> +<div id='d469' class='colors'> +grey95</div> +<div id='d470' class='colors'> +gray94</div> +<div id='d471' class='colors'> +grey94</div> +<div id='d472' class='colors'> +gray93</div> +<div id='d473' class='colors'> +grey93</div> +<div id='d474' class='colors'> +gray92</div> +<div id='d475' class='colors'> +grey92</div> +<div id='d476' class='colors'> +gray91</div> +<div id='d477' class='colors'> +grey91</div> +<div id='d478' class='colors'> +gray90</div> +<div id='d479' class='colors'> +grey90</div> +<div id='d480' class='colors'> +gray89</div> +<div id='d481' class='colors'> +grey89</div> +<div id='d482' class='colors'> +gray88</div> +<div id='d483' class='colors'> +grey88</div> +<div id='d484' class='colors'> +gray87</div> +<div id='d485' class='colors'> +grey87</div> +<div id='d486' class='colors'> +gainsboro</div> +<div id='d487' class='colors'> +gray86</div> +<div id='d488' class='colors'> +grey86</div> +<div id='d489' class='colors'> +gray85</div> +<div id='d490' class='colors'> +grey85</div> +<div id='d491' class='colors'> +gray84</div> +<div id='d492' class='colors'> +grey84</div> +<div id='d493' class='colors'> +gray83</div> +<div id='d494' class='colors'> +grey83</div> +<div id='d495' class='colors'> +LightGray</div> +<div id='d496' class='colors'> +LightGrey</div> +<div id='d497' class='colors'> +gray82</div> +<div id='d498' class='colors'> +grey82</div> +<div id='d499' class='colors'> +gray81</div> +<div id='d500' class='colors'> +grey81</div> +<div id='d501' class='colors'> +gray80</div> +<div id='d502' class='colors'> +grey80</div> +<div id='d503' class='colors'> +gray79</div> +<div id='d504' class='colors'> +grey79</div> +<div id='d505' class='colors'> +gray78</div> +<div id='d506' class='colors'> +grey78</div> +<div id='d507' class='colors'> +gray77</div> +<div id='d508' class='colors'> +grey77</div> +<div id='d509' class='colors'> +gray76</div> +<div id='d510' class='colors'> +grey76</div> +<div id='d511' class='colors'> +silver</div> +<div id='d512' class='colors'> +gray75</div> +<div id='d513' class='colors'> +grey75</div> +<div id='d514' class='colors'> +gray74</div> +<div id='d515' class='colors'> +grey74</div> +<div id='d516' class='colors'> +gray73</div> +<div id='d517' class='colors'> +grey73</div> +<div id='d518' class='colors'> +gray72</div> +<div id='d519' class='colors'> +grey72</div> +<div id='d520' class='colors'> +gray71</div> +<div id='d521' class='colors'> +grey71</div> +<div id='d522' class='colors'> +gray70</div> +<div id='d523' class='colors'> +grey70</div> +<div id='d524' class='colors'> +gray69</div> +<div id='d525' class='colors'> +grey69</div> +<div id='d526' class='colors'> +gray68</div> +<div id='d527' class='colors'> +grey68</div> +<div id='d528' class='colors'> +gray67</div> +<div id='d529' class='colors'> +grey67</div> +<div id='d530' class='colors'> +DarkGray</div> +<div id='d531' class='colors'> +DarkGrey</div> +<div id='d532' class='colors'> +gray66</div> +<div id='d533' class='colors'> +grey66</div> +<div id='d534' class='colors'> +gray65</div> +<div id='d535' class='colors'> +grey65</div> +<div id='d536' class='colors'> +gray64</div> +<div id='d537' class='colors'> +grey64</div> +<div id='d538' class='colors'> +gray63</div> +<div id='d539' class='colors'> +grey63</div> +<div id='d540' class='colors'> +gray62</div> +<div id='d541' class='colors'> +grey62</div> +<div id='d542' class='colors'> +gray61</div> +<div id='d543' class='colors'> +grey61</div> +<div id='d544' class='colors'> +gray60</div> +<div id='d545' class='colors'> +grey60</div> +<div id='d546' class='colors'> +gray59</div> +<div id='d547' class='colors'> +grey59</div> +<div id='d548' class='colors'> +gray58</div> +<div id='d549' class='colors'> +grey58</div> +<div id='d550' class='colors'> +gray57</div> +<div id='d551' class='colors'> +grey57</div> +<div id='d552' class='colors'> +gray56</div> +<div id='d553' class='colors'> +grey56</div> +<div id='d554' class='colors'> +gray55</div> +<div id='d555' class='colors'> +grey55</div> +<div id='d556' class='colors'> +gray54</div> +<div id='d557' class='colors'> +grey54</div> +<div id='d558' class='colors'> +gray53</div> +<div id='d559' class='colors'> +grey53</div> +<div id='d560' class='colors'> +gray52</div> +<div id='d561' class='colors'> +grey52</div> +<div id='d562' class='colors'> +gray51</div> +<div id='d563' class='colors'> +grey51</div> +<div id='d564' class='colors'> +fractal</div> +<div id='d565' class='colors'> +gray50</div> +<div id='d566' class='colors'> +grey50</div> +<div id='d567' class='colors'> +gray</div> +<div id='d568' class='colors'> +gray49</div> +<div id='d569' class='colors'> +grey49</div> +<div id='d570' class='colors'> +gray48</div> +<div id='d571' class='colors'> +grey48</div> +<div id='d572' class='colors'> +gray47</div> +<div id='d573' class='colors'> +grey47</div> +<div id='d574' class='colors'> +gray46</div> +<div id='d575' class='colors'> +grey46</div> +<div id='d576' class='colors'> +gray45</div> +<div id='d577' class='colors'> +grey45</div> +<div id='d578' class='colors'> +gray44</div> +<div id='d579' class='colors'> +grey44</div> +<div id='d580' class='colors'> +gray43</div> +<div id='d581' class='colors'> +grey43</div> +<div id='d582' class='colors'> +gray42</div> +<div id='d583' class='colors'> +grey42</div> +<div id='d584' class='colors'> +DimGray</div> +<div id='d585' class='colors'> +DimGrey</div> +<div id='d586' class='colors'> +gray41</div> +<div id='d587' class='colors'> +grey41</div> +<div id='d588' class='colors'> +gray40</div> +<div id='d589' class='colors'> +grey40</div> +<div id='d590' class='colors'> +gray39</div> +<div id='d591' class='colors'> +grey39</div> +<div id='d592' class='colors'> +gray38</div> +<div id='d593' class='colors'> +grey38</div> +<div id='d594' class='colors'> +gray37</div> +<div id='d595' class='colors'> +grey37</div> +<div id='d596' class='colors'> +gray36</div> +<div id='d597' class='colors'> +grey36</div> +<div id='d598' class='colors'> +gray35</div> +<div id='d599' class='colors'> +grey35</div> +<div id='d600' class='colors'> +gray34</div> +<div id='d601' class='colors'> +grey34</div> +<div id='d602' class='colors'> +gray33</div> +<div id='d603' class='colors'> +grey33</div> +<div id='d604' class='colors'> +gray32</div> +<div id='d605' class='colors'> +grey32</div> +<div id='d606' class='colors'> +gray31</div> +<div id='d607' class='colors'> +grey31</div> +<div id='d608' class='colors'> +gray30</div> +<div id='d609' class='colors'> +grey30</div> +<div id='d610' class='colors'> +gray29</div> +<div id='d611' class='colors'> +grey29</div> +<div id='d612' class='colors'> +gray28</div> +<div id='d613' class='colors'> +grey28</div> +<div id='d614' class='colors'> +gray27</div> +<div id='d615' class='colors'> +grey27</div> +<div id='d616' class='colors'> +gray26</div> +<div id='d617' class='colors'> +grey26</div> +<div id='d618' class='colors'> +gray25</div> +<div id='d619' class='colors'> +grey25</div> +<div id='d620' class='colors'> +gray24</div> +<div id='d621' class='colors'> +grey24</div> +<div id='d622' class='colors'> +gray23</div> +<div id='d623' class='colors'> +grey23</div> +<div id='d624' class='colors'> +gray22</div> +<div id='d625' class='colors'> +grey22</div> +<div id='d626' class='colors'> +gray21</div> +<div id='d627' class='colors'> +grey21</div> +<div id='d628' class='colors'> +gray20</div> +<div id='d629' class='colors'> +grey20</div> +<div id='d630' class='colors'> +gray19</div> +<div id='d631' class='colors'> +grey19</div> +<div id='d632' class='colors'> +gray18</div> +<div id='d633' class='colors'> +grey18</div> +<div id='d634' class='colors'> +gray17</div> +<div id='d635' class='colors'> +grey17</div> +<div id='d636' class='colors'> +gray16</div> +<div id='d637' class='colors'> +grey16</div> +<div id='d638' class='colors'> +gray15</div> +<div id='d639' class='colors'> +grey15</div> +<div id='d640' class='colors'> +gray14</div> +<div id='d641' class='colors'> +grey14</div> +<div id='d642' class='colors'> +gray13</div> +<div id='d643' class='colors'> +grey13</div> +<div id='d644' class='colors'> +gray12</div> +<div id='d645' class='colors'> +grey12</div> +<div id='d646' class='colors'> +gray11</div> +<div id='d647' class='colors'> +grey11</div> +<div id='d648' class='colors'> +gray10</div> +<div id='d649' class='colors'> +grey10</div> +<div id='d650' class='colors'> +gray9</div> +<div id='d651' class='colors'> +grey9</div> +<div id='d652' class='colors'> +gray8</div> +<div id='d653' class='colors'> +grey8</div> +<div id='d654' class='colors'> +gray7</div> +<div id='d655' class='colors'> +grey7</div> +<div id='d656' class='colors'> +gray6</div> +<div id='d657' class='colors'> +grey6</div> +<div id='d658' class='colors'> +gray5</div> +<div id='d659' class='colors'> +grey5</div> +<div id='d660' class='colors'> +gray4</div> +<div id='d661' class='colors'> +grey4</div> +<div id='d662' class='colors'> +gray3</div> +<div id='d663' class='colors'> +grey3</div> +<div id='d664' class='colors'> +gray2</div> +<div id='d665' class='colors'> +grey2</div> +<div id='d666' class='colors'> +gray1</div> +<div id='d667' class='colors'> +grey1</div> +<div id='d668' class='colors'> +black</div> +<div id='d669' class='colors'> +gray0</div> +<div id='d670' class='colors'> +grey0</div> +<div id='d671' class='colors'> +opaque</div> +<div id='d672' class='colors'> +none</div> +<div id='d673' class='colors'> +transparent</div> +</div> +</div> + +<div id='colornames'> +CLICK TO CHOOSE THE COLOR +</div> + +<div id='switches'> + +<span id='title'>OPTIONS</span> +<div id='hexswitch' class='theswitches'>CLICK TO USE HEX KEYS</div> +<br> +<div id='infoswitch' class='theswitches'>CLICK TO TOGGLE PALATE INFO<span id='infospace'></span></div> +<br> +<div id='backgroundswitch' class='theswitches'>CLICK TO TOGGLE BACKGROUNDS</div> +<br> +<div id='preview'></div> +<div id='nameholder'>YOU WILL CHOOSE:<input id='namespace' type='text'></input></div> +<br> +<span id='transparent'>to choose transparent as a color, click <span id='transbutton'>HERE</span></span> +</div> +</div> +<script type='text/javascript' src='jquery-1.6.4.min.js'></script> +<script type='text/javascript' src='colordict.js'></script> + +<script type='text/javascript'> + + +//setup dimensions +////////////////// + +function regolden(num) + { + ratio = (1+Math.sqrt(5))/2 + newnum = Math.round(num/ratio) + return newnum + } +function goldenize(num) + { + ratio = (1+Math.sqrt(5))/2 + newnum = Math.round(num*ratio) + return newnum + } +//turns css property width or height into an integer value +function getproperty(idandselectr, propertystr) + { + grab = $(idandselectr).css(propertystr) + grab = grab.slice(0,-2) + numval = parseInt(grab) + return numval + } +function makegolden(idandselectr, propertystr) + { + result = getproperty(idandselectr, propertystr) + newval = goldenize(result) + propval = newval.toString()+'px' + if(propertystr == 'height'){ + $(idandselectr).css('width', propval) + } + else if(propertystr == 'width'){ + $(idandselectr).css('height', propval) + } + } +function shrinkwidth(arg){ + for(var i=0; i < 5; i++){ + arg = regolden(arg) + } + division = Math.round(arg) + return division +} + +function makecolorswidth(){ + colorswidth = shrinkwidth(window.innerWidth) + $('.colors').css('width', colorswidth.toString()+'px') +} +function makecolorsheight(){ + result = getproperty('.colors', 'width') + newval = regolden(result) + propval = newval.toString()+'px' + $('.colors').css('height', propval) +} +//the following function sets up the font sizes +//inrelation to the size of the hexswitch font +function setupfonts(){ + var firstfont = getproperty('#hexswitch', 'font-size') + var finalfont = goldenize(firstfont) + $('#namespace').css('font-size', finalfont+'px') + $('#namespace').css('width', $('#switches').css('width')) + var secondfont = getproperty('#namespace', 'font-size') + var finalfont = goldenize(secondfont) + $('#colornames').css('font-size', finalfont+'px') + $('#colornames').css('text-shadow', 'black 1px 2px') + var transfont = regolden(firstfont) + $('#transparent').css('font-size', transfont+'px') +} +function getcontainerwidth(){ + basis = $('.colors').css('width') + basis = parseInt(basis.slice(0,-2)) + secondbasis = '2px' + secondbasis = parseInt(secondbasis.slice(0,-2)) + widthval = (secondbasis*8)+(basis*4)+(goldenize(basis)-basis) + widthval = widthval.toString()+'px' + return widthval +} + +function makecontainerwidth(){ + var containerwidth = getcontainerwidth() + $('#container').css('width',containerwidth) + $('#viewarea').css('width',containerwidth) +} + + +function setupsides() + { + var basis = $('#container').css('width') + basis = parseInt(basis.slice(0,-2)) + remainder = (100-basis)/2 + widths = regolden(basis) + widths = widths.toString()+'px' + lateralbasis = regolden(remainder) + leftside = toString(lateralbasis)+'%' + rightside = toString(100-lateralbasis)+'%' + $('#colornames').css('left', leftside) + $('#switches').css({'width': widths, 'left': rightside}) + } +function previewdimensions(){ + first = $('#switches').css('width') + first = parseInt(first.slice(0,-2)) + width = regolden(first) + height = regolden(width) + width = width.toString()+'px' + height = height.toString()+'px' + $('#preview').css({'width':width, 'height':height}) +} +function setupdimensions(){ +makecolorswidth() +setupfonts() +makecolorsheight() +makecontainerwidth() +setupsides() +makegolden('#switches','width') +previewdimensions() +} +setupdimensions() +$(window).resize(function(){setupdimensions()}) +//$(window).resize()(function(){setupdimensions()}) + +//BEGIN STYLINGS// +////////////////// + + +var old = {}; +function hovercss(sel, uno){ + + var chng = {}; + chng['color'] = 'white'; + chng['text-shadow'] = 'black 1px 2px'; + chng['background-image'] = 'url(http://asdf.us/im/19/gradient_whitegray80_1321305183_1321305241_pepper_1321333403_pepper.jpg)'; + if(uno == 'over'){ + for(var key in chng){ + old[key] = $('#'+sel).css(key) + } + for(var key in chng){ + $('#'+sel).css(key, chng[key]) + } + } + if(uno == 'out'){ + for(var key in old){ + $('#'+sel).css(key, old[key]) + } + } +} +$('.theswitches').hover(function(){hovercss(this.id, 'over')}, function(){hovercss(this.id, 'out')}) + +var transcss = { + 'color':'#141414','box-shadow':'10px 10px 5px #141414', + 'background-color':'#D1D1D1','color':'#141414', + 'border-width':'2px','border-style':'outset','cursor':'pointer'} +$('#transbutton').css(transcss) +var hovertrans = { + 'background-color':'DarkGrey','color':'#383838','box-shadow':'5px 5px 2px #141414' +} +$('#transbutton').hover(function(){$('#transbutton').css(hovertrans)},function(){$('#transbutton').css(transcss)}) +//threewayselector for what goes in the divs +infostate = 1 +function switchinfo() + { + if(infostate == 0) + { + for(var i=0; i < divlist.length; i++) + { + $(divlist[i]).html(divtoname[divlist[i]]) + }; + infostate = 1 + $('#infospace').html('(NAMES)'); + } + else if(infostate == 1) + { + for(var i=0; i < divlist.length; i++) + { + $(divlist[i]).html("") + }; + infostate = 2 + $('#infospace').html('(NONE)'); + } + else if(infostate == 2) + { + for(var i=0; i < divlist.length; i++) + { + $(divlist[i]).html(nametohex[divtoname[divlist[i]]]) + }; + infostate = 0 + $('#infospace').html('(HEXES)'); + } + } +$('#infoswitch').hover(function(){$('#infospace').show()}, function(){$('#infospace').hide('slow')} ) +$('#infoswitch').click(function(){switchinfo()}) + + +backgroundstate = 2; +function switchbackground() + { + if(backgroundstate == 1) + { + $('#colorpicker').css('background-color','black') + $('#colorpicker').css('background-image','url(http://dump.fm/static/img/bg.dither.gif)') + backgroundstate = 2; + $('#colornames').css('color', 'white') + $('#colornames').css('text-shadow', 'black 1px 2px') + } + else if(backgroundstate == 2) + { + $('#colorpicker').css('background-color','black') + $('#colorpicker').css('background-image', 'none') + backgroundstate = 0 + } + else if(backgroundstate == 0) + { + $('#colorpicker').css('background-color', 'white') + $('#colorpicker').css('background-image', 'none') + $('#colornames').css('color', 'grey') + backgroundstate = 1 + } + } + +$('#backgroundswitch').click(function(){switchbackground()}) + +//takes a div name and returns a colorname + +function showcolorname(divstr) + + { + colorname = divtoname['#'+divstr] + hex = nametohex[colorname] + imname = hextoname[hex] + if (hexes == true) + { + imname = hex + } + + return imname + } +function bigname(divstr) + { + colorname = showcolorname(divstr) + $('#colornames').html(colorname) + + } +function writeit(text) + { + $('#colornames').append(text) + } +function makebig(divstr) + { + firstheight = $('#'+divstr).height() + newheight = goldenize(firstheight) + $('#'+divstr).height(newheight) + } +function makesmall(divstr) + { + oldheight = $('.colors').height() + $('#'+divstr).height(oldheight) + } +var choice; +$('.colors').hover(function() { + bigname(this.id); +// makebig(this.id); +// makegolden('#'+this.id, 'height')}, +//function(){ +// makesmall(this.id); +// makegolden('#'+this.id, 'height') +}); +$('.colors').mouseover(function(){ + if(this.id != 'd0'){ + makebig(this.id); + makegolden('#'+this.id, 'height') + }}) +$('.colors').mouseout(function(){ + makesmall(this.id); + makegolden('#'+this.id,'height'); + }) +$(".colors").hover(function(){ +$('#colornames').fadeOut(100);$('#colornames').fadeIn(500); + }); +$('.colors').css('margin-top', '2px') +var hexes = false +function hexswitch() + { + if(hexes == false) + { + $('#hexswitch').html('CLICK TO USE COLOR NAMES') + hexes = true; + var nameval = $('#namespace').val() + $('#namespace').val(nametohex[nameval]) + } + + else + { + $('#hexswitch').html('CLICK TO USE HEX KEYS') + hexes = false; + var nameval = $('#namespace').val() + $('#namespace').val(hextoname[nameval]) + } + } +$('#hexswitch').click(function(){hexswitch()}) + +$('.colors').click(function(){ + putitin() + }) + +function putitin() + { + thecolor = $('#colornames').html() + $('#namespace').val(thecolor) + if(hexes == false){ + $('#preview').css({'background-color': nametohex[thecolor], 'border-style':'none'}) + } + else{ + $('#preview').css('background-color', thecolor) + } + + } +function transparent() + { + $('#namespace').val('transparent'); + $('#preview').css({'background-color':'transparent','border-style':'dashed','border-width':'2px'}) + } +$('#transbutton').click(function(){transparent()}) + +//$('#switches').bind('mousemove',function(e){ +// $("#colornames").html(" e.pageY: " + e.pageY); +//}); +vt.start("viewarea", "container"); + +</script> +</body> +</html> diff --git a/frontend/imgrid/colors/junk/separate b/frontend/imgrid/colors/junk/separate new file mode 100755 index 0000000..b32bc49 --- /dev/null +++ b/frontend/imgrid/colors/junk/separate @@ -0,0 +1,126 @@ +#!/usr/bin/python2.7 + + +f = open('colors.html', 'r') +lines = f.readlines() +colornames = [] +hexes = [] +for line in lines: + if 'right' in line and 'td' in line: + colornames.append(line[22:-6]) + if '#' in line: + hexes.append(line[21:28]) + if line == lines[len(lines)-1]: + break +print len(hexes) +print len(colornames) +###making a dictionary +hextoname = {} +nametohex = {} +for i in hexes: + hextoname[i] = colornames[hexes.index(i)] +for i in colornames: + nametohex[i] = hexes[colornames.index(i)] +w = open('colordict.js', 'w') +w.write("var hextoname = "+str(hextoname)+"\n") +w.write("var nametohex = "+str(nametohex)+"\n") +w.close() +ds = [] +for x in range(674): + ds.append('d'+str(x)) + +#print hexes +#note last two hex values in lists are wrong for they correspond to none and transparent +w = open('colorsnew.html', 'w') +w.write("""<html>\n<head>\n +<style type='text/css'>\n +body\n{max-width:100%;\nmax-height:100%; \nfont-family:helvetica; \nfont-size:10px; \nword-wrap: break-word;}\n +div\n{display: -moz-inline-stack;\ndisplay:inline-block;\nvertical-align:top;\nmin-height: 30px;\nzoom: 1;\n*display: inline;}\n}\n +#main{width:600px;}\n""") +w.write("#colornames\n{position:fixed;\nfont-size:50px;\ntop:50px;\nright:50%;}") +for x in range(674): + w.write("\n#"+ds[x]+"\n{background-color:"+str(hexes[x])+"}\n") +w.write(".colors\n{height:30px;\nwidth:10px;}\n") +w.write("</style></head>") +w.write("<body>\n<div id='main'>\n") +for x in range(674): + w.write("<div id='"+ds[x]+"' class='colors'>\n"+colornames[x]+"</div>\n") +w.write("</div>\n") +w.write("<div id='colornames'>WHERE THE COLORNAMES WILL GO</div>") +w.write("<script type='text/javascript' src='jquery-1.6.4.min.js'></script>") +w.write("<script type='text/javascript' src='colordict.js'></script>\n") +w.write("\n<script type='text/javascript'>") +w.write("""\nfunction goldenize(num) + { + ratio = (1+Math.sqrt(5))/2 + newnum = Math.round(num*ratio) + return newnum + } +//turns css property width or height into an integer value +function getproperty(idstr, propertystr) + { + grab = $('.'+idstr).css(propertystr) + grab = grab.slice(0,-2) + numval = parseInt(grab) + return numval + } +function makegolden(idstr, propertystr) + { + result = getproperty(idstr, propertystr) + newwidth = goldenize(result) + widthval = newwidth.toString()+'px' + $('.'+idstr).css('width', widthval) + } +makegolden('colors', 'height') +""") +w.write("""\n +//remove content this function takes the name out of the divs + +function removecontent() + { + $('.colors').html("") + } +removecontent()""") +w.write(""" + +function colorToHex(color) { + if (color.substr(0, 1) === '#') { + return color; + } + var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color); + + var red = parseInt(digits[2]); + var green = parseInt(digits[3]); + var blue = parseInt(digits[4]); + + var rgb = blue | (green << 8) | (red << 16); + return digits[1] + '#' + rgb.toString(16); +}; + +//takes a div name and returns a colorname\n +function showcolorname(divstr)\n + {\n + bgcolor = $('#'+divstr).css('background-color') + lowercasehex = colorToHex(bgcolor) + hex = lowercasehex.toUpperCase() + imname = hextoname[hex] +/* if ($('#hexortext:checked').length == 1) + { + imname = hex + }*/ + return imname + } +function bigname(divstr) + { + bebop = showcolorname(toString(divstr)) + $('#colornames').html(bebop) + } +$('.colors').mouseover(function() { + bigname(this.id); +}); + + + +""") +w.write("</script>") +w.write("\n</body>\n</html>") diff --git a/frontend/imgrid/colors/junk/todo.txt b/frontend/imgrid/colors/junk/todo.txt new file mode 100755 index 0000000..ff9ae66 --- /dev/null +++ b/frontend/imgrid/colors/junk/todo.txt @@ -0,0 +1,135 @@ +manyprettygradients: +finish formatting tumblr +put on autoscroll +think about font (minoan) THIS IS WHY WE NEED TEXT BLASTER +turn it to a bot + pre-step: delete everything on there + step 1: gradientscrape longerlogfile + step 2: post those + step 3: make gradientscrape call itself every 30 minutes + step 5: swipe??? + step 4: import the write function from main.py + + + + + + + + + + + + + + + + + + + + + + python 2.6 == /opt/python2.6/bin/python + + + JUANITA = True + #JUANITA = False + + + +from main.py, import * (follow_followers, reblog_posts, post_images) +process_followers() +reblog_posts() +post_images() + +def now (): + return int(time.mktime(time.localtime())) + +def save_seen (ids): + out = open (DUMP_SEEN+".tmp", "w") + for id in ids.keys(): + out.write(id+"\n") + out.close() + system(["/bin/mv", DUMP_SEEN+".tmp", DUMP_SEEN]) + +def slurp (file): + input = open (file, "r") + lines = input.readlines() + input.close() + return lines + +def new_dump (dumps, seen): + id = random.choice(dumps.keys()) + while id in seen: + id = random.choice(dumps.keys()) + thedump = dumps[id] + seen[id] = True + save_seen(seen) + if JUANITA: + print thedump + else: + dump.say(thedump) + wait = random.randint(2,28)*30 + random.randint(1,55) + print "sleeping for", str(wait/60) + "m" + str(wait % 60) + "s..." + print + time.sleep(wait) + +def main (): + score_lines = slurp(DUMP_LIST) + dumps = {} + scored = {} + # first pass to work out the top score for each dump + for line in score_lines: + # 0 id 1 score 2 favers 3 urls + partz = line.split("\t") +#skipping over really old stuff + if int(partz[0]) < 3618853: + continue + + urls = partz[3].split(" ") + skip = False + for url in urls: + if "http" not in url: + skip = True + if skip: + continue + # dictionary: urls => (id, score) + if partz[3] in scored and int(partz[1]) > scored[partz[3]][1]: + scored[partz[3]] = (partz[0], int(partz[1])) + else: + scored[partz[3]] = (partz[0], int(partz[1])) + + except KeyError: + continue + except ValueError: + continue + + # second pass to weed out dumps with scores too high/low + for urls in scored.keys(): + if scored[urls][1] > 0 and scored[urls][1] < 6: + # dictionary: id => urls + dumps[scored[urls][0]] = urls.strip() + + seen_lines = slurp(DUMP_SEEN) + seen = {} + for line in seen_lines: + l = line.strip() + if len(l): + seen[l] = True + + print len(dumps), "dumps in queue" + print len(seen_lines), "dumped already" + + if JUANITA: + for i in xrange(10): + new_dump (dumps, seen) + else: + while (1): + new_dump (dumps, seen) + else: + print "TURNED OFF, sleeping for half an hour..." + time.sleep (30*60) + +main () + diff --git a/frontend/imgrid/colors/junk/withscroller.html b/frontend/imgrid/colors/junk/withscroller.html new file mode 100755 index 0000000..e1443c3 --- /dev/null +++ b/frontend/imgrid/colors/junk/withscroller.html @@ -0,0 +1,3850 @@ +<html> +<head> +<link rel="stylesheet" type="text/css" href="ScrollEffect.css" /> +<script type="text/javascript" src="ScrollEffect.js"></script> + +<style type='text/css'> + +body +{ +margin:0; +} + +#colorpicker +{ +position:absolute; +width:100%; +font-family:helvetica; +font-size:10px; +//background-color: gray; +//background-image: url("http://asdf.us/im/6f/gradient_bgdither_1321255670_pepper.gif"); +background-color: black; +background-image: url("http://dump.fm/static/img/bg.dither.gif") + +} + +#container div +{ +text-align:left; +display: -moz-inline-stack; +display:inline-block; +vertical-align:bottom; +min-height: 30px; +zoom: 1; +word-wrap: break-word; +*display: inline; +cursor:pointer; +} + +#container +{ +margin:0 auto; +width:31%; +padding-bottom:0px; +padding-right:10px; +padding-left:10px; +text-align:center; +position:absolute; +height:850px; +} + +#viewarea +{ +position: relative; +top: 10%; +width: 31%; +height: 820px; +overflow: hidden; +margin:0 auto; +padding-top:10px; +padding-right:10px; +padding-left:10px; +text-align:center; +border-style:outset; +border-width:10px; +} + +#colornames +{ +color:white; +position:fixed; +font-size:50px; +top:50px; +left:2%; +width:400px; +} + +#switches + { + position:fixed; + top:20px; + right:1%; + height:400px; + width:300px; + font-size:20px; + border-style: groove; + border-width: 4px; + background-color:gray; + padding:2px; + box-shadow: 10px 10px 5px #141414; + } + +#infoswitch, #hexswitch, #backgroundswitch + { + background-image:url(http://asdf.us/im/58/gradient_whitegray80_1321305183_1321305241_pepper.jpg); + cursor:pointer; + } +#preview + { + height:150px; + } + + +#holder + { + float:bottom; + } + +#transparent + { + font-size:12px; + } +#namespace + { + width:inherit; + } +#d0 +{background-color:#FFFAFA} + +#d1 +{background-color:#FFFAFA} + +#d2 +{background-color:#EEE9E9} + +#d3 +{background-color:#FFC1C1} + +#d4 +{background-color:#EEB4B4} + +#d5 +{background-color:#CDC9C9} + +#d6 +{background-color:#F08080} + +#d7 +{background-color:#FF6A6A} + +#d8 +{background-color:#CD9B9B} + +#d9 +{background-color:#EE6363} + +#d10 +{background-color:#BC8F8F} + +#d11 +{background-color:#FF4040} + +#d12 +{background-color:#FF3030} + +#d13 +{background-color:#EE3B3B} + +#d14 +{background-color:#CD5C5C} + +#d15 +{background-color:#CD5555} + +#d16 +{background-color:#EE2C2C} + +#d17 +{background-color:#8B8989} + +#d18 +{background-color:#CD3333} + +#d19 +{background-color:#FF0000} + +#d20 +{background-color:#FF0000} + +#d21 +{background-color:#8B6969} + +#d22 +{background-color:#CD2626} + +#d23 +{background-color:#EE0000} + +#d24 +{background-color:#B22222} + +#d25 +{background-color:#A52A2A} + +#d26 +{background-color:#CD0000} + +#d27 +{background-color:#8B3A3A} + +#d28 +{background-color:#8B2323} + +#d29 +{background-color:#8B1A1A} + +#d30 +{background-color:#8B0000} + +#d31 +{background-color:#8B0000} + +#d32 +{background-color:#800000} + +#d33 +{background-color:#FFAEB9} + +#d34 +{background-color:#CD8C95} + +#d35 +{background-color:#8B5F65} + +#d36 +{background-color:#EEA2AD} + +#d37 +{background-color:#FFB6C1} + +#d38 +{background-color:#FFC0CB} + +#d39 +{background-color:#DC143C} + +#d40 +{background-color:#FFB5C5} + +#d41 +{background-color:#EEA9B8} + +#d42 +{background-color:#CD919E} + +#d43 +{background-color:#8B636C} + +#d44 +{background-color:#8B475D} + +#d45 +{background-color:#DB7093} + +#d46 +{background-color:#EE799F} + +#d47 +{background-color:#FF82AB} + +#d48 +{background-color:#CD6889} + +#d49 +{background-color:#FFF0F5} + +#d50 +{background-color:#FFF0F5} + +#d51 +{background-color:#CDC1C5} + +#d52 +{background-color:#EEE0E5} + +#d53 +{background-color:#8B8386} + +#d54 +{background-color:#B03060} + +#d55 +{background-color:#CD6090} + +#d56 +{background-color:#CD3278} + +#d57 +{background-color:#FF3E96} + +#d58 +{background-color:#EE3A8C} + +#d59 +{background-color:#8B2252} + +#d60 +{background-color:#EE6AA7} + +#d61 +{background-color:#FF6EB4} + +#d62 +{background-color:#8B3A62} + +#d63 +{background-color:#FF69B4} + +#d64 +{background-color:#FF1493} + +#d65 +{background-color:#FF1493} + +#d66 +{background-color:#EE1289} + +#d67 +{background-color:#CD1076} + +#d68 +{background-color:#8B0A50} + +#d69 +{background-color:#FF34B3} + +#d70 +{background-color:#EE30A7} + +#d71 +{background-color:#CD2990} + +#d72 +{background-color:#8B1C62} + +#d73 +{background-color:#C71585} + +#d74 +{background-color:#D02090} + +#d75 +{background-color:#EE7AE9} + +#d76 +{background-color:#DA70D6} + +#d77 +{background-color:#FF83FA} + +#d78 +{background-color:#CD69C9} + +#d79 +{background-color:#8B4789} + +#d80 +{background-color:#FFE1FF} + +#d81 +{background-color:#EED2EE} + +#d82 +{background-color:#FFBBFF} + +#d83 +{background-color:#EEAEEE} + +#d84 +{background-color:#D8BFD8} + +#d85 +{background-color:#CDB5CD} + +#d86 +{background-color:#DDA0DD} + +#d87 +{background-color:#EE82EE} + +#d88 +{background-color:#CD96CD} + +#d89 +{background-color:#8B7B8B} + +#d90 +{background-color:#FF00FF} + +#d91 +{background-color:#FF00FF} + +#d92 +{background-color:#FF00FF} + +#d93 +{background-color:#8B668B} + +#d94 +{background-color:#EE00EE} + +#d95 +{background-color:#CD00CD} + +#d96 +{background-color:#8B008B} + +#d97 +{background-color:#8B008B} + +#d98 +{background-color:#800080} + +#d99 +{background-color:#BA55D3} + +#d100 +{background-color:#E066FF} + +#d101 +{background-color:#D15FEE} + +#d102 +{background-color:#B452CD} + +#d103 +{background-color:#7A378B} + +#d104 +{background-color:#9400D3} + +#d105 +{background-color:#9932CC} + +#d106 +{background-color:#BF3EFF} + +#d107 +{background-color:#9A32CD} + +#d108 +{background-color:#B23AEE} + +#d109 +{background-color:#68228B} + +#d110 +{background-color:#A020F0} + +#d111 +{background-color:#4B0082} + +#d112 +{background-color:#8A2BE2} + +#d113 +{background-color:#912CEE} + +#d114 +{background-color:#7D26CD} + +#d115 +{background-color:#551A8B} + +#d116 +{background-color:#9B30FF} + +#d117 +{background-color:#9370DB} + +#d118 +{background-color:#AB82FF} + +#d119 +{background-color:#9F79EE} + +#d120 +{background-color:#8968CD} + +#d121 +{background-color:#5D478B} + +#d122 +{background-color:#483D8B} + +#d123 +{background-color:#8470FF} + +#d124 +{background-color:#7B68EE} + +#d125 +{background-color:#6A5ACD} + +#d126 +{background-color:#836FFF} + +#d127 +{background-color:#7A67EE} + +#d128 +{background-color:#6959CD} + +#d129 +{background-color:#473C8B} + +#d130 +{background-color:#F8F8FF} + +#d131 +{background-color:#E6E6FA} + +#d132 +{background-color:#0000FF} + +#d133 +{background-color:#0000FF} + +#d134 +{background-color:#0000EE} + +#d135 +{background-color:#0000CD} + +#d136 +{background-color:#0000CD} + +#d137 +{background-color:#00008B} + +#d138 +{background-color:#00008B} + +#d139 +{background-color:#191970} + +#d140 +{background-color:#000080} + +#d141 +{background-color:#000080} + +#d142 +{background-color:#4169E1} + +#d143 +{background-color:#4876FF} + +#d144 +{background-color:#436EEE} + +#d145 +{background-color:#3A5FCD} + +#d146 +{background-color:#27408B} + +#d147 +{background-color:#6495ED} + +#d148 +{background-color:#B0C4DE} + +#d149 +{background-color:#CAE1FF} + +#d150 +{background-color:#BCD2EE} + +#d151 +{background-color:#A2B5CD} + +#d152 +{background-color:#6E7B8B} + +#d153 +{background-color:#6C7B8B} + +#d154 +{background-color:#C6E2FF} + +#d155 +{background-color:#B9D3EE} + +#d156 +{background-color:#9FB6CD} + +#d157 +{background-color:#778899} + +#d158 +{background-color:#778899} + +#d159 +{background-color:#708090} + +#d160 +{background-color:#708090} + +#d161 +{background-color:#1E90FF} + +#d162 +{background-color:#1E90FF} + +#d163 +{background-color:#1C86EE} + +#d164 +{background-color:#104E8B} + +#d165 +{background-color:#1874CD} + +#d166 +{background-color:#F0F8FF} + +#d167 +{background-color:#36648B} + +#d168 +{background-color:#4682B4} + +#d169 +{background-color:#63B8FF} + +#d170 +{background-color:#5CACEE} + +#d171 +{background-color:#4F94CD} + +#d172 +{background-color:#4A708B} + +#d173 +{background-color:#87CEFF} + +#d174 +{background-color:#7EC0EE} + +#d175 +{background-color:#6CA6CD} + +#d176 +{background-color:#87CEFA} + +#d177 +{background-color:#607B8B} + +#d178 +{background-color:#B0E2FF} + +#d179 +{background-color:#A4D3EE} + +#d180 +{background-color:#8DB6CD} + +#d181 +{background-color:#87CEEB} + +#d182 +{background-color:#9AC0CD} + +#d183 +{background-color:#00BFFF} + +#d184 +{background-color:#00BFFF} + +#d185 +{background-color:#00B2EE} + +#d186 +{background-color:#00688B} + +#d187 +{background-color:#009ACD} + +#d188 +{background-color:#BFEFFF} + +#d189 +{background-color:#B2DFEE} + +#d190 +{background-color:#ADD8E6} + +#d191 +{background-color:#68838B} + +#d192 +{background-color:#B0E0E6} + +#d193 +{background-color:#98F5FF} + +#d194 +{background-color:#8EE5EE} + +#d195 +{background-color:#7AC5CD} + +#d196 +{background-color:#53868B} + +#d197 +{background-color:#00F5FF} + +#d198 +{background-color:#00E5EE} + +#d199 +{background-color:#00C5CD} + +#d200 +{background-color:#00868B} + +#d201 +{background-color:#5F9EA0} + +#d202 +{background-color:#5F9EA0} + +#d203 +{background-color:#00CED1} + +#d204 +{background-color:#F0FFFF} + +#d205 +{background-color:#F0FFFF} + +#d206 +{background-color:#E0FFFF} + +#d207 +{background-color:#E0FFFF} + +#d208 +{background-color:#E0EEEE} + +#d209 +{background-color:#D1EEEE} + +#d210 +{background-color:#BBFFFF} + +#d211 +{background-color:#AFEEEE} + +#d212 +{background-color:#AEEEEE} + +#d213 +{background-color:#97FFFF} + +#d214 +{background-color:#C1CDCD} + +#d215 +{background-color:#B4CDCD} + +#d216 +{background-color:#8DEEEE} + +#d217 +{background-color:#96CDCD} + +#d218 +{background-color:#79CDCD} + +#d219 +{background-color:#838B8B} + +#d220 +{background-color:#7A8B8B} + +#d221 +{background-color:#00FFFF} + +#d222 +{background-color:#00FFFF} + +#d223 +{background-color:#00FFFF} + +#d224 +{background-color:#668B8B} + +#d225 +{background-color:#00EEEE} + +#d226 +{background-color:#528B8B} + +#d227 +{background-color:#00CDCD} + +#d228 +{background-color:#008B8B} + +#d229 +{background-color:#008B8B} + +#d230 +{background-color:#008080} + +#d231 +{background-color:#2F4F4F} + +#d232 +{background-color:#2F4F4F} + +#d233 +{background-color:#48D1CC} + +#d234 +{background-color:#20B2AA} + +#d235 +{background-color:#40E0D0} + +#d236 +{background-color:#458B74} + +#d237 +{background-color:#7FFFD4} + +#d238 +{background-color:#7FFFD4} + +#d239 +{background-color:#76EEC6} + +#d240 +{background-color:#66CDAA} + +#d241 +{background-color:#66CDAA} + +#d242 +{background-color:#00FA9A} + +#d243 +{background-color:#F5FFFA} + +#d244 +{background-color:#00FF7F} + +#d245 +{background-color:#00FF7F} + +#d246 +{background-color:#00EE76} + +#d247 +{background-color:#00CD66} + +#d248 +{background-color:#008B45} + +#d249 +{background-color:#3CB371} + +#d250 +{background-color:#2E8B57} + +#d251 +{background-color:#43CD80} + +#d252 +{background-color:#54FF9F} + +#d253 +{background-color:#2E8B57} + +#d254 +{background-color:#4EEE94} + +#d255 +{background-color:#32814B} + +#d256 +{background-color:#F0FFF0} + +#d257 +{background-color:#F0FFF0} + +#d258 +{background-color:#E0EEE0} + +#d259 +{background-color:#C1FFC1} + +#d260 +{background-color:#B4EEB4} + +#d261 +{background-color:#9AFF9A} + +#d262 +{background-color:#98FB98} + +#d263 +{background-color:#C1CDC1} + +#d264 +{background-color:#90EE90} + +#d265 +{background-color:#90EE90} + +#d266 +{background-color:#9BCD9B} + +#d267 +{background-color:#8FBC8F} + +#d268 +{background-color:#7CCD7C} + +#d269 +{background-color:#838B83} + +#d270 +{background-color:#00FF00} + +#d271 +{background-color:#00FF00} + +#d272 +{background-color:#32CD32} + +#d273 +{background-color:#698B69} + +#d274 +{background-color:#00EE00} + +#d275 +{background-color:#548B54} + +#d276 +{background-color:#00CD00} + +#d277 +{background-color:#228B22} + +#d278 +{background-color:#008B00} + +#d279 +{background-color:#008000} + +#d280 +{background-color:#006400} + +#d281 +{background-color:#7CFC00} + +#d282 +{background-color:#7FFF00} + +#d283 +{background-color:#7FFF00} + +#d284 +{background-color:#76EE00} + +#d285 +{background-color:#66CD00} + +#d286 +{background-color:#458B00} + +#d287 +{background-color:#ADFF2F} + +#d288 +{background-color:#A2CD5A} + +#d289 +{background-color:#CAFF70} + +#d290 +{background-color:#BCEE68} + +#d291 +{background-color:#6E8B3D} + +#d292 +{background-color:#556B2F} + +#d293 +{background-color:#6B8E23} + +#d294 +{background-color:#C0FF3E} + +#d295 +{background-color:#B3EE3A} + +#d296 +{background-color:#9ACD32} + +#d297 +{background-color:#9ACD32} + +#d298 +{background-color:#698B22} + +#d299 +{background-color:#FFFFF0} + +#d300 +{background-color:#FFFFF0} + +#d301 +{background-color:#FFFFE0} + +#d302 +{background-color:#FFFFE0} + +#d303 +{background-color:#F5F5DC} + +#d304 +{background-color:#EEEEE0} + +#d305 +{background-color:#FAFAD2} + +#d306 +{background-color:#EEEED1} + +#d307 +{background-color:#CDCDC1} + +#d308 +{background-color:#CDCDB4} + +#d309 +{background-color:#8B8B83} + +#d310 +{background-color:#8B8B7A} + +#d311 +{background-color:#FFFF00} + +#d312 +{background-color:#FFFF00} + +#d313 +{background-color:#EEEE00} + +#d314 +{background-color:#CDCD00} + +#d315 +{background-color:#8B8B00} + +#d316 +{background-color:#808000} + +#d317 +{background-color:#BDB76B} + +#d318 +{background-color:#EEE685} + +#d319 +{background-color:#8B8970} + +#d320 +{background-color:#FFF68F} + +#d321 +{background-color:#CDC673} + +#d322 +{background-color:#8B864E} + +#d323 +{background-color:#EEE8AA} + +#d324 +{background-color:#FFFACD} + +#d325 +{background-color:#FFFACD} + +#d326 +{background-color:#F0E68C} + +#d327 +{background-color:#CDC9A5} + +#d328 +{background-color:#EEE9BF} + +#d329 +{background-color:#D1C166} + +#d330 +{background-color:#8B8878} + +#d331 +{background-color:#FFD700} + +#d332 +{background-color:#FFD700} + +#d333 +{background-color:#EEC900} + +#d334 +{background-color:#CDAD00} + +#d335 +{background-color:#8B7500} + +#d336 +{background-color:#EEDD82} + +#d337 +{background-color:#8B814C} + +#d338 +{background-color:#FFEC8B} + +#d339 +{background-color:#CDBE70} + +#d340 +{background-color:#EEDC82} + +#d341 +{background-color:#CDC8B1} + +#d342 +{background-color:#EEE8CD} + +#d343 +{background-color:#FFF8DC} + +#d344 +{background-color:#FFF8DC} + +#d345 +{background-color:#DAA520} + +#d346 +{background-color:#FFC125} + +#d347 +{background-color:#EEB422} + +#d348 +{background-color:#CD9B1D} + +#d349 +{background-color:#8B6914} + +#d350 +{background-color:#B8860B} + +#d351 +{background-color:#FFB90F} + +#d352 +{background-color:#EEAD0E} + +#d353 +{background-color:#CD950C} + +#d354 +{background-color:#8B6508} + +#d355 +{background-color:#FFFAF0} + +#d356 +{background-color:#EED8AE} + +#d357 +{background-color:#FDF5E6} + +#d358 +{background-color:#F5DEB3} + +#d359 +{background-color:#FFE7BA} + +#d360 +{background-color:#CDBA96} + +#d361 +{background-color:#FFA500} + +#d362 +{background-color:#FFA500} + +#d363 +{background-color:#EE9A00} + +#d364 +{background-color:#CD8500} + +#d365 +{background-color:#8B5A00} + +#d366 +{background-color:#8B7E66} + +#d367 +{background-color:#FFE4B5} + +#d368 +{background-color:#FFEFD5} + +#d369 +{background-color:#CDB38B} + +#d370 +{background-color:#FFEBCD} + +#d371 +{background-color:#FFDEAD} + +#d372 +{background-color:#FFDEAD} + +#d373 +{background-color:#EECFA1} + +#d374 +{background-color:#8B795E} + +#d375 +{background-color:#8B8378} + +#d376 +{background-color:#FAEBD7} + +#d377 +{background-color:#D2B48C} + +#d378 +{background-color:#8B7D6B} + +#d379 +{background-color:#DEB887} + +#d380 +{background-color:#EEDFCC} + +#d381 +{background-color:#FFD39B} + +#d382 +{background-color:#CDAA7D} + +#d383 +{background-color:#EEC591} + +#d384 +{background-color:#FFEFDB} + +#d385 +{background-color:#8B7355} + +#d386 +{background-color:#CDC0B0} + +#d387 +{background-color:#FF8C00} + +#d388 +{background-color:#EED5B7} + +#d389 +{background-color:#FFE4C4} + +#d390 +{background-color:#FFE4C4} + +#d391 +{background-color:#CDB79E} + +#d392 +{background-color:#FF7F00} + +#d393 +{background-color:#FAF0E6} + +#d394 +{background-color:#EE7600} + +#d395 +{background-color:#CD6600} + +#d396 +{background-color:#8B4500} + +#d397 +{background-color:#CD853F} + +#d398 +{background-color:#FFA54F} + +#d399 +{background-color:#EE9A49} + +#d400 +{background-color:#CD853F} + +#d401 +{background-color:#8B5A2B} + +#d402 +{background-color:#FFDAB9} + +#d403 +{background-color:#FFDAB9} + +#d404 +{background-color:#8B7765} + +#d405 +{background-color:#EECBAD} + +#d406 +{background-color:#CDAF95} + +#d407 +{background-color:#F4A460} + +#d408 +{background-color:#8B8682} + +#d409 +{background-color:#EEE5DE} + +#d410 +{background-color:#CDC5BF} + +#d411 +{background-color:#D2691E} + +#d412 +{background-color:#FF7F24} + +#d413 +{background-color:#EE7621} + +#d414 +{background-color:#CD661D} + +#d415 +{background-color:#8B4513} + +#d416 +{background-color:#8B4513} + +#d417 +{background-color:#FFF5EE} + +#d418 +{background-color:#FFF5EE} + +#d419 +{background-color:#8B4726} + +#d420 +{background-color:#A0522D} + +#d421 +{background-color:#FF8247} + +#d422 +{background-color:#EE7942} + +#d423 +{background-color:#CD6839} + +#d424 +{background-color:#CD8162} + +#d425 +{background-color:#FFA07A} + +#d426 +{background-color:#FFA07A} + +#d427 +{background-color:#8B5742} + +#d428 +{background-color:#EE9572} + +#d429 +{background-color:#FF7F50} + +#d430 +{background-color:#FF4500} + +#d431 +{background-color:#FF4500} + +#d432 +{background-color:#EE4000} + +#d433 +{background-color:#CD3700} + +#d434 +{background-color:#8B2500} + +#d435 +{background-color:#E9967A} + +#d436 +{background-color:#FF8C69} + +#d437 +{background-color:#EE8262} + +#d438 +{background-color:#CD7054} + +#d439 +{background-color:#8B4C39} + +#d440 +{background-color:#FF7256} + +#d441 +{background-color:#EE6A50} + +#d442 +{background-color:#CD5B45} + +#d443 +{background-color:#8B3E2F} + +#d444 +{background-color:#8B3626} + +#d445 +{background-color:#FF6347} + +#d446 +{background-color:#FF6347} + +#d447 +{background-color:#EE5C42} + +#d448 +{background-color:#CD4F39} + +#d449 +{background-color:#8B7D7B} + +#d450 +{background-color:#EED5D2} + +#d451 +{background-color:#FFE4E1} + +#d452 +{background-color:#FFE4E1} + +#d453 +{background-color:#FA8072} + +#d454 +{background-color:#CDB7B5} + +#d455 +{background-color:#FFFFFF} + +#d456 +{background-color:#FFFFFF} + +#d457 +{background-color:#FFFFFF} + +#d458 +{background-color:#FFFFFF} + +#d459 +{background-color:#FCFCFC} + +#d460 +{background-color:#FCFCFC} + +#d461 +{background-color:#FAFAFA} + +#d462 +{background-color:#FAFAFA} + +#d463 +{background-color:#F7F7F7} + +#d464 +{background-color:#F7F7F7} + +#d465 +{background-color:#F5F5F5} + +#d466 +{background-color:#F5F5F5} + +#d467 +{background-color:#F5F5F5} + +#d468 +{background-color:#F2F2F2} + +#d469 +{background-color:#F2F2F2} + +#d470 +{background-color:#F0F0F0} + +#d471 +{background-color:#F0F0F0} + +#d472 +{background-color:#EDEDED} + +#d473 +{background-color:#EDEDED} + +#d474 +{background-color:#EBEBEB} + +#d475 +{background-color:#EBEBEB} + +#d476 +{background-color:#E8E8E8} + +#d477 +{background-color:#E8E8E8} + +#d478 +{background-color:#E5E5E5} + +#d479 +{background-color:#E5E5E5} + +#d480 +{background-color:#E3E3E3} + +#d481 +{background-color:#E3E3E3} + +#d482 +{background-color:#E0E0E0} + +#d483 +{background-color:#E0E0E0} + +#d484 +{background-color:#DEDEDE} + +#d485 +{background-color:#DEDEDE} + +#d486 +{background-color:#DCDCDC} + +#d487 +{background-color:#DBDBDB} + +#d488 +{background-color:#DBDBDB} + +#d489 +{background-color:#D9D9D9} + +#d490 +{background-color:#D9D9D9} + +#d491 +{background-color:#D6D6D6} + +#d492 +{background-color:#D6D6D6} + +#d493 +{background-color:#D4D4D4} + +#d494 +{background-color:#D4D4D4} + +#d495 +{background-color:#D3D3D3} + +#d496 +{background-color:#D3D3D3} + +#d497 +{background-color:#D1D1D1} + +#d498 +{background-color:#D1D1D1} + +#d499 +{background-color:#CFCFCF} + +#d500 +{background-color:#CFCFCF} + +#d501 +{background-color:#CCCCCC} + +#d502 +{background-color:#CCCCCC} + +#d503 +{background-color:#C9C9C9} + +#d504 +{background-color:#C9C9C9} + +#d505 +{background-color:#C7C7C7} + +#d506 +{background-color:#C7C7C7} + +#d507 +{background-color:#C4C4C4} + +#d508 +{background-color:#C4C4C4} + +#d509 +{background-color:#C2C2C2} + +#d510 +{background-color:#C2C2C2} + +#d511 +{background-color:#C0C0C0} + +#d512 +{background-color:#BFBFBF} + +#d513 +{background-color:#BFBFBF} + +#d514 +{background-color:#BDBDBD} + +#d515 +{background-color:#BDBDBD} + +#d516 +{background-color:#BABABA} + +#d517 +{background-color:#BABABA} + +#d518 +{background-color:#B8B8B8} + +#d519 +{background-color:#B8B8B8} + +#d520 +{background-color:#B5B5B5} + +#d521 +{background-color:#B5B5B5} + +#d522 +{background-color:#B3B3B3} + +#d523 +{background-color:#B3B3B3} + +#d524 +{background-color:#B0B0B0} + +#d525 +{background-color:#B0B0B0} + +#d526 +{background-color:#ADADAD} + +#d527 +{background-color:#ADADAD} + +#d528 +{background-color:#ABABAB} + +#d529 +{background-color:#ABABAB} + +#d530 +{background-color:#A9A9A9} + +#d531 +{background-color:#A9A9A9} + +#d532 +{background-color:#A8A8A8} + +#d533 +{background-color:#A8A8A8} + +#d534 +{background-color:#A6A6A6} + +#d535 +{background-color:#A6A6A6} + +#d536 +{background-color:#A3A3A3} + +#d537 +{background-color:#A3A3A3} + +#d538 +{background-color:#A1A1A1} + +#d539 +{background-color:#A1A1A1} + +#d540 +{background-color:#9E9E9E} + +#d541 +{background-color:#9E9E9E} + +#d542 +{background-color:#9C9C9C} + +#d543 +{background-color:#9C9C9C} + +#d544 +{background-color:#999999} + +#d545 +{background-color:#999999} + +#d546 +{background-color:#969696} + +#d547 +{background-color:#969696} + +#d548 +{background-color:#949494} + +#d549 +{background-color:#949494} + +#d550 +{background-color:#919191} + +#d551 +{background-color:#919191} + +#d552 +{background-color:#8F8F8F} + +#d553 +{background-color:#8F8F8F} + +#d554 +{background-color:#8C8C8C} + +#d555 +{background-color:#8C8C8C} + +#d556 +{background-color:#8A8A8A} + +#d557 +{background-color:#8A8A8A} + +#d558 +{background-color:#878787} + +#d559 +{background-color:#878787} + +#d560 +{background-color:#858585} + +#d561 +{background-color:#858585} + +#d562 +{background-color:#828282} + +#d563 +{background-color:#828282} + +#d564 +{background-color:#808080} + +#d565 +{background-color:#7F7F7F} + +#d566 +{background-color:#7F7F7F} + +#d567 +{background-color:#7E7E7E} + +#d568 +{background-color:#7D7D7D} + +#d569 +{background-color:#7D7D7D} + +#d570 +{background-color:#7A7A7A} + +#d571 +{background-color:#7A7A7A} + +#d572 +{background-color:#787878} + +#d573 +{background-color:#787878} + +#d574 +{background-color:#757575} + +#d575 +{background-color:#757575} + +#d576 +{background-color:#737373} + +#d577 +{background-color:#737373} + +#d578 +{background-color:#707070} + +#d579 +{background-color:#707070} + +#d580 +{background-color:#6E6E6E} + +#d581 +{background-color:#6E6E6E} + +#d582 +{background-color:#6B6B6B} + +#d583 +{background-color:#6B6B6B} + +#d584 +{background-color:#696969} + +#d585 +{background-color:#696969} + +#d586 +{background-color:#696969} + +#d587 +{background-color:#696969} + +#d588 +{background-color:#666666} + +#d589 +{background-color:#666666} + +#d590 +{background-color:#636363} + +#d591 +{background-color:#636363} + +#d592 +{background-color:#616161} + +#d593 +{background-color:#616161} + +#d594 +{background-color:#5E5E5E} + +#d595 +{background-color:#5E5E5E} + +#d596 +{background-color:#5C5C5C} + +#d597 +{background-color:#5C5C5C} + +#d598 +{background-color:#595959} + +#d599 +{background-color:#595959} + +#d600 +{background-color:#575757} + +#d601 +{background-color:#575757} + +#d602 +{background-color:#545454} + +#d603 +{background-color:#545454} + +#d604 +{background-color:#525252} + +#d605 +{background-color:#525252} + +#d606 +{background-color:#4F4F4F} + +#d607 +{background-color:#4F4F4F} + +#d608 +{background-color:#4D4D4D} + +#d609 +{background-color:#4D4D4D} + +#d610 +{background-color:#4A4A4A} + +#d611 +{background-color:#4A4A4A} + +#d612 +{background-color:#474747} + +#d613 +{background-color:#474747} + +#d614 +{background-color:#454545} + +#d615 +{background-color:#454545} + +#d616 +{background-color:#424242} + +#d617 +{background-color:#424242} + +#d618 +{background-color:#404040} + +#d619 +{background-color:#404040} + +#d620 +{background-color:#3D3D3D} + +#d621 +{background-color:#3D3D3D} + +#d622 +{background-color:#3B3B3B} + +#d623 +{background-color:#3B3B3B} + +#d624 +{background-color:#383838} + +#d625 +{background-color:#383838} + +#d626 +{background-color:#363636} + +#d627 +{background-color:#363636} + +#d628 +{background-color:#333333} + +#d629 +{background-color:#333333} + +#d630 +{background-color:#303030} + +#d631 +{background-color:#303030} + +#d632 +{background-color:#2E2E2E} + +#d633 +{background-color:#2E2E2E} + +#d634 +{background-color:#2B2B2B} + +#d635 +{background-color:#2B2B2B} + +#d636 +{background-color:#292929} + +#d637 +{background-color:#292929} + +#d638 +{background-color:#262626} + +#d639 +{background-color:#262626} + +#d640 +{background-color:#242424} + +#d641 +{background-color:#242424} + +#d642 +{background-color:#212121} + +#d643 +{background-color:#212121} + +#d644 +{background-color:#1F1F1F} + +#d645 +{background-color:#1F1F1F} + +#d646 +{background-color:#1C1C1C} + +#d647 +{background-color:#1C1C1C} + +#d648 +{background-color:#1A1A1A} + +#d649 +{background-color:#1A1A1A} + +#d650 +{background-color:#171717} + +#d651 +{background-color:#171717} + +#d652 +{background-color:#141414} + +#d653 +{background-color:#141414} + +#d654 +{background-color:#121212} + +#d655 +{background-color:#121212} + +#d656 +{background-color:#0F0F0F} + +#d657 +{background-color:#0F0F0F} + +#d658 +{background-color:#0D0D0D} + +#d659 +{background-color:#0D0D0D} + +#d660 +{background-color:#0A0A0A} + +#d661 +{background-color:#0A0A0A} + +#d662 +{background-color:#080808} + +#d663 +{background-color:#080808} + +#d664 +{background-color:#050505} + +#d665 +{background-color:#050505} + +#d666 +{background-color:#030303} + +#d667 +{background-color:#030303} + +#d668 +{background-color:#000000} + +#d669 +{background-color:#000000} + +#d670 +{background-color:#000000} + +#d671 +{background-color:#000000} + +#d672 +{background-color:#000000} + +#d673 +{background-color:#000000} +.colors +{ +height:30; +width:10px; +} +</style></head><body> +<div id='colorpicker'> +<div id='viewarea' class="panorama"> +<div id='container'> +<div id='d0' class='colors'> +snow</div> +<div id='d1' class='colors'> +snow1</div> +<div id='d2' class='colors'> +snow2</div> +<div id='d3' class='colors'> +RosyBrown1</div> +<div id='d4' class='colors'> +RosyBrown2</div> +<div id='d5' class='colors'> +snow3</div> +<div id='d6' class='colors'> +LightCoral</div> +<div id='d7' class='colors'> +IndianRed1</div> +<div id='d8' class='colors'> +RosyBrown3</div> +<div id='d9' class='colors'> +IndianRed2</div> +<div id='d10' class='colors'> +RosyBrown</div> +<div id='d11' class='colors'> +brown1</div> +<div id='d12' class='colors'> +firebrick1</div> +<div id='d13' class='colors'> +brown2</div> +<div id='d14' class='colors'> +IndianRed</div> +<div id='d15' class='colors'> +IndianRed3</div> +<div id='d16' class='colors'> +firebrick2</div> +<div id='d17' class='colors'> +snow4</div> +<div id='d18' class='colors'> +brown3</div> +<div id='d19' class='colors'> +red</div> +<div id='d20' class='colors'> +red1</div> +<div id='d21' class='colors'> +RosyBrown4</div> +<div id='d22' class='colors'> +firebrick3</div> +<div id='d23' class='colors'> +red2</div> +<div id='d24' class='colors'> +firebrick</div> +<div id='d25' class='colors'> +brown</div> +<div id='d26' class='colors'> +red3</div> +<div id='d27' class='colors'> +IndianRed4</div> +<div id='d28' class='colors'> +brown4</div> +<div id='d29' class='colors'> +firebrick4</div> +<div id='d30' class='colors'> +DarkRed</div> +<div id='d31' class='colors'> +red4</div> +<div id='d32' class='colors'> +maroon</div> +<div id='d33' class='colors'> +LightPink1</div> +<div id='d34' class='colors'> +LightPink3</div> +<div id='d35' class='colors'> +LightPink4</div> +<div id='d36' class='colors'> +LightPink2</div> +<div id='d37' class='colors'> +LightPink</div> +<div id='d38' class='colors'> +pink</div> +<div id='d39' class='colors'> +crimson</div> +<div id='d40' class='colors'> +pink1</div> +<div id='d41' class='colors'> +pink2</div> +<div id='d42' class='colors'> +pink3</div> +<div id='d43' class='colors'> +pink4</div> +<div id='d44' class='colors'> +PaleVioletRed4</div> +<div id='d45' class='colors'> +PaleVioletRed</div> +<div id='d46' class='colors'> +PaleVioletRed2</div> +<div id='d47' class='colors'> +PaleVioletRed1</div> +<div id='d48' class='colors'> +PaleVioletRed3</div> +<div id='d49' class='colors'> +LavenderBlush</div> +<div id='d50' class='colors'> +LavenderBlush1</div> +<div id='d51' class='colors'> +LavenderBlush3</div> +<div id='d52' class='colors'> +LavenderBlush2</div> +<div id='d53' class='colors'> +LavenderBlush4</div> +<div id='d54' class='colors'> +maroon</div> +<div id='d55' class='colors'> +HotPink3</div> +<div id='d56' class='colors'> +VioletRed3</div> +<div id='d57' class='colors'> +VioletRed1</div> +<div id='d58' class='colors'> +VioletRed2</div> +<div id='d59' class='colors'> +VioletRed4</div> +<div id='d60' class='colors'> +HotPink2</div> +<div id='d61' class='colors'> +HotPink1</div> +<div id='d62' class='colors'> +HotPink4</div> +<div id='d63' class='colors'> +HotPink</div> +<div id='d64' class='colors'> +DeepPink</div> +<div id='d65' class='colors'> +DeepPink1</div> +<div id='d66' class='colors'> +DeepPink2</div> +<div id='d67' class='colors'> +DeepPink3</div> +<div id='d68' class='colors'> +DeepPink4</div> +<div id='d69' class='colors'> +maroon1</div> +<div id='d70' class='colors'> +maroon2</div> +<div id='d71' class='colors'> +maroon3</div> +<div id='d72' class='colors'> +maroon4</div> +<div id='d73' class='colors'> +MediumVioletRed</div> +<div id='d74' class='colors'> +VioletRed</div> +<div id='d75' class='colors'> +orchid2</div> +<div id='d76' class='colors'> +orchid</div> +<div id='d77' class='colors'> +orchid1</div> +<div id='d78' class='colors'> +orchid3</div> +<div id='d79' class='colors'> +orchid4</div> +<div id='d80' class='colors'> +thistle1</div> +<div id='d81' class='colors'> +thistle2</div> +<div id='d82' class='colors'> +plum1</div> +<div id='d83' class='colors'> +plum2</div> +<div id='d84' class='colors'> +thistle</div> +<div id='d85' class='colors'> +thistle3</div> +<div id='d86' class='colors'> +plum</div> +<div id='d87' class='colors'> +violet</div> +<div id='d88' class='colors'> +plum3</div> +<div id='d89' class='colors'> +thistle4</div> +<div id='d90' class='colors'> +fuchsia</div> +<div id='d91' class='colors'> +magenta</div> +<div id='d92' class='colors'> +magenta1</div> +<div id='d93' class='colors'> +plum4</div> +<div id='d94' class='colors'> +magenta2</div> +<div id='d95' class='colors'> +magenta3</div> +<div id='d96' class='colors'> +DarkMagenta</div> +<div id='d97' class='colors'> +magenta4</div> +<div id='d98' class='colors'> +purple</div> +<div id='d99' class='colors'> +MediumOrchid</div> +<div id='d100' class='colors'> +MediumOrchid1</div> +<div id='d101' class='colors'> +MediumOrchid2</div> +<div id='d102' class='colors'> +MediumOrchid3</div> +<div id='d103' class='colors'> +MediumOrchid4</div> +<div id='d104' class='colors'> +DarkViolet</div> +<div id='d105' class='colors'> +DarkOrchid</div> +<div id='d106' class='colors'> +DarkOrchid1</div> +<div id='d107' class='colors'> +DarkOrchid3</div> +<div id='d108' class='colors'> +DarkOrchid2</div> +<div id='d109' class='colors'> +DarkOrchid4</div> +<div id='d110' class='colors'> +purple</div> +<div id='d111' class='colors'> +indigo</div> +<div id='d112' class='colors'> +BlueViolet</div> +<div id='d113' class='colors'> +purple2</div> +<div id='d114' class='colors'> +purple3</div> +<div id='d115' class='colors'> +purple4</div> +<div id='d116' class='colors'> +purple1</div> +<div id='d117' class='colors'> +MediumPurple</div> +<div id='d118' class='colors'> +MediumPurple1</div> +<div id='d119' class='colors'> +MediumPurple2</div> +<div id='d120' class='colors'> +MediumPurple3</div> +<div id='d121' class='colors'> +MediumPurple4</div> +<div id='d122' class='colors'> +DarkSlateBlue</div> +<div id='d123' class='colors'> +LightSlateBlue</div> +<div id='d124' class='colors'> +MediumSlateBlue</div> +<div id='d125' class='colors'> +SlateBlue</div> +<div id='d126' class='colors'> +SlateBlue1</div> +<div id='d127' class='colors'> +SlateBlue2</div> +<div id='d128' class='colors'> +SlateBlue3</div> +<div id='d129' class='colors'> +SlateBlue4</div> +<div id='d130' class='colors'> +GhostWhite</div> +<div id='d131' class='colors'> +lavender</div> +<div id='d132' class='colors'> +blue</div> +<div id='d133' class='colors'> +blue1</div> +<div id='d134' class='colors'> +blue2</div> +<div id='d135' class='colors'> +blue3</div> +<div id='d136' class='colors'> +MediumBlue</div> +<div id='d137' class='colors'> +blue4</div> +<div id='d138' class='colors'> +DarkBlue</div> +<div id='d139' class='colors'> +MidnightBlue</div> +<div id='d140' class='colors'> +navy</div> +<div id='d141' class='colors'> +NavyBlue</div> +<div id='d142' class='colors'> +RoyalBlue</div> +<div id='d143' class='colors'> +RoyalBlue1</div> +<div id='d144' class='colors'> +RoyalBlue2</div> +<div id='d145' class='colors'> +RoyalBlue3</div> +<div id='d146' class='colors'> +RoyalBlue4</div> +<div id='d147' class='colors'> +CornflowerBlue</div> +<div id='d148' class='colors'> +LightSteelBlue</div> +<div id='d149' class='colors'> +LightSteelBlue1</div> +<div id='d150' class='colors'> +LightSteelBlue2</div> +<div id='d151' class='colors'> +LightSteelBlue3</div> +<div id='d152' class='colors'> +LightSteelBlue4</div> +<div id='d153' class='colors'> +SlateGray4</div> +<div id='d154' class='colors'> +SlateGray1</div> +<div id='d155' class='colors'> +SlateGray2</div> +<div id='d156' class='colors'> +SlateGray3</div> +<div id='d157' class='colors'> +LightSlateGray</div> +<div id='d158' class='colors'> +LightSlateGrey</div> +<div id='d159' class='colors'> +SlateGray</div> +<div id='d160' class='colors'> +SlateGrey</div> +<div id='d161' class='colors'> +DodgerBlue</div> +<div id='d162' class='colors'> +DodgerBlue1</div> +<div id='d163' class='colors'> +DodgerBlue2</div> +<div id='d164' class='colors'> +DodgerBlue4</div> +<div id='d165' class='colors'> +DodgerBlue3</div> +<div id='d166' class='colors'> +AliceBlue</div> +<div id='d167' class='colors'> +SteelBlue4</div> +<div id='d168' class='colors'> +SteelBlue</div> +<div id='d169' class='colors'> +SteelBlue1</div> +<div id='d170' class='colors'> +SteelBlue2</div> +<div id='d171' class='colors'> +SteelBlue3</div> +<div id='d172' class='colors'> +SkyBlue4</div> +<div id='d173' class='colors'> +SkyBlue1</div> +<div id='d174' class='colors'> +SkyBlue2</div> +<div id='d175' class='colors'> +SkyBlue3</div> +<div id='d176' class='colors'> +LightSkyBlue</div> +<div id='d177' class='colors'> +LightSkyBlue4</div> +<div id='d178' class='colors'> +LightSkyBlue1</div> +<div id='d179' class='colors'> +LightSkyBlue2</div> +<div id='d180' class='colors'> +LightSkyBlue3</div> +<div id='d181' class='colors'> +SkyBlue</div> +<div id='d182' class='colors'> +LightBlue3</div> +<div id='d183' class='colors'> +DeepSkyBlue</div> +<div id='d184' class='colors'> +DeepSkyBlue1</div> +<div id='d185' class='colors'> +DeepSkyBlue2</div> +<div id='d186' class='colors'> +DeepSkyBlue4</div> +<div id='d187' class='colors'> +DeepSkyBlue3</div> +<div id='d188' class='colors'> +LightBlue1</div> +<div id='d189' class='colors'> +LightBlue2</div> +<div id='d190' class='colors'> +LightBlue</div> +<div id='d191' class='colors'> +LightBlue4</div> +<div id='d192' class='colors'> +PowderBlue</div> +<div id='d193' class='colors'> +CadetBlue1</div> +<div id='d194' class='colors'> +CadetBlue2</div> +<div id='d195' class='colors'> +CadetBlue3</div> +<div id='d196' class='colors'> +CadetBlue4</div> +<div id='d197' class='colors'> +turquoise1</div> +<div id='d198' class='colors'> +turquoise2</div> +<div id='d199' class='colors'> +turquoise3</div> +<div id='d200' class='colors'> +turquoise4</div> +<div id='d201' class='colors'> +cadet blue</div> +<div id='d202' class='colors'> +CadetBlue</div> +<div id='d203' class='colors'> +DarkTurquoise</div> +<div id='d204' class='colors'> +azure</div> +<div id='d205' class='colors'> +azure1</div> +<div id='d206' class='colors'> +LightCyan</div> +<div id='d207' class='colors'> +LightCyan1</div> +<div id='d208' class='colors'> +azure2</div> +<div id='d209' class='colors'> +LightCyan2</div> +<div id='d210' class='colors'> +PaleTurquoise1</div> +<div id='d211' class='colors'> +PaleTurquoise</div> +<div id='d212' class='colors'> +PaleTurquoise2</div> +<div id='d213' class='colors'> +DarkSlateGray1</div> +<div id='d214' class='colors'> +azure3</div> +<div id='d215' class='colors'> +LightCyan3</div> +<div id='d216' class='colors'> +DarkSlateGray2</div> +<div id='d217' class='colors'> +PaleTurquoise3</div> +<div id='d218' class='colors'> +DarkSlateGray3</div> +<div id='d219' class='colors'> +azure4</div> +<div id='d220' class='colors'> +LightCyan4</div> +<div id='d221' class='colors'> +aqua</div> +<div id='d222' class='colors'> +cyan</div> +<div id='d223' class='colors'> +cyan1</div> +<div id='d224' class='colors'> +PaleTurquoise4</div> +<div id='d225' class='colors'> +cyan2</div> +<div id='d226' class='colors'> +DarkSlateGray4</div> +<div id='d227' class='colors'> +cyan3</div> +<div id='d228' class='colors'> +cyan4</div> +<div id='d229' class='colors'> +DarkCyan</div> +<div id='d230' class='colors'> +teal</div> +<div id='d231' class='colors'> +DarkSlateGray</div> +<div id='d232' class='colors'> +DarkSlateGrey</div> +<div id='d233' class='colors'> +MediumTurquoise</div> +<div id='d234' class='colors'> +LightSeaGreen</div> +<div id='d235' class='colors'> +turquoise</div> +<div id='d236' class='colors'> +aquamarine4</div> +<div id='d237' class='colors'> +aquamarine</div> +<div id='d238' class='colors'> +aquamarine1</div> +<div id='d239' class='colors'> +aquamarine2</div> +<div id='d240' class='colors'> +aquamarine3</div> +<div id='d241' class='colors'> +MediumAquamarine</div> +<div id='d242' class='colors'> +MediumSpringGreen</div> +<div id='d243' class='colors'> +MintCream</div> +<div id='d244' class='colors'> +SpringGreen</div> +<div id='d245' class='colors'> +SpringGreen1</div> +<div id='d246' class='colors'> +SpringGreen2</div> +<div id='d247' class='colors'> +SpringGreen3</div> +<div id='d248' class='colors'> +SpringGreen4</div> +<div id='d249' class='colors'> +MediumSeaGreen</div> +<div id='d250' class='colors'> +SeaGreen</div> +<div id='d251' class='colors'> +SeaGreen3</div> +<div id='d252' class='colors'> +SeaGreen1</div> +<div id='d253' class='colors'> +SeaGreen4</div> +<div id='d254' class='colors'> +SeaGreen2</div> +<div id='d255' class='colors'> +MediumForestGreen</div> +<div id='d256' class='colors'> +honeydew</div> +<div id='d257' class='colors'> +honeydew1</div> +<div id='d258' class='colors'> +honeydew2</div> +<div id='d259' class='colors'> +DarkSeaGreen1</div> +<div id='d260' class='colors'> +DarkSeaGreen2</div> +<div id='d261' class='colors'> +PaleGreen1</div> +<div id='d262' class='colors'> +PaleGreen</div> +<div id='d263' class='colors'> +honeydew3</div> +<div id='d264' class='colors'> +LightGreen</div> +<div id='d265' class='colors'> +PaleGreen2</div> +<div id='d266' class='colors'> +DarkSeaGreen3</div> +<div id='d267' class='colors'> +DarkSeaGreen</div> +<div id='d268' class='colors'> +PaleGreen3</div> +<div id='d269' class='colors'> +honeydew4</div> +<div id='d270' class='colors'> +green1</div> +<div id='d271' class='colors'> +lime</div> +<div id='d272' class='colors'> +LimeGreen</div> +<div id='d273' class='colors'> +DarkSeaGreen4</div> +<div id='d274' class='colors'> +green2</div> +<div id='d275' class='colors'> +PaleGreen4</div> +<div id='d276' class='colors'> +green3</div> +<div id='d277' class='colors'> +ForestGreen</div> +<div id='d278' class='colors'> +green4</div> +<div id='d279' class='colors'> +green</div> +<div id='d280' class='colors'> +DarkGreen</div> +<div id='d281' class='colors'> +LawnGreen</div> +<div id='d282' class='colors'> +chartreuse</div> +<div id='d283' class='colors'> +chartreuse1</div> +<div id='d284' class='colors'> +chartreuse2</div> +<div id='d285' class='colors'> +chartreuse3</div> +<div id='d286' class='colors'> +chartreuse4</div> +<div id='d287' class='colors'> +GreenYellow</div> +<div id='d288' class='colors'> +DarkOliveGreen3</div> +<div id='d289' class='colors'> +DarkOliveGreen1</div> +<div id='d290' class='colors'> +DarkOliveGreen2</div> +<div id='d291' class='colors'> +DarkOliveGreen4</div> +<div id='d292' class='colors'> +DarkOliveGreen</div> +<div id='d293' class='colors'> +OliveDrab</div> +<div id='d294' class='colors'> +OliveDrab1</div> +<div id='d295' class='colors'> +OliveDrab2</div> +<div id='d296' class='colors'> +OliveDrab3</div> +<div id='d297' class='colors'> +YellowGreen</div> +<div id='d298' class='colors'> +OliveDrab4</div> +<div id='d299' class='colors'> +ivory</div> +<div id='d300' class='colors'> +ivory1</div> +<div id='d301' class='colors'> +LightYellow</div> +<div id='d302' class='colors'> +LightYellow1</div> +<div id='d303' class='colors'> +beige</div> +<div id='d304' class='colors'> +ivory2</div> +<div id='d305' class='colors'> +LightGoldenrodYellow</div> +<div id='d306' class='colors'> +LightYellow2</div> +<div id='d307' class='colors'> +ivory3</div> +<div id='d308' class='colors'> +LightYellow3</div> +<div id='d309' class='colors'> +ivory4</div> +<div id='d310' class='colors'> +LightYellow4</div> +<div id='d311' class='colors'> +yellow</div> +<div id='d312' class='colors'> +yellow1</div> +<div id='d313' class='colors'> +yellow2</div> +<div id='d314' class='colors'> +yellow3</div> +<div id='d315' class='colors'> +yellow4</div> +<div id='d316' class='colors'> +olive</div> +<div id='d317' class='colors'> +DarkKhaki</div> +<div id='d318' class='colors'> +khaki2</div> +<div id='d319' class='colors'> +LemonChiffon4</div> +<div id='d320' class='colors'> +khaki1</div> +<div id='d321' class='colors'> +khaki3</div> +<div id='d322' class='colors'> +khaki4</div> +<div id='d323' class='colors'> +PaleGoldenrod</div> +<div id='d324' class='colors'> +LemonChiffon</div> +<div id='d325' class='colors'> +LemonChiffon1</div> +<div id='d326' class='colors'> +khaki</div> +<div id='d327' class='colors'> +LemonChiffon3</div> +<div id='d328' class='colors'> +LemonChiffon2</div> +<div id='d329' class='colors'> +MediumGoldenRod</div> +<div id='d330' class='colors'> +cornsilk4</div> +<div id='d331' class='colors'> +gold</div> +<div id='d332' class='colors'> +gold1</div> +<div id='d333' class='colors'> +gold2</div> +<div id='d334' class='colors'> +gold3</div> +<div id='d335' class='colors'> +gold4</div> +<div id='d336' class='colors'> +LightGoldenrod</div> +<div id='d337' class='colors'> +LightGoldenrod4</div> +<div id='d338' class='colors'> +LightGoldenrod1</div> +<div id='d339' class='colors'> +LightGoldenrod3</div> +<div id='d340' class='colors'> +LightGoldenrod2</div> +<div id='d341' class='colors'> +cornsilk3</div> +<div id='d342' class='colors'> +cornsilk2</div> +<div id='d343' class='colors'> +cornsilk</div> +<div id='d344' class='colors'> +cornsilk1</div> +<div id='d345' class='colors'> +goldenrod</div> +<div id='d346' class='colors'> +goldenrod1</div> +<div id='d347' class='colors'> +goldenrod2</div> +<div id='d348' class='colors'> +goldenrod3</div> +<div id='d349' class='colors'> +goldenrod4</div> +<div id='d350' class='colors'> +DarkGoldenrod</div> +<div id='d351' class='colors'> +DarkGoldenrod1</div> +<div id='d352' class='colors'> +DarkGoldenrod2</div> +<div id='d353' class='colors'> +DarkGoldenrod3</div> +<div id='d354' class='colors'> +DarkGoldenrod4</div> +<div id='d355' class='colors'> +FloralWhite</div> +<div id='d356' class='colors'> +wheat2</div> +<div id='d357' class='colors'> +OldLace</div> +<div id='d358' class='colors'> +wheat</div> +<div id='d359' class='colors'> +wheat1</div> +<div id='d360' class='colors'> +wheat3</div> +<div id='d361' class='colors'> +orange</div> +<div id='d362' class='colors'> +orange1</div> +<div id='d363' class='colors'> +orange2</div> +<div id='d364' class='colors'> +orange3</div> +<div id='d365' class='colors'> +orange4</div> +<div id='d366' class='colors'> +wheat4</div> +<div id='d367' class='colors'> +moccasin</div> +<div id='d368' class='colors'> +PapayaWhip</div> +<div id='d369' class='colors'> +NavajoWhite3</div> +<div id='d370' class='colors'> +BlanchedAlmond</div> +<div id='d371' class='colors'> +NavajoWhite</div> +<div id='d372' class='colors'> +NavajoWhite1</div> +<div id='d373' class='colors'> +NavajoWhite2</div> +<div id='d374' class='colors'> +NavajoWhite4</div> +<div id='d375' class='colors'> +AntiqueWhite4</div> +<div id='d376' class='colors'> +AntiqueWhite</div> +<div id='d377' class='colors'> +tan</div> +<div id='d378' class='colors'> +bisque4</div> +<div id='d379' class='colors'> +burlywood</div> +<div id='d380' class='colors'> +AntiqueWhite2</div> +<div id='d381' class='colors'> +burlywood1</div> +<div id='d382' class='colors'> +burlywood3</div> +<div id='d383' class='colors'> +burlywood2</div> +<div id='d384' class='colors'> +AntiqueWhite1</div> +<div id='d385' class='colors'> +burlywood4</div> +<div id='d386' class='colors'> +AntiqueWhite3</div> +<div id='d387' class='colors'> +DarkOrange</div> +<div id='d388' class='colors'> +bisque2</div> +<div id='d389' class='colors'> +bisque</div> +<div id='d390' class='colors'> +bisque1</div> +<div id='d391' class='colors'> +bisque3</div> +<div id='d392' class='colors'> +DarkOrange1</div> +<div id='d393' class='colors'> +linen</div> +<div id='d394' class='colors'> +DarkOrange2</div> +<div id='d395' class='colors'> +DarkOrange3</div> +<div id='d396' class='colors'> +DarkOrange4</div> +<div id='d397' class='colors'> +peru</div> +<div id='d398' class='colors'> +tan1</div> +<div id='d399' class='colors'> +tan2</div> +<div id='d400' class='colors'> +tan3</div> +<div id='d401' class='colors'> +tan4</div> +<div id='d402' class='colors'> +PeachPuff</div> +<div id='d403' class='colors'> +PeachPuff1</div> +<div id='d404' class='colors'> +PeachPuff4</div> +<div id='d405' class='colors'> +PeachPuff2</div> +<div id='d406' class='colors'> +PeachPuff3</div> +<div id='d407' class='colors'> +SandyBrown</div> +<div id='d408' class='colors'> +seashell4</div> +<div id='d409' class='colors'> +seashell2</div> +<div id='d410' class='colors'> +seashell3</div> +<div id='d411' class='colors'> +chocolate</div> +<div id='d412' class='colors'> +chocolate1</div> +<div id='d413' class='colors'> +chocolate2</div> +<div id='d414' class='colors'> +chocolate3</div> +<div id='d415' class='colors'> +chocolate4</div> +<div id='d416' class='colors'> +SaddleBrown</div> +<div id='d417' class='colors'> +seashell</div> +<div id='d418' class='colors'> +seashell1</div> +<div id='d419' class='colors'> +sienna4</div> +<div id='d420' class='colors'> +sienna</div> +<div id='d421' class='colors'> +sienna1</div> +<div id='d422' class='colors'> +sienna2</div> +<div id='d423' class='colors'> +sienna3</div> +<div id='d424' class='colors'> +LightSalmon3</div> +<div id='d425' class='colors'> +LightSalmon</div> +<div id='d426' class='colors'> +LightSalmon1</div> +<div id='d427' class='colors'> +LightSalmon4</div> +<div id='d428' class='colors'> +LightSalmon2</div> +<div id='d429' class='colors'> +coral</div> +<div id='d430' class='colors'> +OrangeRed</div> +<div id='d431' class='colors'> +OrangeRed1</div> +<div id='d432' class='colors'> +OrangeRed2</div> +<div id='d433' class='colors'> +OrangeRed3</div> +<div id='d434' class='colors'> +OrangeRed4</div> +<div id='d435' class='colors'> +DarkSalmon</div> +<div id='d436' class='colors'> +salmon1</div> +<div id='d437' class='colors'> +salmon2</div> +<div id='d438' class='colors'> +salmon3</div> +<div id='d439' class='colors'> +salmon4</div> +<div id='d440' class='colors'> +coral1</div> +<div id='d441' class='colors'> +coral2</div> +<div id='d442' class='colors'> +coral3</div> +<div id='d443' class='colors'> +coral4</div> +<div id='d444' class='colors'> +tomato4</div> +<div id='d445' class='colors'> +tomato</div> +<div id='d446' class='colors'> +tomato1</div> +<div id='d447' class='colors'> +tomato2</div> +<div id='d448' class='colors'> +tomato3</div> +<div id='d449' class='colors'> +MistyRose4</div> +<div id='d450' class='colors'> +MistyRose2</div> +<div id='d451' class='colors'> +MistyRose</div> +<div id='d452' class='colors'> +MistyRose1</div> +<div id='d453' class='colors'> +salmon</div> +<div id='d454' class='colors'> +MistyRose3</div> +<div id='d455' class='colors'> +white</div> +<div id='d456' class='colors'> +gray100</div> +<div id='d457' class='colors'> +grey100</div> +<div id='d458' class='colors'> +grey100</div> +<div id='d459' class='colors'> +gray99</div> +<div id='d460' class='colors'> +grey99</div> +<div id='d461' class='colors'> +gray98</div> +<div id='d462' class='colors'> +grey98</div> +<div id='d463' class='colors'> +gray97</div> +<div id='d464' class='colors'> +grey97</div> +<div id='d465' class='colors'> +gray96</div> +<div id='d466' class='colors'> +grey96</div> +<div id='d467' class='colors'> +WhiteSmoke</div> +<div id='d468' class='colors'> +gray95</div> +<div id='d469' class='colors'> +grey95</div> +<div id='d470' class='colors'> +gray94</div> +<div id='d471' class='colors'> +grey94</div> +<div id='d472' class='colors'> +gray93</div> +<div id='d473' class='colors'> +grey93</div> +<div id='d474' class='colors'> +gray92</div> +<div id='d475' class='colors'> +grey92</div> +<div id='d476' class='colors'> +gray91</div> +<div id='d477' class='colors'> +grey91</div> +<div id='d478' class='colors'> +gray90</div> +<div id='d479' class='colors'> +grey90</div> +<div id='d480' class='colors'> +gray89</div> +<div id='d481' class='colors'> +grey89</div> +<div id='d482' class='colors'> +gray88</div> +<div id='d483' class='colors'> +grey88</div> +<div id='d484' class='colors'> +gray87</div> +<div id='d485' class='colors'> +grey87</div> +<div id='d486' class='colors'> +gainsboro</div> +<div id='d487' class='colors'> +gray86</div> +<div id='d488' class='colors'> +grey86</div> +<div id='d489' class='colors'> +gray85</div> +<div id='d490' class='colors'> +grey85</div> +<div id='d491' class='colors'> +gray84</div> +<div id='d492' class='colors'> +grey84</div> +<div id='d493' class='colors'> +gray83</div> +<div id='d494' class='colors'> +grey83</div> +<div id='d495' class='colors'> +LightGray</div> +<div id='d496' class='colors'> +LightGrey</div> +<div id='d497' class='colors'> +gray82</div> +<div id='d498' class='colors'> +grey82</div> +<div id='d499' class='colors'> +gray81</div> +<div id='d500' class='colors'> +grey81</div> +<div id='d501' class='colors'> +gray80</div> +<div id='d502' class='colors'> +grey80</div> +<div id='d503' class='colors'> +gray79</div> +<div id='d504' class='colors'> +grey79</div> +<div id='d505' class='colors'> +gray78</div> +<div id='d506' class='colors'> +grey78</div> +<div id='d507' class='colors'> +gray77</div> +<div id='d508' class='colors'> +grey77</div> +<div id='d509' class='colors'> +gray76</div> +<div id='d510' class='colors'> +grey76</div> +<div id='d511' class='colors'> +silver</div> +<div id='d512' class='colors'> +gray75</div> +<div id='d513' class='colors'> +grey75</div> +<div id='d514' class='colors'> +gray74</div> +<div id='d515' class='colors'> +grey74</div> +<div id='d516' class='colors'> +gray73</div> +<div id='d517' class='colors'> +grey73</div> +<div id='d518' class='colors'> +gray72</div> +<div id='d519' class='colors'> +grey72</div> +<div id='d520' class='colors'> +gray71</div> +<div id='d521' class='colors'> +grey71</div> +<div id='d522' class='colors'> +gray70</div> +<div id='d523' class='colors'> +grey70</div> +<div id='d524' class='colors'> +gray69</div> +<div id='d525' class='colors'> +grey69</div> +<div id='d526' class='colors'> +gray68</div> +<div id='d527' class='colors'> +grey68</div> +<div id='d528' class='colors'> +gray67</div> +<div id='d529' class='colors'> +grey67</div> +<div id='d530' class='colors'> +DarkGray</div> +<div id='d531' class='colors'> +DarkGrey</div> +<div id='d532' class='colors'> +gray66</div> +<div id='d533' class='colors'> +grey66</div> +<div id='d534' class='colors'> +gray65</div> +<div id='d535' class='colors'> +grey65</div> +<div id='d536' class='colors'> +gray64</div> +<div id='d537' class='colors'> +grey64</div> +<div id='d538' class='colors'> +gray63</div> +<div id='d539' class='colors'> +grey63</div> +<div id='d540' class='colors'> +gray62</div> +<div id='d541' class='colors'> +grey62</div> +<div id='d542' class='colors'> +gray61</div> +<div id='d543' class='colors'> +grey61</div> +<div id='d544' class='colors'> +gray60</div> +<div id='d545' class='colors'> +grey60</div> +<div id='d546' class='colors'> +gray59</div> +<div id='d547' class='colors'> +grey59</div> +<div id='d548' class='colors'> +gray58</div> +<div id='d549' class='colors'> +grey58</div> +<div id='d550' class='colors'> +gray57</div> +<div id='d551' class='colors'> +grey57</div> +<div id='d552' class='colors'> +gray56</div> +<div id='d553' class='colors'> +grey56</div> +<div id='d554' class='colors'> +gray55</div> +<div id='d555' class='colors'> +grey55</div> +<div id='d556' class='colors'> +gray54</div> +<div id='d557' class='colors'> +grey54</div> +<div id='d558' class='colors'> +gray53</div> +<div id='d559' class='colors'> +grey53</div> +<div id='d560' class='colors'> +gray52</div> +<div id='d561' class='colors'> +grey52</div> +<div id='d562' class='colors'> +gray51</div> +<div id='d563' class='colors'> +grey51</div> +<div id='d564' class='colors'> +fractal</div> +<div id='d565' class='colors'> +gray50</div> +<div id='d566' class='colors'> +grey50</div> +<div id='d567' class='colors'> +gray</div> +<div id='d568' class='colors'> +gray49</div> +<div id='d569' class='colors'> +grey49</div> +<div id='d570' class='colors'> +gray48</div> +<div id='d571' class='colors'> +grey48</div> +<div id='d572' class='colors'> +gray47</div> +<div id='d573' class='colors'> +grey47</div> +<div id='d574' class='colors'> +gray46</div> +<div id='d575' class='colors'> +grey46</div> +<div id='d576' class='colors'> +gray45</div> +<div id='d577' class='colors'> +grey45</div> +<div id='d578' class='colors'> +gray44</div> +<div id='d579' class='colors'> +grey44</div> +<div id='d580' class='colors'> +gray43</div> +<div id='d581' class='colors'> +grey43</div> +<div id='d582' class='colors'> +gray42</div> +<div id='d583' class='colors'> +grey42</div> +<div id='d584' class='colors'> +DimGray</div> +<div id='d585' class='colors'> +DimGrey</div> +<div id='d586' class='colors'> +gray41</div> +<div id='d587' class='colors'> +grey41</div> +<div id='d588' class='colors'> +gray40</div> +<div id='d589' class='colors'> +grey40</div> +<div id='d590' class='colors'> +gray39</div> +<div id='d591' class='colors'> +grey39</div> +<div id='d592' class='colors'> +gray38</div> +<div id='d593' class='colors'> +grey38</div> +<div id='d594' class='colors'> +gray37</div> +<div id='d595' class='colors'> +grey37</div> +<div id='d596' class='colors'> +gray36</div> +<div id='d597' class='colors'> +grey36</div> +<div id='d598' class='colors'> +gray35</div> +<div id='d599' class='colors'> +grey35</div> +<div id='d600' class='colors'> +gray34</div> +<div id='d601' class='colors'> +grey34</div> +<div id='d602' class='colors'> +gray33</div> +<div id='d603' class='colors'> +grey33</div> +<div id='d604' class='colors'> +gray32</div> +<div id='d605' class='colors'> +grey32</div> +<div id='d606' class='colors'> +gray31</div> +<div id='d607' class='colors'> +grey31</div> +<div id='d608' class='colors'> +gray30</div> +<div id='d609' class='colors'> +grey30</div> +<div id='d610' class='colors'> +gray29</div> +<div id='d611' class='colors'> +grey29</div> +<div id='d612' class='colors'> +gray28</div> +<div id='d613' class='colors'> +grey28</div> +<div id='d614' class='colors'> +gray27</div> +<div id='d615' class='colors'> +grey27</div> +<div id='d616' class='colors'> +gray26</div> +<div id='d617' class='colors'> +grey26</div> +<div id='d618' class='colors'> +gray25</div> +<div id='d619' class='colors'> +grey25</div> +<div id='d620' class='colors'> +gray24</div> +<div id='d621' class='colors'> +grey24</div> +<div id='d622' class='colors'> +gray23</div> +<div id='d623' class='colors'> +grey23</div> +<div id='d624' class='colors'> +gray22</div> +<div id='d625' class='colors'> +grey22</div> +<div id='d626' class='colors'> +gray21</div> +<div id='d627' class='colors'> +grey21</div> +<div id='d628' class='colors'> +gray20</div> +<div id='d629' class='colors'> +grey20</div> +<div id='d630' class='colors'> +gray19</div> +<div id='d631' class='colors'> +grey19</div> +<div id='d632' class='colors'> +gray18</div> +<div id='d633' class='colors'> +grey18</div> +<div id='d634' class='colors'> +gray17</div> +<div id='d635' class='colors'> +grey17</div> +<div id='d636' class='colors'> +gray16</div> +<div id='d637' class='colors'> +grey16</div> +<div id='d638' class='colors'> +gray15</div> +<div id='d639' class='colors'> +grey15</div> +<div id='d640' class='colors'> +gray14</div> +<div id='d641' class='colors'> +grey14</div> +<div id='d642' class='colors'> +gray13</div> +<div id='d643' class='colors'> +grey13</div> +<div id='d644' class='colors'> +gray12</div> +<div id='d645' class='colors'> +grey12</div> +<div id='d646' class='colors'> +gray11</div> +<div id='d647' class='colors'> +grey11</div> +<div id='d648' class='colors'> +gray10</div> +<div id='d649' class='colors'> +grey10</div> +<div id='d650' class='colors'> +gray9</div> +<div id='d651' class='colors'> +grey9</div> +<div id='d652' class='colors'> +gray8</div> +<div id='d653' class='colors'> +grey8</div> +<div id='d654' class='colors'> +gray7</div> +<div id='d655' class='colors'> +grey7</div> +<div id='d656' class='colors'> +gray6</div> +<div id='d657' class='colors'> +grey6</div> +<div id='d658' class='colors'> +gray5</div> +<div id='d659' class='colors'> +grey5</div> +<div id='d660' class='colors'> +gray4</div> +<div id='d661' class='colors'> +grey4</div> +<div id='d662' class='colors'> +gray3</div> +<div id='d663' class='colors'> +grey3</div> +<div id='d664' class='colors'> +gray2</div> +<div id='d665' class='colors'> +grey2</div> +<div id='d666' class='colors'> +gray1</div> +<div id='d667' class='colors'> +grey1</div> +<div id='d668' class='colors'> +black</div> +<div id='d669' class='colors'> +gray0</div> +<div id='d670' class='colors'> +grey0</div> +<div id='d671' class='colors'> +opaque</div> +<div id='d672' class='colors'> +none</div> +<div id='d673' class='colors'> +transparent</div> +</div> +</div> + +<div id='colornames'> +CLICK TO CHOOSE THE COLOR +</div> + +<div id='switches'> + +<span id='title'>OPTIONS</span> +<div id='hexswitch' class='theswitches'>CLICK TO USE HEX KEYS</div> +<br> +<div id='infoswitch' class='theswitches'>CLICK TO TOGGLE PALATE INFO<span id='infospace'></span></div> +<br> +<div id='backgroundswitch' class='theswitches'>CLICK TO TOGGLE BACKGROUNDS</div> +<br> +<div id='preview'></div> +<div id='nameholder'>YOU WILL CHOOSE:<input id='namespace' type='text'></input></div> +<br> +<span id='transparent'>to choose transparent as a color, click <span id='transbutton'>HERE</span></span> +</div> +</div> +<script type='text/javascript' src='jquery-1.6.4.min.js'></script> +<script type='text/javascript' src='colordict.js'></script> + +<script type='text/javascript'> + + +//setup dimensions +////////////////// + +function regolden(num) + { + ratio = (1+Math.sqrt(5))/2 + newnum = Math.round(num/ratio) + return newnum + } +function goldenize(num) + { + ratio = (1+Math.sqrt(5))/2 + newnum = Math.round(num*ratio) + return newnum + } +//turns css property width or height into an integer value +function getproperty(idandselectr, propertystr) + { + grab = $(idandselectr).css(propertystr) + grab = grab.slice(0,-2) + numval = parseInt(grab) + return numval + } +function makegolden(idandselectr, propertystr) + { + result = getproperty(idandselectr, propertystr) + newval = goldenize(result) + propval = newval.toString()+'px' + if(propertystr == 'height'){ + $(idandselectr).css('width', propval) + } + else if(propertystr == 'width'){ + $(idandselectr).css('height', propval) + } + } +function shrinkwidth(arg){ + for(var i=0; i < 5; i++){ + arg = regolden(arg) + } + division = Math.round(arg) + return division +} + +function makecolorswidth(){ + colorswidth = shrinkwidth(window.innerWidth) + $('.colors').css('width', colorswidth.toString()+'px') +} +function makecolorsheight(){ + result = getproperty('.colors', 'width') + newval = regolden(result) + propval = newval.toString()+'px' + $('.colors').css('height', propval) +} +//the following function sets up the font sizes +//inrelation to the size of the hexswitch font +function setupfonts(){ + var firstfont = getproperty('#hexswitch', 'font-size') + var finalfont = goldenize(firstfont) + $('#namespace').css('font-size', finalfont+'px') + $('#namespace').css('width', $('#switches').css('width')) + var secondfont = getproperty('#namespace', 'font-size') + var finalfont = goldenize(secondfont) + $('#colornames').css('font-size', finalfont+'px') + $('#colornames').css('text-shadow', 'black 1px 2px') + var transfont = regolden(firstfont) + $('#transparent').css('font-size', transfont+'px') +} +function getcontainerwidth(){ + basis = $('.colors').css('width') + basis = parseInt(basis.slice(0,-2)) + secondbasis = '2px' + secondbasis = parseInt(secondbasis.slice(0,-2)) + widthval = (secondbasis*8)+(basis*4)+(goldenize(basis)-basis) + widthval = widthval.toString()+'px' + return widthval +} + +function makecontainerwidth(){ + var containerwidth = getcontainerwidth() + $('#container').css('width',containerwidth) + $('#viewarea').css('width',containerwidth) +} + + +function setupsides() + { + var basis = $('#container').css('width') + basis = parseInt(basis.slice(0,-2)) + remainder = (100-basis)/2 + widths = regolden(basis) + widths = widths.toString()+'px' + lateralbasis = regolden(remainder) + leftside = toString(lateralbasis)+'%' + rightside = toString(100-lateralbasis)+'%' + $('#colornames').css('left', leftside) + $('#switches').css({'width': widths, 'left': rightside}) + } +function previewdimensions(){ + first = $('#switches').css('width') + first = parseInt(first.slice(0,-2)) + width = regolden(first) + height = regolden(width) + width = width.toString()+'px' + height = height.toString()+'px' + $('#preview').css({'width':width, 'height':height}) +} +function setupdimensions(){ +makecolorswidth() +setupfonts() +makecolorsheight() +makecontainerwidth() +setupsides() +makegolden('#switches','width') +previewdimensions() +} +setupdimensions() +$(window).resize(function(){setupdimensions()}) +//$(window).resize()(function(){setupdimensions()}) + +//BEGIN STYLINGS// +////////////////// + + +var old = {}; +function hovercss(sel, uno){ + + var chng = {}; + chng['color'] = 'white'; + chng['text-shadow'] = 'black 1px 2px'; + chng['background-image'] = 'url(http://asdf.us/im/19/gradient_whitegray80_1321305183_1321305241_pepper_1321333403_pepper.jpg)'; + if(uno == 'over'){ + for(var key in chng){ + old[key] = $('#'+sel).css(key) + } + for(var key in chng){ + $('#'+sel).css(key, chng[key]) + } + } + if(uno == 'out'){ + for(var key in old){ + $('#'+sel).css(key, old[key]) + } + } +} +$('.theswitches').hover(function(){hovercss(this.id, 'over')}, function(){hovercss(this.id, 'out')}) + +var transcss = { + 'color':'#141414','box-shadow':'10px 10px 5px #141414', + 'background-color':'#D1D1D1','color':'#141414', + 'border-width':'2px','border-style':'outset','cursor':'pointer'} +$('#transbutton').css(transcss) +var hovertrans = { + 'background-color':'DarkGrey','color':'#383838','box-shadow':'5px 5px 2px #141414' +} +$('#transbutton').hover(function(){$('#transbutton').css(hovertrans)},function(){$('#transbutton').css(transcss)}) +//threewayselector for what goes in the divs +infostate = 1 +function switchinfo() + { + if(infostate == 0) + { + for(var i=0; i < divlist.length; i++) + { + $(divlist[i]).html(divtoname[divlist[i]]) + }; + infostate = 1 + $('#infospace').html('(NAMES)'); + } + else if(infostate == 1) + { + for(var i=0; i < divlist.length; i++) + { + $(divlist[i]).html("") + }; + infostate = 2 + $('#infospace').html('(NONE)'); + } + else if(infostate == 2) + { + for(var i=0; i < divlist.length; i++) + { + $(divlist[i]).html(nametohex[divtoname[divlist[i]]]) + }; + infostate = 0 + $('#infospace').html('(HEXES)'); + } + } +$('#infoswitch').hover(function(){$('#infospace').show()}, function(){$('#infospace').hide('slow')} ) +$('#infoswitch').click(function(){switchinfo()}) + + +backgroundstate = 2; +function switchbackground() + { + if(backgroundstate == 1) + { + $('#colorpicker').css('background-color','black') + $('#colorpicker').css('background-image','url(http://dump.fm/static/img/bg.dither.gif)') + backgroundstate = 2; + $('#colornames').css('color', 'white') + $('#colornames').css('text-shadow', 'black 1px 2px') + } + else if(backgroundstate == 2) + { + $('#colorpicker').css('background-color','black') + $('#colorpicker').css('background-image', 'none') + backgroundstate = 0 + } + else if(backgroundstate == 0) + { + $('#colorpicker').css('background-color', 'white') + $('#colorpicker').css('background-image', 'none') + $('#colornames').css('color', 'grey') + backgroundstate = 1 + } + } + +$('#backgroundswitch').click(function(){switchbackground()}) + +//takes a div name and returns a colorname + +function showcolorname(divstr) + + { + colorname = divtoname['#'+divstr] + hex = nametohex[colorname] + imname = hextoname[hex] + if (hexes == true) + { + imname = hex + } + + return imname + } +function bigname(divstr) + { + colorname = showcolorname(divstr) + $('#colornames').html(colorname) + + } +function writeit(text) + { + $('#colornames').append(text) + } +function makebig(divstr) + { + firstheight = $('#'+divstr).height() + newheight = goldenize(firstheight) + $('#'+divstr).height(newheight) + } +function makesmall(divstr) + { + oldheight = $('.colors').height() + $('#'+divstr).height(oldheight) + } +var choice; +$('.colors').hover(function() { + bigname(this.id); +// makebig(this.id); +// makegolden('#'+this.id, 'height')}, +//function(){ +// makesmall(this.id); +// makegolden('#'+this.id, 'height') +}); +$('.colors').mouseover(function(){ + if(this.id != 'd0'){ + makebig(this.id); + makegolden('#'+this.id, 'height') + }}) +$('.colors').mouseout(function(){ + makesmall(this.id); + makegolden('#'+this.id,'height'); + }) +$(".colors").hover(function(){ +$('#colornames').fadeOut(100);$('#colornames').fadeIn(500); + }); +$('.colors').css('margin-top', '2px') +var hexes = false +function hexswitch() + { + if(hexes == false) + { + $('#hexswitch').html('CLICK TO USE COLOR NAMES') + hexes = true; + var nameval = $('#namespace').val() + $('#namespace').val(nametohex[nameval]) + } + + else + { + $('#hexswitch').html('CLICK TO USE HEX KEYS') + hexes = false; + var nameval = $('#namespace').val() + $('#namespace').val(hextoname[nameval]) + } + } +$('#hexswitch').click(function(){hexswitch()}) + +$('.colors').click(function(){ + putitin() + }) + +function putitin() + { + thecolor = $('#colornames').html() + $('#namespace').val(thecolor) + if(hexes == false){ + $('#preview').css({'background-color': nametohex[thecolor], 'border-style':'none'}) + } + else{ + $('#preview').css('background-color', thecolor) + } + + } +function transparent() + { + $('#namespace').val('transparent'); + $('#preview').css({'background-color':'transparent','border-style':'dashed','border-width':'2px'}) + } +$('#transbutton').click(function(){transparent()}) + +//$('#switches').bind('mousemove',function(e){ +// $("#colornames").html(" e.pageY: " + e.pageY); +//}); +vt.start("viewarea", "container"); + +</script> +</body> +</html> |