Color palette generator

by diyweb on May 28, 2012

DIY has been trending for so long now, we’re not even sure it should be called a trend, but instead, it is now a way of life. From home remodeling to sewing our own clothes, people are DIYing it all the time. It only makes sense that website DIY is growing too.

Designing your own website does not have to be intimidating. Sure, there are fancy terms like responsive web design and seemingly complex coding languages, but website DIY can be a relatively painful process.

Just as in many off-line DIY projects, website DIY often involves choosing colors. On the internet, colors are coded using their hexadecimal code, hex code for short. This is a six character code made up of letters and numbers that tells your web browser how to render a page. For example, the code for a pure red is #FF0000, pure green is #00FF00 and pure blue is #0000FF.

Did you notice that pattern? The FF corresponds with the location of each color within the code. By varying the letters and numbers, designers can create a wide range of colors. In fact, with over 1,000 named colors to choose from, plus an additional 4,800 unnamed colors, there is almost no limit to how your website DIY can turn out!

This is a fun tool to use for finding colors. It allows you to upload a  .JPG file that is your source of inspiration and then it provides you with 2 different color schemes that come directly from the image. It is called Color Palette Generator and is a wonderful website DIY tool, particularly if you don’t understand how hex codes are built. Really though, the average DIYer doesn’t need to understand hex code with tools like this available.

As an example, let’s say you have a stock image (or one of your own) that will be the basis for your logo or website design. Using the Color Palette Generator, you will have both a dull and a vibrant color scheme that each include 5 separate hex codes that can be added to your website template.

It pulls the colors that appear most frequently in the image. This means that if your image has just a small pop of a different color, it won’t show up in your hex code list. If you really want that color included, you can crop your image in closer and then re-upload it to the color generator.

Have you used this tool before? Leave a link below to any web site that you’ve designed so we can check out your results.

Previous post:

Next post: