- 
                Notifications
    
You must be signed in to change notification settings  - Fork 578
 
Sites Using Spectrum
        Kyle Gadd edited this page Oct 13, 2015 
        ·
        37 revisions
      
    Spectrum was originally built for a 10k Apart Entry, ColorStash.
- [https://www.bootpress.org/themeroller/](Bootstrap ThemeRoller - A Custom Theme Generator) for compiling LESS Bootstrap files. Spectrum is used to graphically display and edit the hex and rgb(a) values found within the Ace.js editor.
 - 
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. - Chrome Developer Tools: https://chromium.googlesource.com/chromium/blink/+/HEAD/Source/devtools/front_end/Spectrum.js. More details here: http://www.briangrinstead.com/blog/chrome-developer-tools-colorpicker-implementation.
 - Safari Developer Tools: http://trac.webkit.org/browser/trunk/Source/WebInspectorUI/UserInterface/CSSColorPicker.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
 - [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. http://bit.ly/1atMQzy
 - Cynjen is a HTML5 drawing app built with webcomics in mind Read more about Cynjen.
 - Invoice Ninja. Spectrum enables our users to customize their invoice designs.
 - html5eyeball select your eyeball demo. Lots of Spectrum colour pickers allow full eyeball customisation.
 - 
jqPropertyGrid. A simple property grid using Spectrum to edit 
colorfields. - Random Photo Screensaver. Used in configuration screen of photo screensaver for Windows computers to select background colours of screen/desktop wallpaper.
 - Mastercam Color Converter Converts Mastercam (CAD/CAM software) color numbers to hex codes. I used Spectrum to re-create the Mastercam color palette and do the conversion. On Github.
 - VersionOne. At VersionOne we are using the Spectrum Color Picker in our list customization options.
 - HealthGraph India Ltd. At HealthGraph it is used to customize the calendar events background.