dynamicast
/
utility


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734
							<html>
 <head>
   <title>Palette</title>
 </head>
 <body>
  <div>
   <section>
    <div>
     <div style="background-color: #F44336;">
      <span>Red</span>
      <div>
       <span>500</span>
       <span>#F44336</span>
      </div>
     </div>
     <div style="background-color: #FFEBEE;">
      <div>
       <span>50</span>
       <span>#FFEBEE</span>
      </div>
     </div>
     <div style="background-color: #FFCDD2;">
      <div>
       <span>100</span>
       <span>#FFCDD2</span>
      </div>
     </div>
     <div style="background-color: #EF9A9A;">
      <div>
       <span>200</span>
       <span>#EF9A9A</span>
      </div>
     </div>
     <div style="background-color: #E57373;">
      <div>
       <span>300</span>
       <span>#E57373</span>
      </div>
     </div>
     <div style="background-color: #EF5350;">
      <div>
       <span>400</span>
       <span>#EF5350</span>
      </div>
     </div>
     <div style="background-color: #F44336;">
      <div>
       <span>500</span>
       <span>#F44336</span>
      </div>
     </div>
     <div style="background-color: #E53935;">
      <div>
       <span>600</span>
       <span>#E53935</span>
      </div>
     </div>
     <div style="background-color: #D32F2F;">
      <div>
       <span>700</span>
       <span>#D32F2F</span>
      </div>
     </div>
     <div style="background-color: #C62828;">
      <div>
       <span>800</span>
       <span>#C62828</span>
      </div>
     </div>
     <div style="background-color: #B71C1C;">
      <div>
       <span>900</span>
       <span>#B71C1C</span>
      </div>
     </div>
     <div style="background-color: #FF8A80;">
      <div>
       <span>A100</span>
       <span>#FF8A80</span>
      </div>
     </div>
     <div style="background-color: #FF5252;">
      <div>
       <span>A200</span>
       <span>#FF5252</span>
      </div>
     </div>
     <div style="background-color: #FF1744;">
      <div>
       <span>A400</span>
       <span>#FF1744</span>
      </div>
     </div>
     <div style="background-color: #D50000;">
      <div>
       <span>A700</span>
       <span>#D50000</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #E91E63;">
      <span>Pink</span>
      <div>
       <span>500</span>
       <span>#E91E63</span>
      </div>
     </div>
     <div style="background-color: #FCE4EC;">
      <div>
       <span>50</span>
       <span>#FCE4EC</span>
      </div>
     </div>
     <div style="background-color: #F8BBD0;">
      <div>
       <span>100</span>
       <span>#F8BBD0</span>
      </div>
     </div>
     <div style="background-color: #F48FB1;">
      <div>
       <span>200</span>
       <span>#F48FB1</span>
      </div>
     </div>
     <div style="background-color: #F06292;">
      <div>
       <span>300</span>
       <span>#F06292</span>
      </div>
     </div>
     <div style="background-color: #EC407A;">
      <div>
       <span>400</span>
       <span>#EC407A</span>
      </div>
     </div>
     <div style="background-color: #E91E63;">
      <div>
       <span>500</span>
       <span>#E91E63</span>
      </div>
     </div>
     <div style="background-color: #D81B60;">
      <div>
       <span>600</span>
       <span>#D81B60</span>
      </div>
     </div>
     <div style="background-color: #C2185B;">
      <div>
       <span>700</span>
       <span>#C2185B</span>
      </div>
     </div>
     <div style="background-color: #AD1457;">
      <div>
       <span>800</span>
       <span>#AD1457</span>
      </div>
     </div>
     <div style="background-color: #880E4F;">
      <div>
       <span>900</span>
       <span>#880E4F</span>
      </div>
     </div>
     <div style="background-color: #FF80AB;">
      <div>
       <span>A100</span>
       <span>#FF80AB</span>
      </div>
     </div>
     <div style="background-color: #FF4081;">
      <div>
       <span>A200</span>
       <span>#FF4081</span>
      </div>
     </div>
     <div style="background-color: #F50057;">
      <div>
       <span>A400</span>
       <span>#F50057</span>
      </div>
     </div>
     <div style="background-color: #C51162;">
      <div>
       <span>A700</span>
       <span>#C51162</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #9C27B0;">
      <span>Purple</span>
      <div>
       <span>500</span>
       <span>#9C27B0</span>
      </div>
     </div>
     <div style="background-color: #F3E5F5;">
      <div>
       <span>50</span>
       <span>#F3E5F5</span>
      </div>
     </div>
     <div style="background-color: #E1BEE7;">
      <div>
       <span>100</span>
       <span>#E1BEE7</span>
      </div>
     </div>
     <div style="background-color: #CE93D8;">
      <div>
       <span>200</span>
       <span>#CE93D8</span>
      </div>
     </div>
     <div style="background-color: #BA68C8;">
      <div>
       <span>300</span>
       <span>#BA68C8</span>
      </div>
     </div>
     <div style="background-color: #AB47BC;">
      <div>
       <span>400</span>
       <span>#AB47BC</span>
      </div>
     </div>
     <div style="background-color: #9C27B0;">
      <div>
       <span>500</span>
       <span>#9C27B0</span>
      </div>
     </div>
     <div style="background-color: #8E24AA;">
      <div>
       <span>600</span>
       <span>#8E24AA</span>
      </div>
     </div>
     <div style="background-color: #7B1FA2;">
      <div>
       <span>700</span>
       <span>#7B1FA2</span>
      </div>
     </div>
     <div style="background-color: #6A1B9A;">
      <div>
       <span>800</span>
       <span>#6A1B9A</span>
      </div>
     </div>
     <div style="background-color: #4A148C;">
      <div>
       <span>900</span>
       <span>#4A148C</span>
      </div>
     </div>
     <div style="background-color: #EA80FC;">
      <div>
       <span>A100</span>
       <span>#EA80FC</span>
      </div>
     </div>
     <div style="background-color: #E040FB;">
      <div>
       <span>A200</span>
       <span>#E040FB</span>
      </div>
     </div>
     <div style="background-color: #D500F9;">
      <div>
       <span>A400</span>
       <span>#D500F9</span>
      </div>
     </div>
     <div style="background-color: #AA00FF;">
      <div>
       <span>A700</span>
       <span>#AA00FF</span>
      </div>
     </div>
    </div>
   </section>
   <section>
    <div>
     <div style="background-color: #673AB7;">
      <span>Deep Purple</span>
      <div>
       <span>500</span>
       <span>#673AB7</span>
      </div>
     </div>
     <div style="background-color: #EDE7F6;">
      <div>
       <span>50</span>
       <span>#EDE7F6</span>
      </div>
     </div>
     <div style="background-color: #D1C4E9;">
      <div>
       <span>100</span>
       <span>#D1C4E9</span>
      </div>
     </div>
     <div style="background-color: #B39DDB;">
      <div>
       <span>200</span>
       <span>#B39DDB</span>
      </div>
     </div>
     <div style="background-color: #9575CD;">
      <div>
       <span>300</span>
       <span>#9575CD</span>
      </div>
     </div>
     <div style="background-color: #7E57C2;">
      <div>
       <span>400</span>
       <span>#7E57C2</span>
      </div>
     </div>
     <div style="background-color: #673AB7;">
      <div>
       <span>500</span>
       <span>#673AB7</span>
      </div>
     </div>
     <div style="background-color: #5E35B1;">
      <div>
       <span>600</span>
       <span>#5E35B1</span>
      </div>
     </div>
     <div style="background-color: #512DA8;">
      <div>
       <span>700</span>
       <span>#512DA8</span>
      </div>
     </div>
     <div style="background-color: #4527A0;">
      <div>
       <span>800</span>
       <span>#4527A0</span>
      </div>
     </div>
     <div style="background-color: #311B92;">
      <div>
       <span>900</span>
       <span>#311B92</span>
      </div>
     </div>
     <div style="background-color: #B388FF;">
      <div>
       <span>A100</span>
       <span>#B388FF</span>
      </div>
     </div>
     <div style="background-color: #7C4DFF;">
      <div>
       <span>A200</span>
       <span>#7C4DFF</span>
      </div>
     </div>
     <div style="background-color: #651FFF;">
      <div>
       <span>A400</span>
       <span>#651FFF</span>
      </div>
     </div>
     <div style="background-color: #6200EA;">
      <div>
       <span>A700</span>
       <span>#6200EA</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #3F51B5;">
      <span>Indigo</span>
      <div>
       <span>500</span>
       <span>#3F51B5</span>
      </div>
     </div>
     <div style="background-color: #E8EAF6;">
      <div>
       <span>50</span>
       <span>#E8EAF6</span>
      </div>
     </div>
     <div style="background-color: #C5CAE9;">
      <div>
       <span>100</span>
       <span>#C5CAE9</span>
      </div>
     </div>
     <div style="background-color: #9FA8DA;">
      <div>
       <span>200</span>
       <span>#9FA8DA</span>
      </div>
     </div>
     <div style="background-color: #7986CB;">
      <div>
       <span>300</span>
       <span>#7986CB</span>
      </div>
     </div>
     <div style="background-color: #5C6BC0;">
      <div>
       <span>400</span>
       <span>#5C6BC0</span>
      </div>
     </div>
     <div style="background-color: #3F51B5;">
      <div>
       <span>500</span>
       <span>#3F51B5</span>
      </div>
     </div>
     <div style="background-color: #3949AB;">
      <div>
       <span>600</span>
       <span>#3949AB</span>
      </div>
     </div>
     <div style="background-color: #303F9F;">
      <div>
       <span>700</span>
       <span>#303F9F</span>
      </div>
     </div>
     <div style="background-color: #283593;">
      <div>
       <span>800</span>
       <span>#283593</span>
      </div>
     </div>
     <div style="background-color: #1A237E;">
      <div>
       <span>900</span>
       <span>#1A237E</span>
      </div>
     </div>
     <div style="background-color: #8C9EFF;">
      <div>
       <span>A100</span>
       <span>#8C9EFF</span>
      </div>
     </div>
     <div style="background-color: #536DFE;">
      <div>
       <span>A200</span>
       <span>#536DFE</span>
      </div>
     </div>
     <div style="background-color: #3D5AFE;">
      <div>
       <span>A400</span>
       <span>#3D5AFE</span>
      </div>
     </div>
     <div style="background-color: #304FFE;">
      <div>
       <span>A700</span>
       <span>#304FFE</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #2196F3;">
      <span>Blue</span>
      <div>
       <span>500</span>
       <span>#2196F3</span>
      </div>
     </div>
     <div style="background-color: #E3F2FD;">
      <div>
       <span>50</span>
       <span>#E3F2FD</span>
      </div>
     </div>
     <div style="background-color: #BBDEFB;">
      <div>
       <span>100</span>
       <span>#BBDEFB</span>
      </div>
     </div>
     <div style="background-color: #90CAF9;">
      <div>
       <span>200</span>
       <span>#90CAF9</span>
      </div>
     </div>
     <div style="background-color: #64B5F6;">
      <div>
       <span>300</span>
       <span>#64B5F6</span>
      </div>
     </div>
     <div style="background-color: #42A5F5;">
      <div>
       <span>400</span>
       <span>#42A5F5</span>
      </div>
     </div>
     <div style="background-color: #2196F3;">
      <div>
       <span>500</span>
       <span>#2196F3</span>
      </div>
     </div>
     <div style="background-color: #1E88E5;">
      <div>
       <span>600</span>
       <span>#1E88E5</span>
      </div>
     </div>
     <div style="background-color: #1976D2;">
      <div>
       <span>700</span>
       <span>#1976D2</span>
      </div>
     </div>
     <div style="background-color: #1565C0;">
      <div>
       <span>800</span>
       <span>#1565C0</span>
      </div>
     </div>
     <div style="background-color: #0D47A1;">
      <div>
       <span>900</span>
       <span>#0D47A1</span>
      </div>
     </div>
     <div style="background-color: #82B1FF;">
      <div>
       <span>A100</span>
       <span>#82B1FF</span>
      </div>
     </div>
     <div style="background-color: #448AFF;">
      <div>
       <span>A200</span>
       <span>#448AFF</span>
      </div>
     </div>
     <div style="background-color: #2979FF;">
      <div>
       <span>A400</span>
       <span>#2979FF</span>
      </div>
     </div>
     <div style="background-color: #2962FF;">
      <div>
       <span>A700</span>
       <span>#2962FF</span>
      </div>
     </div>
    </div>
   </section>
   <section>
    <div>
     <div style="background-color: #03A9F4;">
      <span>Light Blue</span>
      <div>
       <span>500</span>
       <span>#03A9F4</span>
      </div>
     </div>
     <div style="background-color: #E1F5FE;">
      <div>
       <span>50</span>
       <span>#E1F5FE</span>
      </div>
     </div>
     <div style="background-color: #B3E5FC;">
      <div>
       <span>100</span>
       <span>#B3E5FC</span>
      </div>
     </div>
     <div style="background-color: #81D4FA;">
      <div>
       <span>200</span>
       <span>#81D4FA</span>
      </div>
     </div>
     <div style="background-color: #4FC3F7;">
      <div>
       <span>300</span>
       <span>#4FC3F7</span>
      </div>
     </div>
     <div style="background-color: #29B6F6;">
      <div>
       <span>400</span>
       <span>#29B6F6</span>
      </div>
     </div>
     <div style="background-color: #03A9F4;">
      <div>
       <span>500</span>
       <span>#03A9F4</span>
      </div>
     </div>
     <div style="background-color: #039BE5;">
      <div>
       <span>600</span>
       <span>#039BE5</span>
      </div>
     </div>
     <div style="background-color: #0288D1;">
      <div>
       <span>700</span>
       <span>#0288D1</span>
      </div>
     </div>
     <div style="background-color: #0277BD;">
      <div>
       <span>800</span>
       <span>#0277BD</span>
      </div>
     </div>
     <div style="background-color: #01579B;">
      <div>
       <span>900</span>
       <span>#01579B</span>
      </div>
     </div>
     <div style="background-color: #80D8FF;">
      <div>
       <span>A100</span>
       <span>#80D8FF</span>
      </div>
     </div>
     <div style="background-color: #40C4FF;">
      <div>
       <span>A200</span>
       <span>#40C4FF</span>
      </div>
     </div>
     <div style="background-color: #00B0FF;">
      <div>
       <span>A400</span>
       <span>#00B0FF</span>
      </div>
     </div>
     <div style="background-color: #0091EA;">
      <div>
       <span>A700</span>
       <span>#0091EA</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #00BCD4;">
      <span>Cyan</span>
      <div>
       <span>500</span>
       <span>#00BCD4</span>
      </div>
     </div>
     <div style="background-color: #E0F7FA;">
      <div>
       <span>50</span>
       <span>#E0F7FA</span>
      </div>
     </div>
     <div style="background-color: #B2EBF2;">
      <div>
       <span>100</span>
       <span>#B2EBF2</span>
      </div>
     </div>
     <div style="background-color: #80DEEA;">
      <div>
       <span>200</span>
       <span>#80DEEA</span>
      </div>
     </div>
     <div style="background-color: #4DD0E1;">
      <div>
       <span>300</span>
       <span>#4DD0E1</span>
      </div>
     </div>
     <div style="background-color: #26C6DA;">
      <div>
       <span>400</span>
       <span>#26C6DA</span>
      </div>
     </div>
     <div style="background-color: #00BCD4;">
      <div>
       <span>500</span>
       <span>#00BCD4</span>
      </div>
     </div>
     <div style="background-color: #00ACC1;">
      <div>
       <span>600</span>
       <span>#00ACC1</span>
      </div>
     </div>
     <div style="background-color: #0097A7;">
      <div>
       <span>700</span>
       <span>#0097A7</span>
      </div>
     </div>
     <div style="background-color: #00838F;">
      <div>
       <span>800</span>
       <span>#00838F</span>
      </div>
     </div>
     <div style="background-color: #006064;">
      <div>
       <span>900</span>
       <span>#006064</span>
      </div>
     </div>
     <div style="background-color: #84FFFF;">
      <div>
       <span>A100</span>
       <span>#84FFFF</span>
      </div>
     </div>
     <div style="background-color: #18FFFF;">
      <div>
       <span>A200</span>
       <span>#18FFFF</span>
      </div>
     </div>
     <div style="background-color: #00E5FF;">
      <div>
       <span>A400</span>
       <span>#00E5FF</span>
      </div>
     </div>
     <div style="background-color: #00B8D4;">
      <div>
       <span>A700</span>
       <span>#00B8D4</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #009688;">
      <span>Teal</span>
      <div>
       <span>500</span>
       <span>#009688</span>
      </div>
     </div>
     <div style="background-color: #E0F2F1;">
      <div>
       <span>50</span>
       <span>#E0F2F1</span>
      </div>
     </div>
     <div style="background-color: #B2DFDB;">
      <div>
       <span>100</span>
       <span>#B2DFDB</span>
      </div>
     </div>
     <div style="background-color: #80CBC4;">
      <div>
       <span>200</span>
       <span>#80CBC4</span>
      </div>
     </div>
     <div style="background-color: #4DB6AC;">
      <div>
       <span>300</span>
       <span>#4DB6AC</span>
      </div>
     </div>
     <div style="background-color: #26A69A;">
      <div>
       <span>400</span>
       <span>#26A69A</span>
      </div>
     </div>
     <div style="background-color: #009688;">
      <div>
       <span>500</span>
       <span>#009688</span>
      </div>
     </div>
     <div style="background-color: #00897B;">
      <div>
       <span>600</span>
       <span>#00897B</span>
      </div>
     </div>
     <div style="background-color: #00796B;">
      <div>
       <span>700</span>
       <span>#00796B</span>
      </div>
     </div>
     <div style="background-color: #00695C;">
      <div>
       <span>800</span>
       <span>#00695C</span>
      </div>
     </div>
     <div style="background-color: #004D40;">
      <div>
       <span>900</span>
       <span>#004D40</span>
      </div>
     </div>
     <div style="background-color: #A7FFEB;">
      <div>
       <span>A100</span>
       <span>#A7FFEB</span>
      </div>
     </div>
     <div style="background-color: #64FFDA;">
      <div>
       <span>A200</span>
       <span>#64FFDA</span>
      </div>
     </div>
     <div style="background-color: #1DE9B6;">
      <div>
       <span>A400</span>
       <span>#1DE9B6</span>
      </div>
     </div>
     <div style="background-color: #00BFA5;">
      <div>
       <span>A700</span>
       <span>#00BFA5</span>
      </div>
     </div>
    </div>
   </section>
   <section>
    <div>
     <div style="background-color: #4CAF50;">
      <span>Green</span>
      <div>
       <span>500</span>
       <span>#4CAF50</span>
      </div>
     </div>
     <div style="background-color: #E8F5E9;">
      <div>
       <span>50</span>
       <span>#E8F5E9</span>
      </div>
     </div>
     <div style="background-color: #C8E6C9;">
      <div>
       <span>100</span>
       <span>#C8E6C9</span>
      </div>
     </div>
     <div style="background-color: #A5D6A7;">
      <div>
       <span>200</span>
       <span>#A5D6A7</span>
      </div>
     </div>
     <div style="background-color: #81C784;">
      <div>
       <span>300</span>
       <span>#81C784</span>
      </div>
     </div>
     <div style="background-color: #66BB6A;">
      <div>
       <span>400</span>
       <span>#66BB6A</span>
      </div>
     </div>
     <div style="background-color: #4CAF50;">
      <div>
       <span>500</span>
       <span>#4CAF50</span>
      </div>
     </div>
     <div style="background-color: #43A047;">
      <div>
       <span>600</span>
       <span>#43A047</span>
      </div>
     </div>
     <div style="background-color: #388E3C;">
      <div>
       <span>700</span>
       <span>#388E3C</span>
      </div>
     </div>
     <div style="background-color: #2E7D32;">
      <div>
       <span>800</span>
       <span>#2E7D32</span>
      </div>
     </div>
     <div style="background-color: #1B5E20;">
      <div>
       <span>900</span>
       <span>#1B5E20</span>
      </div>
     </div>
     <div style="background-color: #B9F6CA;">
      <div>
       <span>A100</span>
       <span>#B9F6CA</span>
      </div>
     </div>
     <div style="background-color: #69F0AE;">
      <div>
       <span>A200</span>
       <span>#69F0AE</span>
      </div>
     </div>
     <div style="background-color: #00E676;">
      <div>
       <span>A400</span>
       <span>#00E676</span>
      </div>
     </div>
     <div style="background-color: #00C853;">
      <div>
       <span>A700</span>
       <span>#00C853</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #8BC34A;">
      <span>Light Green</span>
      <div>
       <span>500</span>
       <span>#8BC34A</span>
      </div>
     </div>
     <div style="background-color: #F1F8E9;">
      <div>
       <span>50</span>
       <span>#F1F8E9</span>
      </div>
     </div>
     <div style="background-color: #DCEDC8;">
      <div>
       <span>100</span>
       <span>#DCEDC8</span>
      </div>
     </div>
     <div style="background-color: #C5E1A5;">
      <div>
       <span>200</span>
       <span>#C5E1A5</span>
      </div>
     </div>
     <div style="background-color: #AED581;">
      <div>
       <span>300</span>
       <span>#AED581</span>
      </div>
     </div>
     <div style="background-color: #9CCC65;">
      <div>
       <span>400</span>
       <span>#9CCC65</span>
      </div>
     </div>
     <div style="background-color: #8BC34A;">
      <div>
       <span>500</span>
       <span>#8BC34A</span>
      </div>
     </div>
     <div style="background-color: #7CB342;">
      <div>
       <span>600</span>
       <span>#7CB342</span>
      </div>
     </div>
     <div style="background-color: #689F38;">
      <div>
       <span>700</span>
       <span>#689F38</span>
      </div>
     </div>
     <div style="background-color: #558B2F;">
      <div>
       <span>800</span>
       <span>#558B2F</span>
      </div>
     </div>
     <div style="background-color: #33691E;">
      <div>
       <span>900</span>
       <span>#33691E</span>
      </div>
     </div>
     <div style="background-color: #CCFF90;">
      <div>
       <span>A100</span>
       <span>#CCFF90</span>
      </div>
     </div>
     <div style="background-color: #B2FF59;">
      <div>
       <span>A200</span>
       <span>#B2FF59</span>
      </div>
     </div>
     <div style="background-color: #76FF03;">
      <div>
       <span>A400</span>
       <span>#76FF03</span>
      </div>
     </div>
     <div style="background-color: #64DD17;">
      <div>
       <span>A700</span>
       <span>#64DD17</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #CDDC39;">
      <span>Lime</span>
      <div>
       <span>500</span>
       <span>#CDDC39</span>
      </div>
     </div>
     <div style="background-color: #F9FBE7;">
      <div>
       <span>50</span>
       <span>#F9FBE7</span>
      </div>
     </div>
     <div style="background-color: #F0F4C3;">
      <div>
       <span>100</span>
       <span>#F0F4C3</span>
      </div>
     </div>
     <div style="background-color: #E6EE9C;">
      <div>
       <span>200</span>
       <span>#E6EE9C</span>
      </div>
     </div>
     <div style="background-color: #DCE775;">
      <div>
       <span>300</span>
       <span>#DCE775</span>
      </div>
     </div>
     <div style="background-color: #D4E157;">
      <div>
       <span>400</span>
       <span>#D4E157</span>
      </div>
     </div>
     <div style="background-color: #CDDC39;">
      <div>
       <span>500</span>
       <span>#CDDC39</span>
      </div>
     </div>
     <div style="background-color: #C0CA33;">
      <div>
       <span>600</span>
       <span>#C0CA33</span>
      </div>
     </div>
     <div style="background-color: #AFB42B;">
      <div>
       <span>700</span>
       <span>#AFB42B</span>
      </div>
     </div>
     <div style="background-color: #9E9D24;">
      <div>
       <span>800</span>
       <span>#9E9D24</span>
      </div>
     </div>
     <div style="background-color: #827717;">
      <div>
       <span>900</span>
       <span>#827717</span>
      </div>
     </div>
     <div style="background-color: #F4FF81;">
      <div>
       <span>A100</span>
       <span>#F4FF81</span>
      </div>
     </div>
     <div style="background-color: #EEFF41;">
      <div>
       <span>A200</span>
       <span>#EEFF41</span>
      </div>
     </div>
     <div style="background-color: #C6FF00;">
      <div>
       <span>A400</span>
       <span>#C6FF00</span>
      </div>
     </div>
     <div style="background-color: #AEEA00;">
      <div>
       <span>A700</span>
       <span>#AEEA00</span>
      </div>
     </div>
    </div>
   </section>
   <section>
    <div>
     <div style="background-color: #FFEB3B;">
      <span>Yellow</span>
      <div>
       <span>500</span>
       <span>#FFEB3B</span>
      </div>
     </div>
     <div style="background-color: #FFFDE7;">
      <div>
       <span>50</span>
       <span>#FFFDE7</span>
      </div>
     </div>
     <div style="background-color: #FFF9C4;">
      <div>
       <span>100</span>
       <span>#FFF9C4</span>
      </div>
     </div>
     <div style="background-color: #FFF59D;">
      <div>
       <span>200</span>
       <span>#FFF59D</span>
      </div>
     </div>
     <div style="background-color: #FFF176;">
      <div>
       <span>300</span>
       <span>#FFF176</span>
      </div>
     </div>
     <div style="background-color: #FFEE58;">
      <div>
       <span>400</span>
       <span>#FFEE58</span>
      </div>
     </div>
     <div style="background-color: #FFEB3B;">
      <div>
       <span>500</span>
       <span>#FFEB3B</span>
      </div>
     </div>
     <div style="background-color: #FDD835;">
      <div>
       <span>600</span>
       <span>#FDD835</span>
      </div>
     </div>
     <div style="background-color: #FBC02D;">
      <div>
       <span>700</span>
       <span>#FBC02D</span>
      </div>
     </div>
     <div style="background-color: #F9A825;">
      <div>
       <span>800</span>
       <span>#F9A825</span>
      </div>
     </div>
     <div style="background-color: #F57F17;">
      <div>
       <span>900</span>
       <span>#F57F17</span>
      </div>
     </div>
     <div style="background-color: #FFFF8D;">
      <div>
       <span>A100</span>
       <span>#FFFF8D</span>
      </div>
     </div>
     <div style="background-color: #FFFF00;">
      <div>
       <span>A200</span>
       <span>#FFFF00</span>
      </div>
     </div>
     <div style="background-color: #FFEA00;">
      <div>
       <span>A400</span>
       <span>#FFEA00</span>
      </div>
     </div>
     <div style="background-color: #FFD600;">
      <div>
       <span>A700</span>
       <span>#FFD600</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #FFC107;">
      <span>Amber</span>
      <div>
       <span>500</span>
       <span>#FFC107</span>
      </div>
     </div>
     <div style="background-color: #FFF8E1;">
      <div>
       <span>50</span>
       <span>#FFF8E1</span>
      </div>
     </div>
     <div style="background-color: #FFECB3;">
      <div>
       <span>100</span>
       <span>#FFECB3</span>
      </div>
     </div>
     <div style="background-color: #FFE082;">
      <div>
       <span>200</span>
       <span>#FFE082</span>
      </div>
     </div>
     <div style="background-color: #FFD54F;">
      <div>
       <span>300</span>
       <span>#FFD54F</span>
      </div>
     </div>
     <div style="background-color: #FFCA28;">
      <div>
       <span>400</span>
       <span>#FFCA28</span>
      </div>
     </div>
     <div style="background-color: #FFC107;">
      <div>
       <span>500</span>
       <span>#FFC107</span>
      </div>
     </div>
     <div style="background-color: #FFB300;">
      <div>
       <span>600</span>
       <span>#FFB300</span>
      </div>
     </div>
     <div style="background-color: #FFA000;">
      <div>
       <span>700</span>
       <span>#FFA000</span>
      </div>
     </div>
     <div style="background-color: #FF8F00;">
      <div>
       <span>800</span>
       <span>#FF8F00</span>
      </div>
     </div>
     <div style="background-color: #FF6F00;">
      <div>
       <span>900</span>
       <span>#FF6F00</span>
      </div>
     </div>
     <div style="background-color: #FFE57F;">
      <div>
       <span>A100</span>
       <span>#FFE57F</span>
      </div>
     </div>
     <div style="background-color: #FFD740;">
      <div>
       <span>A200</span>
       <span>#FFD740</span>
      </div>
     </div>
     <div style="background-color: #FFC400;">
      <div>
       <span>A400</span>
       <span>#FFC400</span>
      </div>
     </div>
     <div style="background-color: #FFAB00;">
      <div>
       <span>A700</span>
       <span>#FFAB00</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #FF9800;">
      <span>Orange</span>
      <div>
       <span>500</span>
       <span>#FF9800</span>
      </div>
     </div>
     <div style="background-color: #FFF3E0;">
      <div>
       <span>50</span>
       <span>#FFF3E0</span>
      </div>
     </div>
     <div style="background-color: #FFE0B2;">
      <div>
       <span>100</span>
       <span>#FFE0B2</span>
      </div>
     </div>
     <div style="background-color: #FFCC80;">
      <div>
       <span>200</span>
       <span>#FFCC80</span>
      </div>
     </div>
     <div style="background-color: #FFB74D;">
      <div>
       <span>300</span>
       <span>#FFB74D</span>
      </div>
     </div>
     <div style="background-color: #FFA726;">
      <div>
       <span>400</span>
       <span>#FFA726</span>
      </div>
     </div>
     <div style="background-color: #FF9800;">
      <div>
       <span>500</span>
       <span>#FF9800</span>
      </div>
     </div>
     <div style="background-color: #FB8C00;">
      <div>
       <span>600</span>
       <span>#FB8C00</span>
      </div>
     </div>
     <div style="background-color: #F57C00;">
      <div>
       <span>700</span>
       <span>#F57C00</span>
      </div>
     </div>
     <div style="background-color: #EF6C00;">
      <div>
       <span>800</span>
       <span>#EF6C00</span>
      </div>
     </div>
     <div style="background-color: #E65100;">
      <div>
       <span>900</span>
       <span>#E65100</span>
      </div>
     </div>
     <div style="background-color: #FFD180;">
      <div>
       <span>A100</span>
       <span>#FFD180</span>
      </div>
     </div>
     <div style="background-color: #FFAB40;">
      <div>
       <span>A200</span>
       <span>#FFAB40</span>
      </div>
     </div>
     <div style="background-color: #FF9100;">
      <div>
       <span>A400</span>
       <span>#FF9100</span>
      </div>
     </div>
     <div style="background-color: #FF6D00;">
      <div>
       <span>A700</span>
       <span>#FF6D00</span>
      </div>
     </div>
    </div>
   </section>
   <section>
    <div>
     <div style="background-color: #FF5722;">
      <span>Deep Orange</span>
      <div>
       <span>500</span>
       <span>#FF5722</span>
      </div>
     </div>
     <div style="background-color: #FBE9E7;">
      <div>
       <span>50</span>
       <span>#FBE9E7</span>
      </div>
     </div>
     <div style="background-color: #FFCCBC;">
      <div>
       <span>100</span>
       <span>#FFCCBC</span>
      </div>
     </div>
     <div style="background-color: #FFAB91;">
      <div>
       <span>200</span>
       <span>#FFAB91</span>
      </div>
     </div>
     <div style="background-color: #FF8A65;">
      <div>
       <span>300</span>
       <span>#FF8A65</span>
      </div>
     </div>
     <div style="background-color: #FF7043;">
      <div>
       <span>400</span>
       <span>#FF7043</span>
      </div>
     </div>
     <div style="background-color: #FF5722;">
      <div>
       <span>500</span>
       <span>#FF5722</span>
      </div>
     </div>
     <div style="background-color: #F4511E;">
      <div>
       <span>600</span>
       <span>#F4511E</span>
      </div>
     </div>
     <div style="background-color: #E64A19;">
      <div>
       <span>700</span>
       <span>#E64A19</span>
      </div>
     </div>
     <div style="background-color: #D84315;">
      <div>
       <span>800</span>
       <span>#D84315</span>
      </div>
     </div>
     <div style="background-color: #BF360C;">
      <div>
       <span>900</span>
       <span>#BF360C</span>
      </div>
     </div>
     <div style="background-color: #FF9E80;">
      <div>
       <span>A100</span>
       <span>#FF9E80</span>
      </div>
     </div>
     <div style="background-color: #FF6E40;">
      <div>
       <span>A200</span>
       <span>#FF6E40</span>
      </div>
     </div>
     <div style="background-color: #FF3D00;">
      <div>
       <span>A400</span>
       <span>#FF3D00</span>
      </div>
     </div>
     <div style="background-color: #DD2C00;">
      <div>
       <span>A700</span>
       <span>#DD2C00</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #795548;">
      <span>Brown</span>
      <div>
       <span>500</span>
       <span>#795548</span>
      </div>
     </div>
     <div style="background-color: #EFEBE9;">
      <div>
       <span>50</span>
       <span>#EFEBE9</span>
      </div>
     </div>
     <div style="background-color: #D7CCC8;">
      <div>
       <span>100</span>
       <span>#D7CCC8</span>
      </div>
     </div>
     <div style="background-color: #BCAAA4;">
      <div>
       <span>200</span>
       <span>#BCAAA4</span>
      </div>
     </div>
     <div style="background-color: #A1887F;">
      <div>
       <span>300</span>
       <span>#A1887F</span>
      </div>
     </div>
     <div style="background-color: #8D6E63;">
      <div>
       <span>400</span>
       <span>#8D6E63</span>
      </div>
     </div>
     <div style="background-color: #795548;">
      <div>
       <span>500</span>
       <span>#795548</span>
      </div>
     </div>
     <div style="background-color: #6D4C41;">
      <div>
       <span>600</span>
       <span>#6D4C41</span>
      </div>
     </div>
     <div style="background-color: #5D4037;">
      <div>
       <span>700</span>
       <span>#5D4037</span>
      </div>
     </div>
     <div style="background-color: #4E342E;">
      <div>
       <span>800</span>
       <span>#4E342E</span>
      </div>
     </div>
     <div style="background-color: #3E2723;">
      <div>
       <span>900</span>
       <span>#3E2723</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #9E9E9E;">
      <span>Grey</span>
      <div>
       <span>500</span>
       <span>#9E9E9E</span>
      </div>
     </div>
     <div style="background-color: #FAFAFA;">
      <div>
       <span>50</span>
       <span>#FAFAFA</span>
      </div>
     </div>
     <div style="background-color: #F5F5F5;">
      <div>
       <span>100</span>
       <span>#F5F5F5</span>
      </div>
     </div>
     <div style="background-color: #EEEEEE;">
      <div>
       <span>200</span>
       <span>#EEEEEE</span>
      </div>
     </div>
     <div style="background-color: #E0E0E0;">
      <div>
       <span>300</span>
       <span>#E0E0E0</span>
      </div>
     </div>
     <div style="background-color: #BDBDBD;">
      <div>
       <span>400</span>
       <span>#BDBDBD</span>
      </div>
     </div>
     <div style="background-color: #9E9E9E;">
      <div>
       <span>500</span>
       <span>#9E9E9E</span>
      </div>
     </div>
     <div style="background-color: #757575;">
      <div>
       <span>600</span>
       <span>#757575</span>
      </div>
     </div>
     <div style="background-color: #616161;">
      <div>
       <span>700</span>
       <span>#616161</span>
      </div>
     </div>
     <div style="background-color: #424242;">
      <div>
       <span>800</span>
       <span>#424242</span>
      </div>
     </div>
     <div style="background-color: #212121;">
      <div>
       <span>900</span>
       <span>#212121</span>
      </div>
     </div>
    </div>
   </section>
   <section>
    <div>
     <div style="background-color: #607D8B;">
      <span>Blue Grey</span>
      <div>
       <span>500</span>
       <span>#607D8B</span>
      </div>
     </div>
     <div style="background-color: #ECEFF1;">
      <div>
       <span>50</span>
       <span>#ECEFF1</span>
      </div>
     </div>
     <div style="background-color: #CFD8DC;">
      <div>
       <span>100</span>
       <span>#CFD8DC</span>
      </div>
     </div>
     <div style="background-color: #B0BEC5;">
      <div>
       <span>200</span>
       <span>#B0BEC5</span>
      </div>
     </div>
     <div style="background-color: #90A4AE;">
      <div>
       <span>300</span>
       <span>#90A4AE</span>
      </div>
     </div>
     <div style="background-color: #78909C;">
      <div>
       <span>400</span>
       <span>#78909C</span>
      </div>
     </div>
     <div style="background-color: #607D8B;">
      <div>
       <span>500</span>
       <span>#607D8B</span>
      </div>
     </div>
     <div style="background-color: #546E7A;">
      <div>
       <span>600</span>
       <span>#546E7A</span>
      </div>
     </div>
     <div style="background-color: #455A64;">
      <div>
       <span>700</span>
       <span>#455A64</span>
      </div>
     </div>
     <div style="background-color: #37474F;">
      <div>
       <span>800</span>
       <span>#37474F</span>
      </div>
     </div>
     <div style="background-color: #263238;">
      <div>
       <span>900</span>
       <span>#263238</span>
      </div>
     </div>
    </div>
    <div>
     <div style="background-color: #000000;">
      <div>
       <span>Black</span>
       <span>#000000</span>
      </div>
     </div>
     <div style="background-color: #FFFFFF;">
      <div>
       <span>White</span>
       <span>#FFFFFF</span>
      </div>
     </div>
    </div>
    <div>
    </div>
   </section>
  </div>
 </body>
</html>