Here's some code:
Expand|Select|Wrap|Line Numbers
- <span id="spnChoose" style="font-size: 9pt;">Choose Color Palette </span>
- <select id="colorPages" style="width: 200px; font-size: 9pt;" onchange="$('#colorSelector').load(this.value);">
- <option value="ColorPreview01.htm">Color Preview Page 1/10</option>
- <option value="ColorPreview02.htm">Color Preview Page 2/10</option>
- <option value="ColorPreview03.htm">Color Preview Page 3/10</option>
- <option value="ColorPreview04.htm">Color Preview Page 4/10</option>
- <option value="ColorPreview05.htm">Color Preview Page 5/10</option>
- <option value="ColorPreview06.htm">Color Preview Page 6/10</option>
- <option value="ColorPreview07.htm">Color Preview Page 7/10</option>
- <option value="ColorPreview08.htm">Color Preview Page 8/10</option>
- </select><br><br>
- <input type="radio" name="colourlayer" value="foreGround" checked /><span id="spnforeGround" style="font-size: 9pt;">Set the Font Color  </span>
- <input type="radio" name="colourlayer" value="backGround" /><span id="spnbackGround" style="font-size: 9pt;">Set the Background Color </span>
- </form>
- <div id="colorSelector">
- <table id="colorpreview01" cellspacing="1" style="width: 600px; height: 175px; border: 1px solid black;">
- <tr>
- <td id="200010" style="height: 24px; width: 24px; background-color: #C92D2D;" onclick="SetColor(this.style.backgroundColor,'RED 2000-10');" onmouseover="this.title='RED 2000-10';"><br></td>
- <td id="200110" style="height: 24px; width: 24px; background-color: #CA2B2B;" onclick="SetColor(this.style.backgroundColor,'RUBY RED 2001-10');" onmouseover="this.title='RUBY RED 2001-10';"><br></td>
- <td id="200210" style="height: 24px; width: 24px; background-color: #CF302A;" onclick="SetColor(this.style.backgroundColor,'vermilion 2002-10');" onmouseover="this.title='vermilion 2002-10';"><br></td>
- <td id="200310" style="height: 24px; width: 24px; background-color: #B4322B;" onclick="SetColor(this.style.backgroundColor,'million dollar red 2003-10');" onmouseover="this.title='million dollar red 2003-10';"><br></td>
- <td id="200410" style="height: 24px; width: 24px; background-color: #A0362E;" onclick="SetColor(this.style.backgroundColor,'DEEP ROSE 2004-10');" onmouseover="this.title='DEEP ROSE 2004-10';"><br></td>
- <td id="200510" style="height: 24px; width: 24px; background-color: #7B3C31;" onclick="SetColor(this.style.backgroundColor,'RED ROCK 2005-10');" onmouseover="this.title='RED ROCK 2005-10';"><br></td>
- <td id="200610" style="height: 24px; width: 24px; background-color: #9C3B2C;" onclick="SetColor(this.style.backgroundColor,'MERLOT RED 2006-10');" onmouseover="this.title='MERLOT RED 2006-10';"><br></td>
- <td id="200710" style="height: 24px; width: 24px; background-color: #A2382C;" onclick="SetColor(this.style.backgroundColor,'smoldering red 2007-10');" onmouseover="this.title='smoldering red 2007-10';"><br></td>
- <td id="200810" style="height: 24px; width: 24px; background-color: #BC4536;" onclick="SetColor(this.style.backgroundColor,'Ravishing Red 2008-10');" onmouseover="this.title='Ravishing Red 2008-10';"><br></td>
- <td id="200910" style="height: 24px; width: 24px; background-color: #D3392A;" onclick="SetColor(this.style.backgroundColor,'RedStone 2009-10');" onmouseover="this.title='RedStone 2009-10';"><br></td>
- <td id="201010" style="height: 24px; width: 24px; background-color: #D63F29;" onclick="SetColor(this.style.backgroundColor,'Tomato Red 2010-10');" onmouseover="this.title='Tomato Red 2010-10';"><br></td>
- <td id="201110" style="height: 24px; width: 24px; background-color: #DF4029;" onclick="SetColor(this.style.backgroundColor,'ORANGE 2011-10');" onmouseover="this.title='ORANGE 2011-10';"><br></td>
- <td id="201210" style="height: 24px; width: 24px; background-color: #DF4126;" onclick="SetColor(this.style.backgroundColor,'Tawny day lilly 2012-10');" onmouseover="this.title='Tawny day lilly 2012-10';"><br></td>
- <td id="201310" style="height: 24px; width: 24px; background-color: #E34B26;" onclick="SetColor(this.style.backgroundColor,'outrageous orange 2013-10');" onmouseover="this.title='outrageous orange 2013-10';"><br></td>
- <td id="201410" style="height: 24px; width: 24px; background-color: #E95721;" onclick="SetColor(this.style.backgroundColor,'festive orange 2014-10');" onmouseover="this.title='festive orange 2014-10';"><br></td>
- <td id="201510" style="height: 24px; width: 24px; background-color: #F06F19;" onclick="SetColor(this.style.backgroundColor,'Electric Orange 2015-10');" onmouseover="this.title='Electric Orange 2015-10';"><br></td>
- <td id="201610" style="height: 24px; width: 24px; background-color: #F47B16;" onclick="SetColor(this.style.backgroundColor,'STARTLING ORANGE 2016-10');" onmouseover="this.title='STARTLING ORANGE 2016-10';"><br></td>
- <td id="201710" style="height: 24px; width: 24px; background-color: #F98909;" onclick="SetColor(this.style.backgroundColor,'ORANGE JUICE 2017-10');" onmouseover="this.title='ORANGE JUICE 2017-10';"><br></td>
- <td id="201810" style="height: 24px; width: 24px; background-color: #FE9E00;" onclick="SetColor(this.style.backgroundColor,'orange sky 2018-10');" onmouseover="this.title='orange sky 2018-10';"><br></td>
- <td id="201910" style="height: 24px; width: 24px; background-color: #FEAD00;" onclick="SetColor(this.style.backgroundColor,'MARDIGRAS GOLD 2019-10');" onmouseover="this.title='MARDIGRAS GOLD 2019-10';"><br></td>
- <td id="202010" style="height: 24px; width: 24px; background-color: #FEAF00;" onclick="SetColor(this.style.backgroundColor,'bumble bee yellow 2020-10');" onmouseover="this.title='bumble bee yellow 2020-10';"><br></td>
- <td id="202110" style="height: 24px; width: 24px; background-color: #FEBC00;" onclick="SetColor(this.style.backgroundColor,'yellow flash 2021-10');" onmouseover="this.title='yellow flash 2021-10';"><br></td>
- <td id="202210" style="height: 24px; width: 24px; background-color: #FED300;" onclick="SetColor(this.style.backgroundColor,'YELLOW 2022-10');" onmouseover="this.title='YELLOW 2022-10';"><br></td>
- <td id="202310" style="height: 24px; width: 24px; background-color: #ECC700;" onclick="SetColor(this.style.backgroundColor,'YOLK 2023-10');" onmouseover="this.title='YOLK 2023-10';"><br></td>
- </tr>
- <tr>
- <td id="200020" style="height: 24px; width: 24px; background-color: #D33940;" onclick="SetColor(this.style.backgroundColor,'TRICYCLE RED 2000-20');" onmouseover="this.title='TRICYCLE RED 2000-20';"><br></td>
- <td id="200120" style="height: 24px; width: 24px; background-color: #D4383F;" onclick="SetColor(this.style.backgroundColor,'bonfire 2001-20');" onmouseover="this.title='bonfire 2001-20';"><br></td>
- <td id="200220" style="height: 24px; width: 24px; background-color: #D83D3B;" onclick="SetColor(this.style.backgroundColor,'BULL`S EYE RED 2002-20');" onmouseover="this.title='BULL`S EYE RED 2002-20';"><br></td>
- <td id="200320" style="height: 24px; width: 24px; background-color: #C23C3D;" onclick="SetColor(this.style.backgroundColor,'strawberry red 2003-20');" onmouseover="this.title='strawberry red 2003-20';"><br></td>
- <td id="200420" style="height: 24px; width: 24px; background-color: #B03F3F;" onclick="SetColor(this.style.backgroundColor,'chili pepper 2004-20');" onmouseover="this.title='chili pepper 2004-20';"><br></td>
- <td id="200520" style="height: 24px; width: 24px; background-color: #89443D;" onclick="SetColor(this.style.backgroundColor,'hot apple spice 2005-20');" onmouseover="this.title='hot apple spice 2005-20';"><br></td>
- <td id="200620" style="height: 24px; width: 24px; background-color: #A44135;" onclick="SetColor(this.style.backgroundColor,'sangria 2006-20');" onmouseover="this.title='sangria 2006-20';"><br></td>
- <td id="200720" style="height: 24px; width: 24px; background-color: #AD3F37;" onclick="SetColor(this.style.backgroundColor,'SHY CHERRY 2007-20');" onmouseover="this.title='SHY CHERRY 2007-20';"><br></td>
- <td id="200820" style="height: 24px; width: 24px; background-color: #C94E41;" onclick="SetColor(this.style.backgroundColor,'claret rose 2008-20');" onmouseover="this.title='claret rose 2008-20';"><br></td>
- <td id="200920" style="height: 24px; width: 24px; background-color: #DB4538;" onclick="SetColor(this.style.backgroundColor,'Salsa 2009-20');" onmouseover="this.title='Salsa 2009-20';"><br></td>
- <td id="201020" style="height: 24px; width: 24px; background-color: #DE4B36;" onclick="SetColor(this.style.backgroundColor,'Warm Comfort 2010-20');" onmouseover="this.title='Warm Comfort 2010-20';"><br></td>
- <td id="201120" style="height: 24px; width: 24px; background-color: #E6503A;" onclick="SetColor(this.style.backgroundColor,'blazing orange 2011-20');" onmouseover="this.title='blazing orange 2011-20';"><br></td>
- <td id="201220" style="height: 24px; width: 24px; background-color: #E75135;" onclick="SetColor(this.style.backgroundColor,'FLAME 2012-20');" onmouseover="this.title='FLAME 2012-20';"><br></td>
- <td id="201320" style="height: 24px; width: 24px; background-color: #EA5832;" onclick="SetColor(this.style.backgroundColor,'orange nectar 2013-20');" onmouseover="this.title='orange nectar 2013-20';"><br></td>
- <td id="201420" style="height: 24px; width: 24px; background-color: #EF642F;" onclick="SetColor(this.style.backgroundColor,'rumba orange 2014-20');" onmouseover="this.title='rumba orange 2014-20';"><br></td>
- <td id="201520" style="height: 24px; width: 24px; background-color: #F57B27;" onclick="SetColor(this.style.backgroundColor,'ORANGE BURST 2015-20');" onmouseover="this.title='ORANGE BURST 2015-20';"><br></td>
- <td id="201620" style="height: 24px; width: 24px; background-color: #F78521;" onclick="SetColor(this.style.backgroundColor,'CITRUS ORANGE 2016-20');" onmouseover="this.title='CITRUS ORANGE 2016-20';"><br></td>
- <td id="201720" style="height: 24px; width: 24px; background-color: #FC921C;" onclick="SetColor(this.style.backgroundColor,'sharp cheddar 2017-20');" onmouseover="this.title='sharp cheddar 2017-20';"><br></td>
- <td id="201820" style="height: 24px; width: 24px; background-color: #FEA600;" onclick="SetColor(this.style.backgroundColor,'mandarin orange 2018-20');" onmouseover="this.title='mandarin orange 2018-20';"><br></td>
- <td id="201920" style="height: 24px; width: 24px; background-color: #FEB600;" onclick="SetColor(this.style.backgroundColor,'golden nugget 2019-20');" onmouseover="this.title='golden nugget 2019-20';"><br></td>
- <td id="202020" style="height: 24px; width: 24px; background-color: #FEB500;" onclick="SetColor(this.style.backgroundColor,'lemon shine 2020-20');" onmouseover="this.title='lemon shine 2020-20';"><br></td>
- <td id="202120" style="height: 24px; width: 24px; background-color: #FEC300;" onclick="SetColor(this.style.backgroundColor,'LEMON 2021-20');" onmouseover="this.title='LEMON 2021-20';"><br></td>
- <td id="202220" style="height: 24px; width: 24px; background-color: #FED500;" onclick="SetColor(this.style.backgroundColor,'SUN KISSED YELLOW 2022-20');" onmouseover="this.title='SUN KISSED YELLOW 2022-20';"><br></td>
- <td id="202320" style="height: 24px; width: 24px; background-color: #F0CC00;" onclick="SetColor(this.style.backgroundColor,'BABY CHICK 2023-20');" onmouseover="this.title='BABY CHICK 2023-20';"><br></td>
- </tr>
- <tr>
- <td id="200030" style="height: 24px; width: 24px; background-color: #DF4B5B;" onclick="SetColor(this.style.backgroundColor,'RED TULIP 2000-30');" onmouseover="this.title='RED TULIP 2000-30';"><br></td>
- <td id="200130" style="height: 24px; width: 24px; background-color: #E04B5A;" onclick="SetColor(this.style.backgroundColor,'spring tulips 2001-30');" onmouseover="this.title='spring tulips 2001-30';"><br></td>
- <td id="200230" style="height: 24px; width: 24px; background-color: #E55358;" onclick="SetColor(this.style.backgroundColor,'rose quartz 2002-30');" onmouseover="this.title='rose quartz 2002-30';"><br></td>
- <td id="200330" style="height: 24px; width: 24px; background-color: #D44B56;" onclick="SetColor(this.style.backgroundColor,'berry wine 2003-30');" onmouseover="this.title='berry wine 2003-30';"><br></td>
- <td id="200430" style="height: 24px; width: 24px; background-color: #C94E59;" onclick="SetColor(this.style.backgroundColor,'raspberry pudding 2004-30');" onmouseover="this.title='raspberry pudding 2004-30';"><br></td>
- <td id="200530" style="height: 24px; width: 24px; background-color: #9B5150;" onclick="SetColor(this.style.backgroundColor,'bricktone red 2005-30');" onmouseover="this.title='bricktone red 2005-30';"><br></td>
- <td id="200630" style="height: 24px; width: 24px; background-color: #B04B44;" onclick="SetColor(this.style.backgroundColor,'rosy apple 2006-30');" onmouseover="this.title='rosy apple 2006-30';"><br></td>
- <td id="200730" style="height: 24px; width: 24px; background-color: #BD4D4C;" onclick="SetColor(this.style.backgroundColor,'RHUBARB 2007-30');" onmouseover="this.title='RHUBARB 2007-30';"><br></td>
- <td id="200830" style="height: 24px; width: 24px; background-color: #D65E56;" onclick="SetColor(this.style.backgroundColor,'raspberry blush 2008-30');" onmouseover="this.title='raspberry blush 2008-30';"><br></td>
- <td id="200930" style="height: 24px; width: 24px; background-color: #E6594F;" onclick="SetColor(this.style.backgroundColor,'DARK SALMON 2009-30');" onmouseover="this.title='DARK SALMON 2009-30';"><br></td>
- <td id="201030" style="height: 24px; width: 24px; background-color: #E95F4C;" onclick="SetColor(this.style.backgroundColor,'Starburst Orange 2010-30');" onmouseover="this.title='Starburst Orange 2010-30';"><br></td>
- <td id="201130" style="height: 24px; width: 24px; background-color: #EF634F;" onclick="SetColor(this.style.backgroundColor,'hot spice 2011-30');" onmouseover="this.title='hot spice 2011-30';"><br></td>
- <td id="201230" style="height: 24px; width: 24px; background-color: #F1664F;" onclick="SetColor(this.style.backgroundColor,'tangerine dream 2012-30');" onmouseover="this.title='tangerine dream 2012-30';"><br></td>
- <td id="201330" style="height: 24px; width: 24px; background-color: #F36E4B;" onclick="SetColor(this.style.backgroundColor,'jeweled peach 2013-30');" onmouseover="this.title='jeweled peach 2013-30';"><br></td>
- <td id="201430" style="height: 24px; width: 24px; background-color: #F67845;" onclick="SetColor(this.style.backgroundColor,'tangy orange 2014-30');" onmouseover="this.title='tangy orange 2014-30';"><br></td>
- <td id="201530" style="height: 24px; width: 24px; background-color: #FB8A3C;" onclick="SetColor(this.style.backgroundColor,'CALYPSO ORANGE 2015-30');" onmouseover="this.title='CALYPSO ORANGE 2015-30';"><br></td>
- <td id="201630" style="height: 24px; width: 24px; background-color: #FC9437;" onclick="SetColor(this.style.backgroundColor,'carrot stick 2016-30');" onmouseover="this.title='carrot stick 2016-30';"><br></td>
- <td id="201730" style="height: 24px; width: 24px; background-color: #FEA033;" onclick="SetColor(this.style.backgroundColor,'tangelo 2017-30');" onmouseover="this.title='tangelo 2017-30';"><br></td>
- <td id="201830" style="height: 24px; width: 24px; background-color: #FEB229;" onclick="SetColor(this.style.backgroundColor,'citrus blast 2018-30');" onmouseover="this.title='citrus blast 2018-30';"><br></td>
- <td id="201930" style="height: 24px; width: 24px; background-color: #FEC219;" onclick="SetColor(this.style.backgroundColor,'SUNFLOWER 2019-30');" onmouseover="this.title='SUNFLOWER 2019-30';"><br></td>
- <td id="202030" style="height: 24px; width: 24px; background-color: #FEC21E;" onclick="SetColor(this.style.backgroundColor,'sparkling sun 2020-30');" onmouseover="this.title='sparkling sun 2020-30';"><br></td>
- <td id="202130" style="height: 24px; width: 24px; background-color: #FECD09;" onclick="SetColor(this.style.backgroundColor,'SUNSHINE 2021-30');" onmouseover="this.title='SUNSHINE 2021-30';"><br></td>
- <td id="202230" style="height: 24px; width: 24px; background-color: #FEDA00;" onclick="SetColor(this.style.backgroundColor,'bright yellow 2022-30');" onmouseover="this.title='bright yellow 2022-30';"><br></td>
- <td id="202330" style="height: 24px; width: 24px; background-color: #F8D50A;" onclick="SetColor(this.style.backgroundColor,'SUN PORCH 2023-30');" onmouseover="this.title='SUN PORCH 2023-30';"><br></td>
- </tr>
- <tr>
- <td id="200040" style="height: 24px; width: 24px; background-color: #F47E94;" onclick="SetColor(this.style.backgroundColor,'STRAWBERRY SHORTCAKE 2000-40');" onmouseover="this.title='STRAWBERRY SHORTCAKE 2000-40';"><br></td>
- <td id="200140" style="height: 24px; width: 24px; background-color: #F57D92;" onclick="SetColor(this.style.backgroundColor,'pink popsicle 2001-40');" onmouseover="this.title='pink popsicle 2001-40';"><br></td>
- <td id="200240" style="height: 24px; width: 24px; background-color: #F78690;" onclick="SetColor(this.style.backgroundColor,'FLAMINGO`S DREAM 2002-40');" onmouseover="this.title='FLAMINGO`S DREAM 2002-40';"><br></td>
- <td id="200340" style="height: 24px; width: 24px; background-color: #ED7D8E;" onclick="SetColor(this.style.backgroundColor,'true pink 2003-40');" onmouseover="this.title='true pink 2003-40';"><br></td>
- <td id="200440" style="height: 24px; width: 24px; background-color: #E47E8F;" onclick="SetColor(this.style.backgroundColor,'PINK STARBURST 2004-40');" onmouseover="this.title='PINK STARBURST 2004-40';"><br></td>
- <td id="200540" style="height: 24px; width: 24px; background-color: #C78086;" onclick="SetColor(this.style.backgroundColor,'genuine pink 2005-40');" onmouseover="this.title='genuine pink 2005-40';"><br></td>
- <td id="200640" style="height: 24px; width: 24px; background-color: #D27778;" onclick="SetColor(this.style.backgroundColor,'glamour pink 2006-40');" onmouseover="this.title='glamour pink 2006-40';"><br></td>
- <td id="200740" style="height: 24px; width: 24px; background-color: #DE7B82;" onclick="SetColor(this.style.backgroundColor,'coral essence 2007-40');" onmouseover="this.title='coral essence 2007-40';"><br></td>
- <td id="200840" style="height: 24px; width: 24px; background-color: #EF8F8C;" onclick="SetColor(this.style.backgroundColor,'hydrangrea flowers 2008-40');" onmouseover="this.title='hydrangrea flowers 2008-40';"><br></td>
- <td id="200940" style="height: 24px; width: 24px; background-color: #F88A86;" onclick="SetColor(this.style.backgroundColor,'PINK PEACH 2009-40');" onmouseover="this.title='PINK PEACH 2009-40';"><br></td>
- <td id="201040" style="height: 24px; width: 24px; background-color: #F98E83;" onclick="SetColor(this.style.backgroundColor,'Coral Gables 2010-40');" onmouseover="this.title='Coral Gables 2010-40';"><br></td>
- <td id="201140" style="height: 24px; width: 24px; background-color: #FD978D;" onclick="SetColor(this.style.backgroundColor,'OLD WORLD 2011-40');" onmouseover="this.title='OLD WORLD 2011-40';"><br></td>
- <td id="201240" style="height: 24px; width: 24px; background-color: #FE9888;" onclick="SetColor(this.style.backgroundColor,'summer sun pink 2012-40');" onmouseover="this.title='summer sun pink 2012-40';"><br></td>
- <td id="201340" style="height: 24px; width: 24px; background-color: #FE9D83;" onclick="SetColor(this.style.backgroundColor,'dusk pink 2013-40');" onmouseover="this.title='dusk pink 2013-40';"><br></td>
- <td id="201440" style="height: 24px; width: 24px; background-color: #FEA57D;" onclick="SetColor(this.style.backgroundColor,'peachy keen 2014-40');" onmouseover="this.title='peachy keen 2014-40';"><br></td>
- <td id="201540" style="height: 24px; width: 24px; background-color: #FEB476;" onclick="SetColor(this.style.backgroundColor,'PEACH SORBET 2015-40');" onmouseover="this.title='PEACH SORBET 2015-40';"><br></td>
- <td id="201640" style="height: 24px; width: 24px; background-color: #FEBA70;" onclick="SetColor(this.style.backgroundColor,'marmalade 2016-40');" onmouseover="this.title='marmalade 2016-40';"><br></td>
- <td id="201740" style="height: 24px; width: 24px; background-color: #FEC26E;" onclick="SetColor(this.style.backgroundColor,'sweet orange 2017-40');" onmouseover="this.title='sweet orange 2017-40';"><br></td>
- <td id="201840" style="height: 24px; width: 24px; background-color: #FECE6B;" onclick="SetColor(this.style.backgroundColor,'nacho cheese 2018-40');" onmouseover="this.title='nacho cheese 2018-40';"><br></td>
- <td id="201940" style="height: 24px; width: 24px; background-color: #FED666;" onclick="SetColor(this.style.backgroundColor,'american cheese 2019-40');" onmouseover="this.title='american cheese 2019-40';"><br></td>
- <td id="202040" style="height: 24px; width: 24px; background-color: #FED767;" onclick="SetColor(this.style.backgroundColor,'yellow rain coat 2020-40');" onmouseover="this.title='yellow rain coat 2020-40';"><br></td>
- <td id="202140" style="height: 24px; width: 24px; background-color: #FEDD64;" onclick="SetColor(this.style.backgroundColor,'yellow highlighter 2021-40');" onmouseover="this.title='yellow highlighter 2021-40';"><br></td>
- <td id="202240" style="height: 24px; width: 24px; background-color: #FEE665;" onclick="SetColor(this.style.backgroundColor,'banana yellow 2022-40');" onmouseover="this.title='banana yellow 2022-40';"><br></td>
- <td id="202340" style="height: 24px; width: 24px; background-color: #FBE365;" onclick="SetColor(this.style.backgroundColor,'SUNBURST 2023-40');" onmouseover="this.title='SUNBURST 2023-40';"><br></td>
- </tr>
- <tr>
- <td id="200050" style="height: 24px; width: 24px; background-color: #FDABBC;" onclick="SetColor(this.style.backgroundColor,'Blush Tone 2000-50');" onmouseover="this.title='Blush Tone 2000-50';"><br></td>
- <td id="200150" style="height: 24px; width: 24px; background-color: #FEABBD;" onclick="SetColor(this.style.backgroundColor,'FULL BLOOM 2001-50');" onmouseover="this.title='FULL BLOOM 2001-50';"><br></td>
- <td id="200250" style="height: 24px; width: 24px; background-color: #FEB3BC;" onclick="SetColor(this.style.backgroundColor,'TICKLED PINK 2002-50');" onmouseover="this.title='TICKLED PINK 2002-50';"><br></td>
- <td id="200350" style="height: 24px; width: 24px; background-color: #F9AAB9;" onclick="SetColor(this.style.backgroundColor,'coral pink 2003-50');" onmouseover="this.title='coral pink 2003-50';"><br></td>
- <td id="200450" style="height: 24px; width: 24px; background-color: #F5ACBB;" onclick="SetColor(this.style.backgroundColor,'baby girl 2004-50');" onmouseover="this.title='baby girl 2004-50';"><br></td>
- <td id="200550" style="height: 24px; width: 24px; background-color: #E1ADB3;" onclick="SetColor(this.style.backgroundColor,'PINK eraser 2005-50');" onmouseover="this.title='PINK eraser 2005-50';"><br></td>
- <td id="200650" style="height: 24px; width: 24px; background-color: #E9A5A8;" onclick="SetColor(this.style.backgroundColor,'PINK punch 2006-50');" onmouseover="this.title='PINK punch 2006-50';"><br></td>
- <td id="200750" style="height: 24px; width: 24px; background-color: #F1AAB2;" onclick="SetColor(this.style.backgroundColor,'supple pink 2007-50');" onmouseover="this.title='supple pink 2007-50';"><br></td>
- <td id="200850" style="height: 24px; width: 24px; background-color: #FBB8B8;" onclick="SetColor(this.style.backgroundColor,'delicate rose 2008-50');" onmouseover="this.title='delicate rose 2008-50';"><br></td>
- <td id="200950" style="height: 24px; width: 24px; background-color: #FEB6B5;" onclick="SetColor(this.style.backgroundColor,'FASHION PINK 2009-50');" onmouseover="this.title='FASHION PINK 2009-50';"><br></td>
- <td id="201050" style="height: 24px; width: 24px; background-color: #FEB9B2;" onclick="SetColor(this.style.backgroundColor,'DAWN PINK 2010-50');" onmouseover="this.title='DAWN PINK 2010-50';"><br></td>
- <td id="201150" style="height: 24px; width: 24px; background-color: #FEBDB7;" onclick="SetColor(this.style.backgroundColor,'MIXED FRUIT 2011-50');" onmouseover="this.title='MIXED FRUIT 2011-50';"><br></td>
- <td id="201250" style="height: 24px; width: 24px; background-color: #FEC0B6;" onclick="SetColor(this.style.backgroundColor,'perky peach 2012-50');" onmouseover="this.title='perky peach 2012-50';"><br></td>
- <td id="201350" style="height: 24px; width: 24px; background-color: #FEC5B4;" onclick="SetColor(this.style.backgroundColor,'SALMON PEACH 2013-50');" onmouseover="this.title='SALMON PEACH 2013-50';"><br></td>
- <td id="201450" style="height: 24px; width: 24px; background-color: #FEC9AF;" onclick="SetColor(this.style.backgroundColor,'springtime peach 2014-50');" onmouseover="this.title='springtime peach 2014-50';"><br></td>
- <td id="201550" style="height: 24px; width: 24px; background-color: #FED3A9;" onclick="SetColor(this.style.backgroundColor,'Funky Fruit 2015-50');" onmouseover="this.title='Funky Fruit 2015-50';"><br></td>
- <td id="201650" style="height: 24px; width: 24px; background-color: #FED7A6;" onclick="SetColor(this.style.backgroundColor,'melon popsicle 2016-50');" onmouseover="this.title='melon popsicle 2016-50';"><br></td>
- <td id="201750" style="height: 24px; width: 24px; background-color: #FEDCA5;" onclick="SetColor(this.style.backgroundColor,'Yellow Haze 2017-50');" onmouseover="this.title='Yellow Haze 2017-50';"><br></td>
- <td id="201850" style="height: 24px; width: 24px; background-color: #FEE3A1;" onclick="SetColor(this.style.backgroundColor,'morning sunSHINE 2018-50');" onmouseover="this.title='morning sunSHINE 2018-50';"><br></td>
- <td id="201950" style="height: 24px; width: 24px; background-color: #FEE89F;" onclick="SetColor(this.style.backgroundColor,'lemon drops 2019-50');" onmouseover="this.title='lemon drops 2019-50';"><br></td>
- <td id="202050" style="height: 24px; width: 24px; background-color: #FEE89E;" onclick="SetColor(this.style.backgroundColor,'MELLOW YELLOW 2020-50');" onmouseover="this.title='MELLOW YELLOW 2020-50';"><br></td>
- <td id="202150" style="height: 24px; width: 24px; background-color: #FEEC9D;" onclick="SetColor(this.style.backgroundColor,'yellow lotus 2021-50');" onmouseover="this.title='yellow lotus 2021-50';"><br></td>
- <td id="202250" style="height: 24px; width: 24px; background-color: #FEF09E;" onclick="SetColor(this.style.backgroundColor,'SUNDANCE 2022-50');" onmouseover="this.title='SUNDANCE 2022-50';"><br></td>
- <td id="202350" style="height: 24px; width: 24px; background-color: #FEEFA1;" onclick="SetColor(this.style.backgroundColor,'lemon meringue 2023-50');" onmouseover="this.title='lemon meringue 2023-50';"><br></td>
- </tr>
- <tr>
- <td id="200060" style="height: 24px; width: 24px; background-color: #FECCD7;" onclick="SetColor(this.style.backgroundColor,'LIGHT CHIFFON PINK 2000-60');" onmouseover="this.title='LIGHT CHIFFON PINK 2000-60';"><br></td>
- <td id="200160" style="height: 24px; width: 24px; background-color: #FECCD7;" onclick="SetColor(this.style.backgroundColor,'country pink 2001-60');" onmouseover="this.title='country pink 2001-60';"><br></td>
- <td id="200260" style="height: 24px; width: 24px; background-color: #FED2D7;" onclick="SetColor(this.style.backgroundColor,'SWEET 16 PINK 2002-60');" onmouseover="this.title='SWEET 16 PINK 2002-60';"><br></td>
- <td id="200360" style="height: 24px; width: 24px; background-color: #FECCD5;" onclick="SetColor(this.style.backgroundColor,'EXOTIC PINK 2003-60');" onmouseover="this.title='EXOTIC PINK 2003-60';"><br></td>
- <td id="200460" style="height: 24px; width: 24px; background-color: #FCCBD5;" onclick="SetColor(this.style.backgroundColor,'pink parfait 2004-60');" onmouseover="this.title='pink parfait 2004-60';"><br></td>
- <td id="200560" style="height: 24px; width: 24px; background-color: #F0CDD0;" onclick="SetColor(this.style.backgroundColor,'pink pearl 2005-60');" onmouseover="this.title='pink pearl 2005-60';"><br></td>
- <td id="200660" style="height: 24px; width: 24px; background-color: #F6C8C9;" onclick="SetColor(this.style.backgroundColor,'AUTHENTIC PINK 2006-60');" onmouseover="this.title='AUTHENTIC PINK 2006-60';"><br></td>
- <td id="200760" style="height: 24px; width: 24px; background-color: #FACACF;" onclick="SetColor(this.style.backgroundColor,'pastel pink 2007-60');" onmouseover="this.title='pastel pink 2007-60';"><br></td>
- <td id="200860" style="height: 24px; width: 24px; background-color: #FED5D4;" onclick="SetColor(this.style.backgroundColor,'little piggy 2008-60');" onmouseover="this.title='little piggy 2008-60';"><br></td>
- <td id="200960" style="height: 24px; width: 24px; background-color: #FED4D2;" onclick="SetColor(this.style.backgroundColor,'Pink Sea Shell 2009-60');" onmouseover="this.title='Pink Sea Shell 2009-60';"><br></td>
- <td id="201060" style="height: 24px; width: 24px; background-color: #FED6D0;" onclick="SetColor(this.style.backgroundColor,'ROSE PEtAL 2010-60');" onmouseover="this.title='ROSE PEtAL 2010-60';"><br></td>
- <td id="201160" style="height: 24px; width: 24px; background-color: #FED9D3;" onclick="SetColor(this.style.backgroundColor,'SPRINGY PEACH 2011-60');" onmouseover="this.title='SPRINGY PEACH 2011-60';"><br></td>
- <td id="201260" style="height: 24px; width: 24px; background-color: #FEDBD3;" onclick="SetColor(this.style.backgroundColor,'creamy peach 2012-60');" onmouseover="this.title='creamy peach 2012-60';"><br></td>
- <td id="201360" style="height: 24px; width: 24px; background-color: #FEDED2;" onclick="SetColor(this.style.backgroundColor,'pink harmony 2013-60');" onmouseover="this.title='pink harmony 2013-60';"><br></td>
- <td id="201460" style="height: 24px; width: 24px; background-color: #FEE0CE;" onclick="SetColor(this.style.backgroundColor,'whispering peach 2014-60');" onmouseover="this.title='whispering peach 2014-60';"><br></td>
- <td id="201560" style="height: 24px; width: 24px; background-color: #FEE6CA;" onclick="SetColor(this.style.backgroundColor,'Gerbera Daisy 2015-60');" onmouseover="this.title='Gerbera Daisy 2015-60';"><br></td>
- <td id="201660" style="height: 24px; width: 24px; background-color: #FEE9C9;" onclick="SetColor(this.style.backgroundColor,'creamy beige 2016-60');" onmouseover="this.title='creamy beige 2016-60';"><br></td>
- <td id="201760" style="height: 24px; width: 24px; background-color: #FEECC6;" onclick="SetColor(this.style.backgroundColor,'Pale Daffodil 2017-60');" onmouseover="this.title='Pale Daffodil 2017-60';"><br></td>
- <td id="201860" style="height: 24px; width: 24px; background-color: #FEF0C6;" onclick="SetColor(this.style.backgroundColor,'LIGHTHOUSE 2018-60');" onmouseover="this.title='LIGHTHOUSE 2018-60';"><br></td>
- <td id="201960" style="height: 24px; width: 24px; background-color: #FEF2C2;" onclick="SetColor(this.style.backgroundColor,'lemon sorbet 2019-60');" onmouseover="this.title='lemon sorbet 2019-60';"><br></td>
- <td id="202060" style="height: 24px; width: 24px; background-color: #FEF2C3;" onclick="SetColor(this.style.backgroundColor,'Moonlight 2020-60');" onmouseover="this.title='Moonlight 2020-60';"><br></td>
- <td id="202160" style="height: 24px; width: 24px; background-color: #FEF4C2;" onclick="SetColor(this.style.backgroundColor,'provence crème 2021-60');" onmouseover="this.title='provence crème 2021-60';"><br></td>
- <td id="202260" style="height: 24px; width: 24px; background-color: #FDF4C3;" onclick="SetColor(this.style.backgroundColor,'LIGHT YELLOW 2022-60');" onmouseover="this.title='LIGHT YELLOW 2022-60';"><br></td>
- <td id="202360" style="height: 24px; width: 24px; background-color: #FDF4C3;" onclick="SetColor(this.style.backgroundColor,'BUTTER 2023-60');" onmouseover="this.title='BUTTER 2023-60';"><br></td>
- </tr>
- <tr>
- <td id="200070" style="height: 24px; width: 24px; background-color: #FDE1E5;" onclick="SetColor(this.style.backgroundColor,'VOILE PINK 2000-70');" onmouseover="this.title='VOILE PINK 2000-70';"><br></td>
- <td id="200170" style="height: 24px; width: 24px; background-color: #FEE2E6;" onclick="SetColor(this.style.backgroundColor,'MARSHMALLOW BUNNY 2001-70');" onmouseover="this.title='MARSHMALLOW BUNNY 2001-70';"><br></td>
- <td id="200270" style="height: 24px; width: 24px; background-color: #FEE6E7;" onclick="SetColor(this.style.backgroundColor,'PINK CADILLAC 2002-70');" onmouseover="this.title='PINK CADILLAC 2002-70';"><br></td>
- <td id="200370" style="height: 24px; width: 24px; background-color: #FDE2E5;" onclick="SetColor(this.style.backgroundColor,'pleasing pink 2003-70');" onmouseover="this.title='pleasing pink 2003-70';"><br></td>
- <td id="200470" style="height: 24px; width: 24px; background-color: #FDE3E6;" onclick="SetColor(this.style.backgroundColor,'romantic pink 2004-70');" onmouseover="this.title='romantic pink 2004-70';"><br></td>
- <td id="200570" style="height: 24px; width: 24px; background-color: #F8E4E3;" onclick="SetColor(this.style.backgroundColor,'wispy pink 2005-70');" onmouseover="this.title='wispy pink 2005-70';"><br></td>
- <td id="200670" style="height: 24px; width: 24px; background-color: #FBE0DF;" onclick="SetColor(this.style.backgroundColor,'pink fairy 2006-70');" onmouseover="this.title='pink fairy 2006-70';"><br></td>
- <td id="200770" style="height: 24px; width: 24px; background-color: #FCE1E2;" onclick="SetColor(this.style.backgroundColor,'angel pink 2007-70');" onmouseover="this.title='angel pink 2007-70';"><br></td>
- <td id="200870" style="height: 24px; width: 24px; background-color: #FDE8E5;" onclick="SetColor(this.style.backgroundColor,'TOUCH OF PINK 2008-70');" onmouseover="this.title='TOUCH OF PINK 2008-70';"><br></td>
- <td id="200970" style="height: 24px; width: 24px; background-color: #FDE6E3;" onclick="SetColor(this.style.backgroundColor,'POWDER PINK 2009-70');" onmouseover="this.title='POWDER PINK 2009-70';"><br></td>
- <td id="201070" style="height: 24px; width: 24px; background-color: #FDE9E3;" onclick="SetColor(this.style.backgroundColor,'FROSTY PINK 2010-70');" onmouseover="this.title='FROSTY PINK 2010-70';"><br></td>
- <td id="201170" style="height: 24px; width: 24px; background-color: #FDEAE5;" onclick="SetColor(this.style.backgroundColor,'LIGHT QUARTZ 2011-70');" onmouseover="this.title='LIGHT QUARTZ 2011-70';"><br></td>
- <td id="201270" style="height: 24px; width: 24px; background-color: #FEEBE4;" onclick="SetColor(this.style.backgroundColor,'soft pink 2012-70');" onmouseover="this.title='soft pink 2012-70';"><br></td>
- <td id="201370" style="height: 24px; width: 24px; background-color: #FDEDE4;" onclick="SetColor(this.style.backgroundColor,'bridal pink 2013-70');" onmouseover="this.title='bridal pink 2013-70';"><br></td>
- <td id="201470" style="height: 24px; width: 24px; background-color: #FDEEE2;" onclick="SetColor(this.style.backgroundColor,'ecru 2014-70');" onmouseover="this.title='ecru 2014-70';"><br></td>
- <td id="201570" style="height: 24px; width: 24px; background-color: #FDF2E0;" onclick="SetColor(this.style.backgroundColor,'Apricot Ice 2015-70');" onmouseover="this.title='Apricot Ice 2015-70';"><br></td>
- <td id="201670" style="height: 24px; width: 24px; background-color: #FCF2DE;" onclick="SetColor(this.style.backgroundColor,'cancun sand 2016-70');" onmouseover="this.title='cancun sand 2016-70';"><br></td>
- <td id="201770" style="height: 24px; width: 24px; background-color: #FCF4DE;" onclick="SetColor(this.style.backgroundColor,'White vanilla 2017-70');" onmouseover="this.title='White vanilla 2017-70';"><br></td>
- <td id="201870" style="height: 24px; width: 24px; background-color: #FCF6DC;" onclick="SetColor(this.style.backgroundColor,'MILKYWAY 2018-70');" onmouseover="this.title='MILKYWAY 2018-70';"><br></td>
- <td id="201970" style="height: 24px; width: 24px; background-color: #FCF6DB;" onclick="SetColor(this.style.backgroundColor,'lightning white 2019-70');" onmouseover="this.title='lightning white 2019-70';"><br></td>
- <td id="202070" style="height: 24px; width: 24px; background-color: #FCF7DC;" onclick="SetColor(this.style.backgroundColor,'YELLOW FREEZE 2020-70');" onmouseover="this.title='YELLOW FREEZE 2020-70';"><br></td>
- <td id="202170" style="height: 24px; width: 24px; background-color: #FCF6DA;" onclick="SetColor(this.style.backgroundColor,'PALE STRAW 2021-70');" onmouseover="this.title='PALE STRAW 2021-70';"><br></td>
- <td id="202270" style="height: 24px; width: 24px; background-color: #FBF6DB;" onclick="SetColor(this.style.backgroundColor,'CRÈME BRULEE 2022-70');" onmouseover="this.title='CRÈME BRULEE 2022-70';"><br></td>
- <td id="202370" style="height: 24px; width: 24px; background-color: #FBF8DC;" onclick="SetColor(this.style.backgroundColor,'CRÈME FRAICHE 2023-70');" onmouseover="this.title='CRÈME FRAICHE 2023-70';"><br></td>
- </tr>
- </table>
- </div><br>