10 color tools

Links, books, and tools for designers

Just about every designer has used color wheels. But today there are many other aids available, from hex code palettes, to books, to infographics. What follows are 10 resources crucial to the designer’s arsenal.

01 Flat UI Colors
Simply click on the desired color displayed by this web app, and it will copy the HTML hex code to your device’s clipboard.

10 color tools for designers
02 ColourLovers
Most loved! An oldie but goodie…

10 color tools for designers
03 color.hailpixel.com
Hover your mouse around to select the color, click and it will save it for you.

10 color tools for designers
04 hexu.al
A browser of words formed from HTML hex codes—displays colorful words in action.

10 color tools for designers
05 Mudcube Sphere
An interactive color visualizer. Clear as mud!

10 color tools for designers
06 Color Scheme Designer
Another classic color picker.

10 color tools for designers
07 Color Design Workbook
A real-world guide to using color in graphic design, by Terry Lee Stone, Sean Adams, Noreen Morioka

10 color tools for designers
08 Color
A course in mastering the art of mixing colors, by Betty Edwards. Great guide for teaching kids (and grownups) about color theory.

10 color tools for designers
09 Pantone Color Resource
Color: Messages and Meanings, by Leatrice Eiseman. Explains the suggestive meanings behind color.

10 color tools for designers
10 Pantone Guide
Guide to communicating with color, by Leatrice Eiseman. Stylish, modern, and utterly sophisticated, this vibrant calendar celebrates a classic, charismatic, and undeniably inspiring pairing: fabulous color in combination with great design.

10 color tools for designers
 
Courtesy Gisele Muller, Web Design Ledger

Glossary for non-designers

Glossary for non-designers
RGB color schemes for the web and their hex codes

We designers often struggle to communicate with our clients, having to parse technical language in order to be understood clearly. Wouldn’t it be terrific if  clients had an understanding of basic design terminology? I stumbled across this brilliant glossary that would be helpful to any business wanting to work with designers. By no means is this glossary complete—but I’ve found it to contain much of today’s design terminology.

Courtesy Ginny Soskey

Unsuck-It.com

Unsuck-It.comA team of graphic designers at San Francisco design studio Mule had had enough of obfuscating corporate jargon, and decided to demystify those annoying phrases, allusions and metaphors commonly heard by anyone working in a “cube farm” (Unsucked: an office containing many cubicles). Unsuck-It.com works like any online dictionary. Enter a phrase, such as “idea shower” (Unsucked: using your imagination), “dog’s breakfast” (mess), or “low-hanging fruit” (easy goal), and it is instantly “unsucked” in simple English.

If your phrase is not in the database, a “you define it” button appears allowing you to be the douchebag jargonist and provide your own definition, and of course, you must use it in a sentence. I searched for “paper tiger,” which is frequently abused by the tech industry. Alas, it was not in the database, so I unsucked it. It means, “something that appears threatening but is not,” or more commonly, “its bark is worse than its bite.” Used in a sentence: “Organizations often make investment decisions on the basis of tight budgets and business cases that are actually paper tigers.”

I urge you to share the Unsuck-It link with all your d-bag friends.