<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>TEmelie - web design blog &#187; web colors</title>
	<atom:link href="http://www.temelie.com/tag/web-colors/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.temelie.com</link>
	<description>are you ready ?</description>
	<lastBuildDate>Tue, 23 Jun 2009 15:14:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Web colors-useful things to know</title>
		<link>http://www.temelie.com/web-design-articles/web-colors-useful-things-to-know/</link>
		<comments>http://www.temelie.com/web-design-articles/web-colors-useful-things-to-know/#comments</comments>
		<pubDate>Mon, 07 Apr 2008 21:11:02 +0000</pubDate>
		<dc:creator>TEmelie</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[web colors]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.temelie.com/?p=26</guid>
		<description><![CDATA[If you’re using CSS layouts undoubtately you’ve noticed a funny thing happening when you define colors. Instead of the six chatacter codes that you use normally (#3cc99ff) you see just three characters (#c9f). This is called color shorthand and takes advantage of the fact that the browser-safe Web palette  uses triplets that are always [...]]]></description>
			<content:encoded><![CDATA[<p>If you’re using CSS layouts undoubtately you’ve noticed a funny thing happening when you define colors. Instead of the six chatacter codes that you use normally (#3cc99ff) you see just three characters (#c9f). This is called color shorthand and takes advantage of the fact that the browser-safe Web palette  uses triplets that are always displayed as doublets. <span id="more-26"></span>What this means is that the three pairs of characters from base-16 are doubled, so in order for you to write color in a shorthand fashion you remove the characters that are duplicated. For example white transforms from #ffffff into #fff, black from #000000 ends up as #000 and so on.<br />
This characteristic is extremely useful when trying to create a color triad. All you have to do is to simply rotate the characters that make up the color codes. Let’s take for instance orange, purple and sea-green. They are written as #fc0, #c0f and #0fc. See what I mean? In order for you to discover new color triads just pick a primary color and then rotate the characters in such a way that they are in completely different positions in every one of the three bits of  color code. It’s as simple as that.</p>
<div style='float:left'><script type="text/javascript"><!--
google_ad_client = "pub-";
google_ad_slot = "8935106775";
google_ad_width = 250;
google_ad_height = 250;
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
<p>The question that has risen lately regarding the importance of  using a browser safe palette is completely justified. Keep in mind one thing though: the web safe color palette was created years back when most monitors only supported 256 colors. What this translates into is that if you use a color that’s not browser safe it could end up looking very ugly on the monitor it’s displayed on.<br />
If you don’t know who is viewing your site, you won’t know they will look for the people reading them so eliminate the risks and use browser safe colors.</p>
<p>The only thing you need to remember is that browser safe or not, ultimately it’s your choice.</p>
<img src="http://www.temelie.com/?ak_action=api_record_view&id=26&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.temelie.com/web-design-articles/web-colors-useful-things-to-know/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Color harmony</title>
		<link>http://www.temelie.com/web-design-articles/color-harmony/</link>
		<comments>http://www.temelie.com/web-design-articles/color-harmony/#comments</comments>
		<pubDate>Fri, 04 Apr 2008 05:15:35 +0000</pubDate>
		<dc:creator>TEmelie</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[web colors]]></category>

		<guid isPermaLink="false">http://www.temelie.com/?p=22</guid>
		<description><![CDATA[Before you start combining colors and mixing them togheter you should look up a few things about the color theory. Once you get this out your way the only limit is your imagination. However don’t get carried away as there are a couple important aspects you should bare in mind. Here are some tips on [...]]]></description>
			<content:encoded><![CDATA[<p>Before you start combining colors and mixing them togheter you should look up a few things about the color theory. Once you get this out your way the only limit is your imagination. However don’t get carried away as there are a couple important aspects you should bare in mind. Here are some tips on how to get you started.<br />
First of all use the color wheel. The color wheel is simple yet brilliant concept which sits color one next to the other in order of hue and saturation. Use it! Naturally, some colors look great together whilst others form an eye-scratching combination. In order to avoid these mix-ups I’m going to introduce you to a number of concepts.<span id="more-22"></span></p>
<p>Use colors that are located next to each other in the color wheel better known as analogous colors. They can be used to create relaxing color schemes which are relaxing and pleasing to the eye. By manipulating the hues and the saturation you can achieve incredible results using only the same two or three colors. Try starting with combination such as green, yellow-green, yellow or red, red-orange and orange.</p>
<div style="float:right"><script type="text/javascript"><!--
google_ad_client = "pub-";
google_ad_slot = "8935106775";
google_ad_width = 250;
google_ad_height = 250;
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
<p>As we all know every single thing or concept has an opposite. The same is true for color. There are called complementary colors and are situated on different end of the color wheel diameter. If you want to catch someone&#8217;s eye this is the way to go. Creating great contrast, these combinations are brighter and more vivid. You can start by using red and green or blue and orange and then take it from there.</p>
<p>If you still found you find yourself faced with a conundrum then turn to nature. As is the case with most things, Mother Nature holds the patent. The natural colors that surround us are usually harmonious and pleasing, even though they don’t always respect the color theory. For more information look up Judy Litt’s   library of color combinations for the Web.</p>
<img src="http://www.temelie.com/?ak_action=api_record_view&id=22&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.temelie.com/web-design-articles/color-harmony/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Color and CSS</title>
		<link>http://www.temelie.com/web-design-articles/color-and-css/</link>
		<comments>http://www.temelie.com/web-design-articles/color-and-css/#comments</comments>
		<pubDate>Fri, 28 Mar 2008 01:42:40 +0000</pubDate>
		<dc:creator>TEmelie</dc:creator>
				<category><![CDATA[Web design]]></category>
		<category><![CDATA[colors]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[rgb]]></category>
		<category><![CDATA[w3c]]></category>
		<category><![CDATA[web colors]]></category>

		<guid isPermaLink="false">http://www.temelie.com/web-design-articles/color-and-css/</guid>
		<description><![CDATA[What is color? Well according to W3C the definition is quite simple actually. In the W3C perspective a CSS color is one of two things: a number or a keyword. In reality an artist for instance doesn’t create a painting by simply writing on the canvass the numbers or the keywords corresponding to the colors [...]]]></description>
			<content:encoded><![CDATA[<p>What is color? Well according to W3C the definition is quite simple actually. In the W3C perspective a CSS color is one of two things: a number or a keyword. In reality an artist for instance doesn’t create a painting by simply writing on the canvass the numbers or the keywords corresponding to the colors he pictured in his head. The same applies to Web designers. <span id="more-13"></span></p>
<div style='float:right'><script type="text/javascript"><!--
google_ad_client = "pub-";
google_ad_slot = "8935106775";
google_ad_width = 250;
google_ad_height = 250;
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
<p>HTML uses 4 color keywords as follows aqua, black, blue, fuchsia, gray, and green, lime, maroon, navy, olive, purple, red, silver, teal, white and yellow. Sounds fairly simple doesn’t it? Well before you get to excited you should know that there is a second list of keywords first introduced by Netscape, which was the first browser to support color keywords. As if this wasn’t complicated enough spellings comes into action. What I mean by this is that Internet Explorer is very picky when it comes to the way we spell gray or grey. No matter what the name is or who first introduced them, color keywords are a big pain in the “side” (if you don’t know what you are doing, that is).<br />
A second way to define colors is by using numbers.  Right off the bat CSS 2 provides us with two ways of specifying colors as numbers: RGB and Hexadecimal RGB.<br />
<strong>RGB color numbers</strong><br />
RGB stands for red, green and blue and every other color is obtained by mixing these three colors in different proportions. There are two ways in which you can define a color in RGB: the first way assigns each of these three colors a number between 0 and 255 e.g. rgb (255, 0, 0) whilst the second uses percentage values e.g. rgb (100%, 0%, 0%).<br />
<strong>Hexadecimal color numbers</strong><br />
Are the same thing as standard RGB color numbers just converted in base-16. What this means is that every number is formed by three pairs of numbers which take a value from 00 to FF. In this case the color red becomes #ff0000.<br />
<strong>CSS color numbers</strong><br />
A more complex system of defining colors by numbers is presented in three categories by CSS 3:<br />
-the transparent keyword<br />
-RGBA color values<br />
-HSL color values<br />
<strong>The transparent keyword</strong> evolved from CSS 1 to CSS 2 and then finally reached the form we now see in CSS 3. What this mean is that the keyword can be used in any property that has anything to do with color.<br />
<strong>RGBA color values</strong> simply mean you can set the opacity of the color on a scale that ranges from 0.1 to 1.0. In practice this is achieved as follows :</p>
<p align="center"><strong>rgb (red, green, blue, opacity)</strong></p>
<p>Some browsers don’t recognize the last value, the one used to define the opacity. In this case theoretically the color should return to fully opaque. In practice however there is a different story: the color value is completely ignored.<br />
<strong>HSL color values</strong><br />
RGB has two major problems that need mentioning. Firstly, in order to display the colors RGB assumes the CRT color model which can lead to problems when trying to print something. This translates into a poor printing on some ocassions because most printers are based on CMYK. Secondly RGB is non-intuitive. This means that while people think of colors in order of hue, saturation and lightness, RGB sees colors in a machine generated way.<br />
In order to adress this problems, HSL color values define hue, lightness and saturation by assigning them numerical codes. For instance red in HSL would be written hsl (0, 100%,50%). Although HSL resolves this problem it too has a drawback in the way that it’s not supported by most browsers.</p>
<img src="http://www.temelie.com/?ak_action=api_record_view&id=13&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.temelie.com/web-design-articles/color-and-css/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The symbolism of color</title>
		<link>http://www.temelie.com/general/the-symbolism-of-color/</link>
		<comments>http://www.temelie.com/general/the-symbolism-of-color/#comments</comments>
		<pubDate>Thu, 27 Mar 2008 02:40:46 +0000</pubDate>
		<dc:creator>TEmelie</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[colors]]></category>
		<category><![CDATA[symbolism of color]]></category>
		<category><![CDATA[web colors]]></category>

		<guid isPermaLink="false">http://www.temelie.com/stuff-you-might-find-very-usefull/the-symbolism-of-color/</guid>
		<description><![CDATA[What is the main difference between a black and white newspaper and one that uses colors? It’s a stupid question really but it underlines one important aspect: colors make the difference. People are pre-programmed to respond to colors, especially to some combinations which have a stronger effect than others. Take the blue-orange association. Almost all [...]]]></description>
			<content:encoded><![CDATA[<p>What is the main difference between a black and white newspaper and one that uses colors? It’s a stupid question really but it underlines one important aspect: colors make the difference. People are pre-programmed to respond to colors, especially to some combinations which have a stronger effect than others. Take the blue-orange association. Almost all people have a positive response to it because their sub-conscious creates a link between these two colors and the relaxing image of a sunset. Many U.S. hospitals took advantage of this fact and use light tones of blue or pink for the uniforms of the nurses because patients tend to calm down and relax when they see those colors.<span id="more-7"></span></p>
<p>Web designers have a great arsenal at their disposal in order to create great Web pages, and a big part of this arsenal is formed by colors. What most of them don’t know<br />
though, is how to influence on a subliminal level the people that read their Web pages. The first and most important criteria on you select your colors is your audience. Is it a Western audience, an Eastern one, is it composed of younger people, older people, males or females? All of these things factor in when you make the color choices for your site.</p>
<div style='float:left'><script type="text/javascript"><!--
google_ad_client = "pub-";
google_ad_slot = "8935106775";
google_ad_width = 250;
google_ad_height = 250;
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
<p>If you create a Web page that is meant for a specific group of individuals, be very careful of the cultural differences involved. The meanings of colors vary from culture to culture. What is OK in one culture may be tabu in another one. The symbolism is also different. For instance in the Eastern cultures the mourning color warned at funerals is white whilst in the Western ones, black is the color of choice. So if you find yourself creating a page for an Asian audience, don’t use a lot of whites, because it could be disturbing.</p>
<p>The same principle apllies to age differences.  Children and teenagers are suckers for bright intense colors so if your page is in shades of grey and mellow color you will score points with the parents but loose your intended audience in the blink of an eye.</p>
<p>As long as money dictate the way things happen around the world there will also be class differences. Studies have shown that working people tend to prefer colors that are tangible, that can be referred to by simple common names such as blue, red green, yellow and so on. Wealthier people, and people with a higher level of education tend to prefer colors which are more exotic like taupe, azure, mauve, lila etc. Think about this for a minute before making any misplaced comment about what I’ve just stated: why do think Walmart has a logo that is bright red?</p>
<p>Last but not least the age old question of men and women. When was the last time you went into a single man’s living room and had the surprise of seeing it decorated with shades or orange and yellow? The cold hard truth is that, from this point of view men and women weren’t created equal. Women are more color sensitive, and as this wasn’t enough, western men are also more likely to be color blind. Men in general prefer cooler colors such as browns, greens, blues, while women are more attracted to warmer colors such as reds and oranges.</p>
<img src="http://www.temelie.com/?ak_action=api_record_view&id=7&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.temelie.com/general/the-symbolism-of-color/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
