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 the correct value. The WebPartName.we…

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 machine5. Chose “Use an existing virtual disk”. This will allow yo…

How to Fix WordPress Site Address (URL)

If you are caught in middle between changing your WordPress website/blog URL - Site Address (URL) setting in the WordPress then there is a simple solution available to override WordPress Site Address (URL) values that is saved in database. You need access to the wp-config.php file which can be found in the root of your WordPress install. Make sure you make a back up copy of this file before you open it. If you are using shared hosting, then please use control panel provided by hosting company or use FTP application such as FileZilla.
Open the wp-config.php file and add following lines to this config file where the “http://example.com/” is the URL you want to access.
define( 'WP_SITEURL', 'http://example.com/' );

define( 'WP_HOME', 'http://example.com/' );

This should solve your issue with WordPress Site Address URL. If this post helped you then please let me know.