colormap.php

  1. <!-- https://www.w3schools.com/colors/colors_picker.asp -->
  2. <div id="colormap_container">
  3. <img id="colormap_palette" src="<?=COLORMAP_ROOT?>colormap_palette.gif" usemap="#colormap_map" alt="colormap" >
  4. <img id="colormap_selector" src="<?=COLORMAP_ROOT?>colormap_selector.gif" style="display:none;" >
  5. </div>
  6. <map id="colormap_map" name="colormap_map" onmouseout="ColorMap.out()">
  7. <area shape="poly" coords="63,0,72,4,72,15,63,19,54,15,54,4" onclick="ColorMap.click(0)" onmouseover="ColorMap.over(0)">
  8. <area shape="poly" coords="81,0,90,4,90,15,81,19,72,15,72,4" onclick="ColorMap.click(1)" onmouseover="ColorMap.over(1)">
  9. <area shape="poly" coords="99,0,108,4,108,15,99,19,90,15,90,4" onclick="ColorMap.click(2)" onmouseover="ColorMap.over(2)">
  10. <area shape="poly" coords="117,0,126,4,126,15,117,19,108,15,108,4" onclick="ColorMap.click(3)" onmouseover="ColorMap.over(3)">
  11. <area shape="poly" coords="135,0,144,4,144,15,135,19,126,15,126,4" onclick="ColorMap.click(4)" onmouseover="ColorMap.over(4)">
  12. <area shape="poly" coords="153,0,162,4,162,15,153,19,144,15,144,4" onclick="ColorMap.click(5)" onmouseover="ColorMap.over(5)">
  13. <area shape="poly" coords="171,0,180,4,180,15,171,19,162,15,162,4" onclick="ColorMap.click(6)" onmouseover="ColorMap.over(6)">
  14. <area shape="poly" coords="54,15,63,19,63,30,54,34,45,30,45,19" onclick="ColorMap.click(7)" onmouseover="ColorMap.over(7)">
  15. <area shape="poly" coords="72,15,81,19,81,30,72,34,63,30,63,19" onclick="ColorMap.click(8)" onmouseover="ColorMap.over(8)">
  16. <area shape="poly" coords="90,15,99,19,99,30,90,34,81,30,81,19" onclick="ColorMap.click(9)" onmouseover="ColorMap.over(9)">
  17. <area shape="poly" coords="108,15,117,19,117,30,108,34,99,30,99,19" onclick="ColorMap.click(10)" onmouseover="ColorMap.over(10)">
  18. <area shape="poly" coords="126,15,135,19,135,30,126,34,117,30,117,19" onclick="ColorMap.click(11)" onmouseover="ColorMap.over(11)">
  19. <area shape="poly" coords="144,15,153,19,153,30,144,34,135,30,135,19" onclick="ColorMap.click(12)" onmouseover="ColorMap.over(12)">
  20. <area shape="poly" coords="162,15,171,19,171,30,162,34,153,30,153,19" onclick="ColorMap.click(13)" onmouseover="ColorMap.over(13)">
  21. <area shape="poly" coords="180,15,189,19,189,30,180,34,171,30,171,19" onclick="ColorMap.click(14)" onmouseover="ColorMap.over(14)">
  22. <area shape="poly" coords="45,30,54,34,54,45,45,49,36,45,36,34" onclick="ColorMap.click(15)" onmouseover="ColorMap.over(15)">
  23. <area shape="poly" coords="63,30,72,34,72,45,63,49,54,45,54,34" onclick="ColorMap.click(16)" onmouseover="ColorMap.over(16)">
  24. <area shape="poly" coords="81,30,90,34,90,45,81,49,72,45,72,34" onclick="ColorMap.click(17)" onmouseover="ColorMap.over(17)">
  25. <area shape="poly" coords="99,30,108,34,108,45,99,49,90,45,90,34" onclick="ColorMap.click(18)" onmouseover="ColorMap.over(18)">
  26. <area shape="poly" coords="117,30,126,34,126,45,117,49,108,45,108,34" onclick="ColorMap.click(19)" onmouseover="ColorMap.over(19)">
  27. <area shape="poly" coords="135,30,144,34,144,45,135,49,126,45,126,34" onclick="ColorMap.click(20)" onmouseover="ColorMap.over(20)">
  28. <area shape="poly" coords="153,30,162,34,162,45,153,49,144,45,144,34" onclick="ColorMap.click(21)" onmouseover="ColorMap.over(21)">
  29. <area shape="poly" coords="171,30,180,34,180,45,171,49,162,45,162,34" onclick="ColorMap.click(22)" onmouseover="ColorMap.over(22)">
  30. <area shape="poly" coords="189,30,198,34,198,45,189,49,180,45,180,34" onclick="ColorMap.click(23)" onmouseover="ColorMap.over(23)">
  31. <area shape="poly" coords="36,45,45,49,45,60,36,64,27,60,27,49" onclick="ColorMap.click(24)" onmouseover="ColorMap.over(24)">
  32. <area shape="poly" coords="54,45,63,49,63,60,54,64,45,60,45,49" onclick="ColorMap.click(25)" onmouseover="ColorMap.over(25)">
  33. <area shape="poly" coords="72,45,81,49,81,60,72,64,63,60,63,49" onclick="ColorMap.click(26)" onmouseover="ColorMap.over(26)">
  34. <area shape="poly" coords="90,45,99,49,99,60,90,64,81,60,81,49" onclick="ColorMap.click(27)" onmouseover="ColorMap.over(27)">
  35. <area shape="poly" coords="108,45,117,49,117,60,108,64,99,60,99,49" onclick="ColorMap.click(28)" onmouseover="ColorMap.over(28)">
  36. <area shape="poly" coords="126,45,135,49,135,60,126,64,117,60,117,49" onclick="ColorMap.click(29)" onmouseover="ColorMap.over(29)">
  37. <area shape="poly" coords="144,45,153,49,153,60,144,64,135,60,135,49" onclick="ColorMap.click(30)" onmouseover="ColorMap.over(30)">
  38. <area shape="poly" coords="162,45,171,49,171,60,162,64,153,60,153,49" onclick="ColorMap.click(31)" onmouseover="ColorMap.over(31)">
  39. <area shape="poly" coords="180,45,189,49,189,60,180,64,171,60,171,49" onclick="ColorMap.click(32)" onmouseover="ColorMap.over(32)">
  40. <area shape="poly" coords="198,45,207,49,207,60,198,64,189,60,189,49" onclick="ColorMap.click(33)" onmouseover="ColorMap.over(33)">
  41. <area shape="poly" coords="27,60,36,64,36,75,27,79,18,75,18,64" onclick="ColorMap.click(34)" onmouseover="ColorMap.over(34)">
  42. <area shape="poly" coords="45,60,54,64,54,75,45,79,36,75,36,64" onclick="ColorMap.click(35)" onmouseover="ColorMap.over(35)">
  43. <area shape="poly" coords="63,60,72,64,72,75,63,79,54,75,54,64" onclick="ColorMap.click(36)" onmouseover="ColorMap.over(36)">
  44. <area shape="poly" coords="81,60,90,64,90,75,81,79,72,75,72,64" onclick="ColorMap.click(37)" onmouseover="ColorMap.over(37)">
  45. <area shape="poly" coords="99,60,108,64,108,75,99,79,90,75,90,64" onclick="ColorMap.click(38)" onmouseover="ColorMap.over(38)">
  46. <area shape="poly" coords="117,60,126,64,126,75,117,79,108,75,108,64" onclick="ColorMap.click(39)" onmouseover="ColorMap.over(39)">
  47. <area shape="poly" coords="135,60,144,64,144,75,135,79,126,75,126,64" onclick="ColorMap.click(40)" onmouseover="ColorMap.over(40)">
  48. <area shape="poly" coords="153,60,162,64,162,75,153,79,144,75,144,64" onclick="ColorMap.click(41)" onmouseover="ColorMap.over(41)">
  49. <area shape="poly" coords="171,60,180,64,180,75,171,79,162,75,162,64" onclick="ColorMap.click(42)" onmouseover="ColorMap.over(42)">
  50. <area shape="poly" coords="189,60,198,64,198,75,189,79,180,75,180,64" onclick="ColorMap.click(43)" onmouseover="ColorMap.over(43)">
  51. <area shape="poly" coords="207,60,216,64,216,75,207,79,198,75,198,64" onclick="ColorMap.click(44)" onmouseover="ColorMap.over(44)">
  52. <area shape="poly" coords="18,75,27,79,27,90,18,94,9,90,9,79" onclick="ColorMap.click(45)" onmouseover="ColorMap.over(45)">
  53. <area shape="poly" coords="36,75,45,79,45,90,36,94,27,90,27,79" onclick="ColorMap.click(46)" onmouseover="ColorMap.over(46)">
  54. <area shape="poly" coords="54,75,63,79,63,90,54,94,45,90,45,79" onclick="ColorMap.click(47)" onmouseover="ColorMap.over(47)">
  55. <area shape="poly" coords="72,75,81,79,81,90,72,94,63,90,63,79" onclick="ColorMap.click(48)" onmouseover="ColorMap.over(48)">
  56. <area shape="poly" coords="90,75,99,79,99,90,90,94,81,90,81,79" onclick="ColorMap.click(49)" onmouseover="ColorMap.over(49)">
  57. <area shape="poly" coords="108,75,117,79,117,90,108,94,99,90,99,79" onclick="ColorMap.click(50)" onmouseover="ColorMap.over(50)">
  58. <area shape="poly" coords="126,75,135,79,135,90,126,94,117,90,117,79" onclick="ColorMap.click(51)" onmouseover="ColorMap.over(51)">
  59. <area shape="poly" coords="144,75,153,79,153,90,144,94,135,90,135,79" onclick="ColorMap.click(52)" onmouseover="ColorMap.over(52)">
  60. <area shape="poly" coords="162,75,171,79,171,90,162,94,153,90,153,79" onclick="ColorMap.click(53)" onmouseover="ColorMap.over(53)">
  61. <area shape="poly" coords="180,75,189,79,189,90,180,94,171,90,171,79" onclick="ColorMap.click(54)" onmouseover="ColorMap.over(54)">
  62. <area shape="poly" coords="198,75,207,79,207,90,198,94,189,90,189,79" onclick="ColorMap.click(55)" onmouseover="ColorMap.over(55)">
  63. <area shape="poly" coords="216,75,225,79,225,90,216,94,207,90,207,79" onclick="ColorMap.click(56)" onmouseover="ColorMap.over(56)">
  64. <area shape="poly" coords="9,90,18,94,18,105,9,109,0,105,0,94" onclick="ColorMap.click(57)" onmouseover="ColorMap.over(57)">
  65. <area shape="poly" coords="27,90,36,94,36,105,27,109,18,105,18,94" onclick="ColorMap.click(58)" onmouseover="ColorMap.over(58)">
  66. <area shape="poly" coords="45,90,54,94,54,105,45,109,36,105,36,94" onclick="ColorMap.click(59)" onmouseover="ColorMap.over(59)">
  67. <area shape="poly" coords="63,90,72,94,72,105,63,109,54,105,54,94" onclick="ColorMap.click(60)" onmouseover="ColorMap.over(60)">
  68. <area shape="poly" coords="81,90,90,94,90,105,81,109,72,105,72,94" onclick="ColorMap.click(61)" onmouseover="ColorMap.over(61)">
  69. <area shape="poly" coords="99,90,108,94,108,105,99,109,90,105,90,94" onclick="ColorMap.click(62)" onmouseover="ColorMap.over(62)">
  70. <area shape="poly" coords="117,90,126,94,126,105,117,109,108,105,108,94" onclick="ColorMap.click(63)" onmouseover="ColorMap.over(63)">
  71. <area shape="poly" coords="135,90,144,94,144,105,135,109,126,105,126,94" onclick="ColorMap.click(64)" onmouseover="ColorMap.over(64)">
  72. <area shape="poly" coords="153,90,162,94,162,105,153,109,144,105,144,94" onclick="ColorMap.click(65)" onmouseover="ColorMap.over(65)">
  73. <area shape="poly" coords="171,90,180,94,180,105,171,109,162,105,162,94" onclick="ColorMap.click(66)" onmouseover="ColorMap.over(66)">
  74. <area shape="poly" coords="189,90,198,94,198,105,189,109,180,105,180,94" onclick="ColorMap.click(67)" onmouseover="ColorMap.over(67)">
  75. <area shape="poly" coords="207,90,216,94,216,105,207,109,198,105,198,94" onclick="ColorMap.click(68)" onmouseover="ColorMap.over(68)">
  76. <area shape="poly" coords="225,90,234,94,234,105,225,109,216,105,216,94" onclick="ColorMap.click(69)" onmouseover="ColorMap.over(69)">
  77. <area shape="poly" coords="18,105,27,109,27,120,18,124,9,120,9,109" onclick="ColorMap.click(70)" onmouseover="ColorMap.over(70)">
  78. <area shape="poly" coords="36,105,45,109,45,120,36,124,27,120,27,109" onclick="ColorMap.click(71)" onmouseover="ColorMap.over(71)">
  79. <area shape="poly" coords="54,105,63,109,63,120,54,124,45,120,45,109" onclick="ColorMap.click(72)" onmouseover="ColorMap.over(72)">
  80. <area shape="poly" coords="72,105,81,109,81,120,72,124,63,120,63,109" onclick="ColorMap.click(73)" onmouseover="ColorMap.over(73)">
  81. <area shape="poly" coords="90,105,99,109,99,120,90,124,81,120,81,109" onclick="ColorMap.click(74)" onmouseover="ColorMap.over(74)">
  82. <area shape="poly" coords="108,105,117,109,117,120,108,124,99,120,99,109" onclick="ColorMap.click(75)" onmouseover="ColorMap.over(75)">
  83. <area shape="poly" coords="126,105,135,109,135,120,126,124,117,120,117,109" onclick="ColorMap.click(76)" onmouseover="ColorMap.over(76)">
  84. <area shape="poly" coords="144,105,153,109,153,120,144,124,135,120,135,109" onclick="ColorMap.click(77)" onmouseover="ColorMap.over(77)">
  85. <area shape="poly" coords="162,105,171,109,171,120,162,124,153,120,153,109" onclick="ColorMap.click(78)" onmouseover="ColorMap.over(78)">
  86. <area shape="poly" coords="180,105,189,109,189,120,180,124,171,120,171,109" onclick="ColorMap.click(79)" onmouseover="ColorMap.over(79)">
  87. <area shape="poly" coords="198,105,207,109,207,120,198,124,189,120,189,109" onclick="ColorMap.click(80)" onmouseover="ColorMap.over(80)">
  88. <area shape="poly" coords="216,105,225,109,225,120,216,124,207,120,207,109" onclick="ColorMap.click(81)" onmouseover="ColorMap.over(81)">
  89. <area shape="poly" coords="27,120,36,124,36,135,27,139,18,135,18,124" onclick="ColorMap.click(82)" onmouseover="ColorMap.over(82)">
  90. <area shape="poly" coords="45,120,54,124,54,135,45,139,36,135,36,124" onclick="ColorMap.click(83)" onmouseover="ColorMap.over(83)">
  91. <area shape="poly" coords="63,120,72,124,72,135,63,139,54,135,54,124" onclick="ColorMap.click(84)" onmouseover="ColorMap.over(84)">
  92. <area shape="poly" coords="81,120,90,124,90,135,81,139,72,135,72,124" onclick="ColorMap.click(85)" onmouseover="ColorMap.over(85)">
  93. <area shape="poly" coords="99,120,108,124,108,135,99,139,90,135,90,124" onclick="ColorMap.click(86)" onmouseover="ColorMap.over(86)">
  94. <area shape="poly" coords="117,120,126,124,126,135,117,139,108,135,108,124" onclick="ColorMap.click(87)" onmouseover="ColorMap.over(87)">
  95. <area shape="poly" coords="135,120,144,124,144,135,135,139,126,135,126,124" onclick="ColorMap.click(88)" onmouseover="ColorMap.over(88)">
  96. <area shape="poly" coords="153,120,162,124,162,135,153,139,144,135,144,124" onclick="ColorMap.click(89)" onmouseover="ColorMap.over(89)">
  97. <area shape="poly" coords="171,120,180,124,180,135,171,139,162,135,162,124" onclick="ColorMap.click(90)" onmouseover="ColorMap.over(90)">
  98. <area shape="poly" coords="189,120,198,124,198,135,189,139,180,135,180,124" onclick="ColorMap.click(91)" onmouseover="ColorMap.over(91)">
  99. <area shape="poly" coords="207,120,216,124,216,135,207,139,198,135,198,124" onclick="ColorMap.click(92)" onmouseover="ColorMap.over(92)">
  100. <area shape="poly" coords="36,135,45,139,45,150,36,154,27,150,27,139" onclick="ColorMap.click(93)" onmouseover="ColorMap.over(93)">
  101. <area shape="poly" coords="54,135,63,139,63,150,54,154,45,150,45,139" onclick="ColorMap.click(94)" onmouseover="ColorMap.over(94)">
  102. <area shape="poly" coords="72,135,81,139,81,150,72,154,63,150,63,139" onclick="ColorMap.click(95)" onmouseover="ColorMap.over(95)">
  103. <area shape="poly" coords="90,135,99,139,99,150,90,154,81,150,81,139" onclick="ColorMap.click(96)" onmouseover="ColorMap.over(96)">
  104. <area shape="poly" coords="108,135,117,139,117,150,108,154,99,150,99,139" onclick="ColorMap.click(97)" onmouseover="ColorMap.over(97)">
  105. <area shape="poly" coords="126,135,135,139,135,150,126,154,117,150,117,139" onclick="ColorMap.click(98)" onmouseover="ColorMap.over(98)">
  106. <area shape="poly" coords="144,135,153,139,153,150,144,154,135,150,135,139" onclick="ColorMap.click(99)" onmouseover="ColorMap.over(99)">
  107. <area shape="poly" coords="162,135,171,139,171,150,162,154,153,150,153,139" onclick="ColorMap.click(100)" onmouseover="ColorMap.over(100)">
  108. <area shape="poly" coords="180,135,189,139,189,150,180,154,171,150,171,139" onclick="ColorMap.click(101)" onmouseover="ColorMap.over(101)">
  109. <area shape="poly" coords="198,135,207,139,207,150,198,154,189,150,189,139" onclick="ColorMap.click(102)" onmouseover="ColorMap.over(102)">
  110. <area shape="poly" coords="45,150,54,154,54,165,45,169,36,165,36,154" onclick="ColorMap.click(103)" onmouseover="ColorMap.over(103)">
  111. <area shape="poly" coords="63,150,72,154,72,165,63,169,54,165,54,154" onclick="ColorMap.click(104)" onmouseover="ColorMap.over(104)">
  112. <area shape="poly" coords="81,150,90,154,90,165,81,169,72,165,72,154" onclick="ColorMap.click(105)" onmouseover="ColorMap.over(105)">
  113. <area shape="poly" coords="99,150,108,154,108,165,99,169,90,165,90,154" onclick="ColorMap.click(106)" onmouseover="ColorMap.over(106)">
  114. <area shape="poly" coords="117,150,126,154,126,165,117,169,108,165,108,154" onclick="ColorMap.click(107)" onmouseover="ColorMap.over(107)">
  115. <area shape="poly" coords="135,150,144,154,144,165,135,169,126,165,126,154" onclick="ColorMap.click(108)" onmouseover="ColorMap.over(108)">
  116. <area shape="poly" coords="153,150,162,154,162,165,153,169,144,165,144,154" onclick="ColorMap.click(109)" onmouseover="ColorMap.over(109)">
  117. <area shape="poly" coords="171,150,180,154,180,165,171,169,162,165,162,154" onclick="ColorMap.click(110)" onmouseover="ColorMap.over(110)">
  118. <area shape="poly" coords="189,150,198,154,198,165,189,169,180,165,180,154" onclick="ColorMap.click(111)" onmouseover="ColorMap.over(111)">
  119. <area shape="poly" coords="54,165,63,169,63,180,54,184,45,180,45,169" onclick="ColorMap.click(112)" onmouseover="ColorMap.over(112)">
  120. <area shape="poly" coords="72,165,81,169,81,180,72,184,63,180,63,169" onclick="ColorMap.click(113)" onmouseover="ColorMap.over(113)">
  121. <area shape="poly" coords="90,165,99,169,99,180,90,184,81,180,81,169" onclick="ColorMap.click(114)" onmouseover="ColorMap.over(114)">
  122. <area shape="poly" coords="108,165,117,169,117,180,108,184,99,180,99,169" onclick="ColorMap.click(115)" onmouseover="ColorMap.over(115)">
  123. <area shape="poly" coords="126,165,135,169,135,180,126,184,117,180,117,169" onclick="ColorMap.click(116)" onmouseover="ColorMap.over(116)">
  124. <area shape="poly" coords="144,165,153,169,153,180,144,184,135,180,135,169" onclick="ColorMap.click(117)" onmouseover="ColorMap.over(117)">
  125. <area shape="poly" coords="162,165,171,169,171,180,162,184,153,180,153,169" onclick="ColorMap.click(118)" onmouseover="ColorMap.over(118)">
  126. <area shape="poly" coords="180,165,189,169,189,180,180,184,171,180,171,169" onclick="ColorMap.click(119)" onmouseover="ColorMap.over(119)">
  127. <area shape="poly" coords="63,180,72,184,72,195,63,199,54,195,54,184" onclick="ColorMap.click(120)" onmouseover="ColorMap.over(120)">
  128. <area shape="poly" coords="81,180,90,184,90,195,81,199,72,195,72,184" onclick="ColorMap.click(121)" onmouseover="ColorMap.over(121)">
  129. <area shape="poly" coords="99,180,108,184,108,195,99,199,90,195,90,184" onclick="ColorMap.click(122)" onmouseover="ColorMap.over(122)">
  130. <area shape="poly" coords="117,180,126,184,126,195,117,199,108,195,108,184" onclick="ColorMap.click(123)" onmouseover="ColorMap.over(123)">
  131. <area shape="poly" coords="135,180,144,184,144,195,135,199,126,195,126,184" onclick="ColorMap.click(124)" onmouseover="ColorMap.over(124)">
  132. <area shape="poly" coords="153,180,162,184,162,195,153,199,144,195,144,184" onclick="ColorMap.click(125)" onmouseover="ColorMap.over(125)">
  133. <area shape="poly" coords="171,180,180,184,180,195,171,199,162,195,162,184" onclick="ColorMap.click(126)" onmouseover="ColorMap.over(126)">
  134. </map>
  135.  

Proinf.net