Sites Using Spectrum

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. More details here: http://www.briangrinstead.com/blog/chrome-developer-tools-colorpicker-implementation.
• 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
• [TeamMania/TeamCaller] (http://www.teamcaller.net). Spectrum gives our users the ability to customize their website colors.
• [LED Poker Table] (http://jrtrzeciak.wordpress.com/) Rather than using Spectrum on a traditional website, I use it for a web-based controller on my local network. It's a great way to change to color of RGB LEDs using a GUI.
• Eyedropper Chrome Extension
• Cupcake Wrapper Creator Used as part of a very flexible palate-based color dialog.
• StoryBoard That. Uses spectrum to choose colors for different aspects of the storyboard scenes. Uses a custom predefined palette for each object type (outside of the colorpicker) that calls the spectrum API.
• [CSS Shape Generator] (http://www.samuelrossille.com/home/css-shape-generator.html). Uses Spectrum as the color picker to change shape colors.