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

TIME – 25 Best Blogs of 2009

Every year Time makes a list of best blogs in the world. They chose 25 blogs from millions of blogs in the world, spanning politics, housekeeping, astronomy and everything in between. Below if a direct link to the TIME website for the list. I also copied it to easy comparison of last year best with this year best blogs.   25 Best Blogs of 2009     25 Best Blogs 2008   25 Best Blogs of 2009 Talking Points Memo The Huffington Post Lifehacker Metafilter The Daily Dish by Andrew Sullivan Freakonomics BoingBoing Got2BeGreen Zen Habits The Conscience of a Liberal: Paul Krugman Crooks and Liars Generación Y Mashable Slashfood Official Google Blog synthesis bleat /Film Seth Godin's Blog Deadspin: Spor

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.