Spectrum From Master

A working demo of the latest version of spectrum colorpicker

HTML

<link rel="stylesheet" href="http://bgrins.github.com/spectrum/spectrum.css">
<script src="http://bgrins.github.com/spectrum/spectrum.js"></script>
<a href='http://bgrins.github.com/spectrum'>&lt;--Spectrum Homepage</a>


<h2>Full Example</h2>
<input type='text' id="full" />

CSS

.full-spectrum .sp-palette {
  max-width: 200px;
}

.sp-picker-container,
.sp-palette-container {
  float: none;
  display: inline-block;
}

JavaScript

$("#full").spectrum({
  color: false,
  flat: false,
  showInput: true,
  allowEmpty: false,
  showButtons: false,
  clickoutFiresChange: true,
  showInitial: false,
  showPalette: true,
  showPaletteOnly: false,
  hideAfterPaletteSelect: false,
  togglePaletteOnly: true,
  showSelectionPalette: true,
  localStorageKey: false,
  appendTo: "body",
  maxSelectionSize: 8,
  cancelText: "Cancel",
  chooseText: "Choose",
  togglePaletteMoreText: "Show More",
  togglePaletteLessText: "Show Less",
  clearText: "Clear Color Selection",
  noColorSelectedText: "No Color Selected",
  preferredFormat: "rgb",
  className: "", // Deprecated - use containerClassName and replacerClassName instead.
  containerClassName: "",
  replacerClassName: "",
  showAlpha: true,
  theme: "sp-light",
  palette: [
    ["rgb(0, 0, 0)", "rgb(67, 67, 67)", "rgb(102, 102, 102)",
      "rgb(204, 204, 204)", "rgb(217, 217, 217)", "rgb(255, 255, 255)"
    ],
    ["rgb(152, 0, 0)", "rgb(255, 0, 0)", "rgb(255, 153, 0)", "rgb(255, 255, 0)", "rgb(0, 255, 0)",
      "rgb(0, 255, 255)", "rgb(74, 134, 232)", "rgb(0, 0, 255)", "rgb(153, 0, 255)", "rgb(255, 0, 255)"
    ],
    ["rgb(230, 184, 175)", "rgb(244, 204, 204)", "rgb(252, 229, 205)", "rgb(255, 242, 204)", "rgb(217, 234, 211)",
      "rgb(208, 224, 227)", "rgb(201, 218, 248)", "rgb(207, 226, 243)", "rgb(217, 210, 233)", "rgb(234, 209, 220)",
      "rgb(221, 126, 107)", "rgb(234, 153, 153)", "rgb(249, 203, 156)", "rgb(255, 229, 153)", "rgb(182, 215, 168)",
      "rgb(162, 196, 201)", "rgb(164, 194, 244)", "rgb(159, 197, 232)", "rgb(180, 167, 214)", "rgb(213, 166, 189)",
      "rgb(204, 65, 37)", "rgb(224, 102, 102)", "rgb(246, 178, 107)", "rgb(255, 217, 102)", "rgb(147, 196, 125)",
      "rgb(118, 165, 175)", "rgb(109, 158, 235)", "rgb(111, 168, 220)", "rgb(142, 124, 195)", "rgb(194, 123, 160)",
      "rgb(166, 28, 0)", "rgb(204, 0, 0)", "rgb(230, 145, 56)", "rgb(241, 194, 50)", "rgb(106, 168, 79)",
      "rgb(69, 129, 142)", "rgb(60, 120, 216)",...