<?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>unit &#8211; stoimen&#039;s web log</title>
	<atom:link href="/tag/unit/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>on web development</description>
	<lastBuildDate>Tue, 13 Feb 2018 08:18:15 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.0.3</generator>
	<item>
		<title>CSS color units</title>
		<link>/2009/03/20/css-color-units/</link>
		<comments>/2009/03/20/css-color-units/#comments</comments>
		<pubDate>Fri, 20 Mar 2009 06:30:05 +0000</pubDate>
		<dc:creator><![CDATA[stoimen]]></dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[rgb]]></category>
		<category><![CDATA[unit]]></category>

		<guid isPermaLink="false">/?p=272</guid>
		<description><![CDATA[What is a CSS color unit? How to set up a color using CSS.<div class='yarpp-related-rss'>

Related posts:<ol>
<li><a href="/2009/11/04/jquery-css-selectors-change-one-or-more-css-properties/" rel="bookmark" title="jQuery CSS selectors. Change one or more CSS properties!">jQuery CSS selectors. Change one or more CSS properties! </a></li>
<li><a href="/2009/03/04/dom-element-size-in-px-pt-em-or-percentage/" rel="bookmark" title="DOM element size in px, pt, em or %">DOM element size in px, pt, em or % </a></li>
<li><a href="/2009/08/07/change-the-sea-ocean-color-of-openlayers-osm-map/" rel="bookmark" title="Change the sea/ocean color of OpenLayers (OSM) map">Change the sea/ocean color of OpenLayers (OSM) map </a></li>
<li><a href="/2010/02/04/css-effective-selector/" rel="bookmark" title="CSS effective selector">CSS effective selector </a></li>
</ol>
</div>
]]></description>
				<content:encoded><![CDATA[<h2><span style="color: #800000;"><em><span style="text-decoration: underline;">What is a color unit?</span></em></span></h2>
<p>By saying CSS units some may guess this is related to the mesurement units. In fact beside the mesurment there is also a color units defined in CSS.</p>
<p>The most used is the<strong> #rrggbb</strong>, where the three channels red, green and blue are represented with hexadecimals, i.e. <strong>#fa03cd</strong>, or the short way <strong>#rgb</strong>. In fact <strong>#cc00cc</strong> will be the same with <strong>#c0c</strong>, but <strong>#cc02ca</strong> is not like<strong> #c0c</strong>.</p>
<h1 style="background:#fa03cd">Some purple #FA03CD</h1>
<p>Actually there are other ways to set a color on an element. Such a way is to set the <strong>rgb(255,255,255)</strong>, which is white. You can easyly transform the hexadecimals to decimals, it&#8217;s obvious that xFF is 255 in decimals.</p>
<h2></h2>
<h2><span style="color: #800000;"><em><span style="text-decoration: underline;">There are five ways to set up a color with CSS</span></em></span></h2>
<p>In general there are five ways to set up color with CSS:</p>
<p><strong>#rrggbb</strong> ( for red, green and blue as mentioned &#8211; <strong>#FF00FA</strong> )</p>
<p><strong>#rgb</strong> ( short way to say #rrggbb &#8211; <strong>#CC3</strong> )</p>
<p><strong>rgb( x, y, z )</strong> &#8211; ( where <strong>x</strong>, <strong>y</strong> and <strong>z</strong> are numbers between 0 and 255 &#8211; <strong>rgb( 255, 255, 255)</strong> )</p>
<p><strong>rgb( x, y, z )</strong> &#8211; ( where <strong>x</strong>, <strong>y</strong> and <strong>z</strong> are percents between 0 and 100 &#8211; <strong>rgb( 100%, 20%, 23%)</strong> )</p>
<h2></h2>
<h2><span style="color: #800000;"><span style="text-decoration: underline;"><em>The Windows palette</em></span></span></h2>
<p>There is a fift way to set a color on a element with CSS, with predefined colors corresponding to the MS Windows VGA palette, and they are:</p>
<p><strong class="css"><span style="background: white none repeat scroll 0% 0%; color: aqua;">aqua</span></strong>, <strong class="css"><span style="background: white none repeat scroll 0% 0%; color: black;">black</span></strong>, <strong class="css"><span style="background: white none repeat scroll 0% 0%; color: blue;">blue</span></strong>, <strong class="css"><span style="background: white none repeat scroll 0% 0%; color: fuchsia;">fuchsia</span></strong>, <strong class="css"><span style="background: white none repeat scroll 0% 0%; color: gray;">gray</span></strong>, <strong class="css"><span style="background: white none repeat scroll 0% 0%; color: green;">green</span></strong>, <strong class="css"><span style="background: white none repeat scroll 0% 0%; color: lime;">lime</span></strong>, <strong class="css"><span style="background: white none repeat scroll 0% 0%; color: maroon;">maroon</span></strong>, <strong class="css"><span style="background: white none repeat scroll 0% 0%; color: navy;">navy</span></strong>, <strong class="css"><span style="background: white none repeat scroll 0% 0%; color: olive;">olive</span></strong>, <strong class="css"><span style="background: white none repeat scroll 0% 0%; color: purple;">purple</span></strong>, <strong class="css"><span style="background: white none repeat scroll 0% 0%; color: red;">red</span></strong>, <strong class="css"><span style="background: white none repeat scroll 0% 0%; color: silver;">silver</span></strong>, <strong class="css"><span style="background: white none repeat scroll 0% 0%; color: teal;">teal</span></strong>, <strong class="css"><span style="background: silver none repeat scroll 0% 0%; color: white;">white</span></strong>, and <strong class="css"><span style="background: silver none repeat scroll 0% 0%; color: yellow;">yellow</span></strong></p>
<div class='yarpp-related-rss'>
<p>Related posts:<ol>
<li><a href="/2009/11/04/jquery-css-selectors-change-one-or-more-css-properties/" rel="bookmark" title="jQuery CSS selectors. Change one or more CSS properties!">jQuery CSS selectors. Change one or more CSS properties! </a></li>
<li><a href="/2009/03/04/dom-element-size-in-px-pt-em-or-percentage/" rel="bookmark" title="DOM element size in px, pt, em or %">DOM element size in px, pt, em or % </a></li>
<li><a href="/2009/08/07/change-the-sea-ocean-color-of-openlayers-osm-map/" rel="bookmark" title="Change the sea/ocean color of OpenLayers (OSM) map">Change the sea/ocean color of OpenLayers (OSM) map </a></li>
<li><a href="/2010/02/04/css-effective-selector/" rel="bookmark" title="CSS effective selector">CSS effective selector </a></li>
</ol></p>
</div>
]]></content:encoded>
			<wfw:commentRss>/2009/03/20/css-color-units/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
