Skip to content

Sites Using Spectrum

bgrins edited this page Jan 9, 2013 · 37 revisions

Spectrum was originally built for a 10k Apart Entry, ColorStash.

  • http://briangrinstead.com/colorstash/. ColorStash uses the flat mode for a big picking area, and uses media queries to change the width of the picker depending on resolution. You can add body .sp-container { width: 100%; } or any other value and it will properly resize all other elements inside.
  • WebKit Developer Tools: http://trac.webkit.org/browser/trunk/Source/WebCore/inspector/front-end/Spectrum.js
  • Foliotek Presentation. Spectrum is in use in the Foliotek Presentation ePortfolio platform to allow users to choose text colors based on their design and previously selected colors. It uses multiple palettes with custom CSS to lay them out in a different way. Foliotek has also sponsored some of the design and palette updates.
  • ManyTools CSS3 Tools. A few tools for generating CSS3 properties - uses Spectrum for choosing colors associated with the properties.
  • color-hex Color Information. Get information about any hex code, and use the colorpicker at the top of the page to jump to one.
  • Pattern Reader

Clone this wiki locally