Get your tints & shades

Get your tints & shades

by North Krimsly  |  February 2nd, 2010
Design, Tips-n-Tools, Web Development


 

 
 
 

Greetings everyone,

 

As a designer, I find myself frequently needing to generate tints and shades from a color scheme.  I didn't see an online tool for this and I wanted to get better at JavaScript/JQuery, so I wrote my own. I'd be delighted if you had five minutes to look at it and tell me:

 

1) is it useful, 2) does it work well for you, 3) any suggestions.

 

The tool is at http://www.highintegritydesign.com/tools/tinter-shader.

 

Enjoy!

Thanks —North

 

 

 

North Krimsly

» View all posts
» View website
 
 

Reader comments (4)

 

North, great tool! I tried it on the palette for a website I’m reworking right now: http://www.colomacommunications.com/pub/tinter-shader.png

Another handy color-picker I love is Hex Color Picker http://wafflesoftware.net/hexpicker/ (for Macintosh only). It adds hex input/output to the standard Mac system color picker.


Donna McMaster | February 09, 2010

Hey North, here’s some quick feedback that may or may not be useful:

* Somewhere on the page, tell the user what a shade is vs. a tint. Maybe that’s simply by placing a header above each color row. (“Shades: FFFFFF + Black”)

* Adding a color picker on the page would be really useful. As is, it assumes I already have a HEX # to start with.

* This may sound counter-intuitive, but perhaps a box or separate page with links to other useful color tools. Kuler, for example (http://kuler.adobe.com/). The idea being your tool complements other tools. OR, maybe other handy web dev tool websites.

* Brand it with humor. Make the page/tool more interesting with tongue-in-cheek “color” commentary or fictional quotes from famous people.

Lot’s of potential!


Jeff Jimerson | February 09, 2010

I second Jeff’s color picker thought!


Ron Sparks | February 09, 2010

All, thanks for checking out Tinter-Shader– great ideas! Donna I’m glad it was useful for you and I hope other people find it useful as well.

Jeff, absolutely right there is a lot I can do to enhance the tool. I’d like to add import and export of palettes too. I wonder if there’s a color picker I can just plug in.

I use Tinter-Shader along with two other favorite tools, http://meyerweb.com/eric/tools/color-blend/ and http://colorschemedesigner.com/. These 3 tools together make up an important part of my work flow. I talk about that in my About link :)


NorthK | February 10, 2010
 


Leave a reply