demosthenes.info

I’m Dudley Storey, the author of Pro CSS3 Animation. This is my blog, where I talk about web design and development with , and . To receive more information, including news, updates, and tips, you should follow me on Twitter or add me on Google+.

web developer guide

my books

Book cover of Pro CSS3 AnimationPro CSS3 Animation, Apress, 2013

my projects

CSSslidy: an auto-generated #RWD image slider. 1.5K of JS, no JQuery. Drop in images, add a line of CSS. Done.

tipster.ioAutomatically provides local tipping customs and percentages for services anywhere.

Traditional Color Tools for Web Designers

design / color

Estimated reading time: 2 minutes, 10 seconds

As winds to a close, I thought I would wrap up with some tools for creating color schemes based on traditional design interfaces: color wheels, bars, and sliders. Probably the best-known of these is Kuler, but I tend to use these alternatives:

Color Scheme DesignerColor Scheme Designer is a tool that not only allows you to create arrays of hues using the techniques I’ve explored in a previous article, but it also allows you to simulate the same hues under conditions of color-blindness, see them used in a mock layout, and export them as HTML + CSS, a PhotoShop palette, or as a URL you can share with others.

ColorJackColorJack is very similar to Color Scheme Designer, particular its sphere interface, but it offers more creative, innovative ways of seeing color, like the Color Piano and Color Galaxy.

0 to 2550 to 255 is a great way to generate close variations on a hue, or monotone color theme. (Uses Flash).

colllor is another nice color scheme creator, and colorhexa is an excellent color encyclopedia that tells you almost everything you need to know about a color, including generated CSS code examples.

comments powered by Disqus

This site helps millions of visitors while remaining ad-free. For less than the price of a cup of coffee, you can help pay for bandwidth and server costs while encouraging further articles.