Skip to main content

Howto Use Kuler To Generate Color Themes for Your Website

What Is Kuler:

Kuler is a website by Adobe to help anyone generating color themes. I will not say that using Kuler you could match the expertise of a graphics designer in any ways. But using Kuler you can get a decent idea on color palettes, different color schemes and overall color themes for a selected color. You get basic ideas of which color can go with your website logo color or website main color.

Purpose of this post is just to give you a jump start without talking too much technical details and all the possibilities Kuler have. There are few great tutorials available if you want to learn more to get full advantage of Kuler. I added further reading links at the end of this post. Please feel free to add other useful links by commenting to this blog post.

 

HOW TO – Basic Steps:

Following are easy steps on how to you can use Kuler to find color theme and color pallet for your website.

1. Open Kuler website http://kuler.adobe.com/

2. Select “Create” –> “From a Color”

3. Enter a color code below one of the box (chose the one says base color). You can chose any box as base color. I chose base color as EE872B.

image 

4. Hit enter to generate the color themes for the selected color. 

Analogous Color Theme

5. Adobe has define few rules to generate color themes and by default it uses Analogous rule. You can change the rule by selecting another rule in Select a Rule menu/links.

Analogous Color ThemeMonochromatic 

imageimage

imageimage

6. You may want to Login to the site using Adobe ID so you can save your color themes for future or to may be show your color themes to your client or “graphics designer” :)

6. To save a color theme, enter a title of the theme in the Title box. You can name title based on project and rule. For example I named it “Y Carbon Color Analogous”, “Y Carbon Color Monochromatic”.

7. Color Themes created by me:

http://kuler.adobe.com/#themeID/687392

http://kuler.adobe.com/#themeID/687393

 

Further Reading:

Tutsplus - Using Adobe Kuler to Enhance Your Photoshop Color Workflow – Best tutorial I found.

Kuler Help

Kuler Forum

Kuler Developer Resources

Comments

  1. Website creation is helpful for many people regarding different aspects. We have websites of rating of essay services, games, vocabulary, business websites, shopping websites and many others. In today ,s article we can learn use of Kuler for adding different colors in our website. That make the impression nice and presentable to others.

    ReplyDelete

Post a Comment

Popular posts from this blog

SharePoint WebPart Error - Unable to add selected web part (s) – MOSS 2007

ISSUE: Recently I faced this issue that when I try to deploy my WebPart.  Unable to add selected web part(s). WebPartName: Cannon unregister UpdatePanel with ID ‘ctl00RTMPanel’ since it was not registerd with the ScripManager. This might occure if the UpdatePanel was removed from the control tree and later added again, which is not supported. Parameter name: updatePanel.   I faced this issue twice and both the time the issue was not what display here. This could be sure to any error in the WebPart. Following are list resolution from multiple instances.   RESOLUTION: 1. Check the WebPartName.webpart file. Check whether you have a proper PublicKeyToken value. When I face the issue the value was PublicKeyToken=$PublicKeyToken$. If you have used WSP builder then in the Visual Studio you will find this file at \WebPartsProject\12\TEMPLATE\FEATURES\WebPartName\WebPartName.webpart. Sometime when you create a new WebPart using WSP builder then you do not get

How To Create Virtual Machine Using Existing vmdk file in VMWare Workstation

vmdk file is hard disk of the VMWare virtual machine. There are many scenarios where you may need to create a new virtual machine for an existing vmdk file. This is also an alternate Method to the “ vmx is not a valid virtual machine configuration file – Could not open virtual machine ” issue. Please refer to the previous post “ Could not open virtual machine – vmx is not a valid virtual machine configuration file ” for a full list of possible resolution. This post is to describe one of the solution in more details. How To Create a new virtual machine & attach the existing .vmdk file: 1. Open VMware and select create a new virtual machine with custom (advanced) configuration option. 2. Chose “I will install the operating system later”. and chose “I will install the operating system later”. 3. Select the operating system that matches the operating system in your existing .vldk file. 4. Select a location of the new virtual machine 5. Chose “Use an exis

Howto Run Your HTML Static Website Locally In IIS On Windows PC

WHAT & WHY: As a developer many time you may wish if you could run your static HTML website locally on your computer (Windows 7, Windows Vista, Windows XP, Windows 2008). Although with Static website, you could easily download and double click the index.html or home.html file to open and run other pages. But this will not give you the real world senario. For example you will not able to use a path like /images/home-page-banner.jpg. You will have to use a relative paths like ../images/home-page-banner.jpg. Following are very easy steps to do so. These steps are for Static HTML website. I will also post steps for more advance websites that uses ASP, ASP.NET, Dotnetnuke etc and uses database server.   WHAT YOU NEED: 1. IIS Server installed on your local machine 2. FTP username, password to download files form your FTP server 3. Administrative rights on local machine. Many task will display messages requesting Administrative privilege to run the task.    STEPS: 1.