<?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>Zagdit &#187; Color Scheme Designer</title>
	<atom:link href="http://www.zagdit.com/tag/color-scheme-designer/feed" rel="self" type="application/rss+xml" />
	<link>http://www.zagdit.com</link>
	<description>Tecnologia, Internet, Web 2.0 y Blogs</description>
	<lastBuildDate>Sun, 05 Sep 2010 19:18:46 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Generadores de paletas de colores para tu sitio web</title>
		<link>http://www.zagdit.com/2009/12/generadores-de-paletas-de-colores-para-tu-sitio-web.html</link>
		<comments>http://www.zagdit.com/2009/12/generadores-de-paletas-de-colores-para-tu-sitio-web.html#comments</comments>
		<pubDate>Mon, 14 Dec 2009 11:31:09 +0000</pubDate>
		<dc:creator>gothicdead</dc:creator>
				<category><![CDATA[Recursos]]></category>
		<category><![CDATA[Servicios online]]></category>
		<category><![CDATA[Color Palette Generator]]></category>
		<category><![CDATA[Color Scheme Designer]]></category>
		<category><![CDATA[ColourLovers]]></category>
		<category><![CDATA[generador de colores]]></category>
		<category><![CDATA[paletas de colores]]></category>

		<guid isPermaLink="false">http://www.zagdit.com/?p=660</guid>
		<description><![CDATA[
			
				
			
		

Cuando deseamos empezar con un proyecto Web uno de los factores más importantes es el Diseño, donde combinamos Tipografías, maquetación de la Web y colores. En este post trataremos de brindar algunas herramientas gratuitas que te ayudaran a encontrar la armonía perfecta de colores para tu sitio Web.

1.- Color Scheme Designer
 
Creado por el checo [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.zagdit.com%2F2009%2F12%2Fgeneradores-de-paletas-de-colores-para-tu-sitio-web.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.zagdit.com%2F2009%2F12%2Fgeneradores-de-paletas-de-colores-para-tu-sitio-web.html&amp;style=normal" height="61" width="50" title="Generadores de paletas de colores para tu sitio web" alt="" /><br />
			</a>
		</div>
<p align="center"><img class="aligncenter size-medium wp-image-661" src="http://www.zagdit.com/wp-content/uploads/2009/12/3270368612_a68d4ac53a-300x211.jpg" alt="3270368612 a68d4ac53a 300x211" width="300" height="211" title="Generadores de paletas de colores para tu sitio web" /></p>
<p class="MsoNormal" style="text-align: justify">Cuando deseamos empezar con un proyecto Web uno de los factores más importantes es el Diseño, donde combinamos <strong>Tipografías</strong>, maquetación de la Web y <strong>colores</strong>. En este post trataremos de brindar algunas herramientas gratuitas que te ayudaran a encontrar la armonía perfecta de <strong>colores para tu sitio Web</strong>.</p>
<p class="MsoNormal">
<p class="MsoNormal"><strong>1.- <a href="http://colorschemedesigner.com/" target="_blank">Color Scheme Designer</a></strong></p>
<p class="MsoNormal"><strong> </strong></p>
<p class="MsoNormal" style="text-align: justify">Creado por el checo <strong>Petr Stanicek</strong>, <strong>Color Scheme Designer</strong> es una excelente herramienta gratuita online que trabaja con jQuery y que nos generará paletas de colores adecuadas para nuestros sitios Web de acuerdo a los tonos a elegir.</p>
<p class="MsoNormal" style="text-align: justify">No necesitamos registrarnos para poder hacer uso de ella, tiene una interfaz muy amigable, muy intuitiva y solo debemos tener en cuenta que no trabaja sobre Internet Explorer 6. Entre sus opciones tenemos las siguientes.</p>
<ol type="1">
<li class="MsoNormal">6 opciones para elegir y      poder crear paletas basándonos en la teoría del color, con iconos que se      describen por sí solos.</li>
</ol>
<p style="margin-left: 36pt"><img class="aligncenter size-medium wp-image-662" src="http://www.zagdit.com/wp-content/uploads/2009/12/3270372822_da93692ef3-300x71.jpg" alt="3270372822 da93692ef3 300x71" width="300" height="71" title="Generadores de paletas de colores para tu sitio web" /></p>
<ol type="1">
<li class="MsoNormal">En el panel izquierdo tendremos      una rueda de colores interactiva con tantos puntos como hayamos escogido,      rodeada por los tonos cálidos y fríos. El color principal se mostrará en      valores RGB, hexadecimal. También podremos asignar colores de acuerdo al      HUE o Angle.</li>
</ol>
<p style="margin-left: 36pt;text-align: center" align="center"><img class="aligncenter size-medium wp-image-663" src="http://www.zagdit.com/wp-content/uploads/2009/12/3269545533_01b5bdb005-297x300.jpg" alt="3269545533 01b5bdb005 297x300" width="297" height="300" title="Generadores de paletas de colores para tu sitio web" /></p>
<ol type="1">
<li class="MsoNormal">A la derecha tendremos una      previsualización que se actualizara automáticamente de acuerdo vayamos      probando nuevos combinaciones.</li>
</ol>
<p style="margin-left: 36pt"><img class="aligncenter size-medium wp-image-664" src="http://www.zagdit.com/wp-content/uploads/2009/12/3269545945_ff3b513d00-300x220.jpg" alt="3269545945 ff3b513d00 300x220" width="300" height="220" title="Generadores de paletas de colores para tu sitio web" /></p>
<p style="margin-left: 36pt"><img class="aligncenter size-medium wp-image-665" src="http://www.zagdit.com/wp-content/uploads/2009/12/3270367390_d923f15438-300x231.jpg" alt="3270367390 d923f15438 300x231" width="300" height="231" title="Generadores de paletas de colores para tu sitio web" /></p>
<ol type="1">
<li class="MsoNormal">En el panel izquierdo encontraremos      nuevas opciones como es la pestaña central “<strong>Adjust Scheme</strong>” donde podemos      graduar valores de saturación y contraste. Y también podremos acceder a      valores preconfigurados.</li>
</ol>
<p style="margin-left: 36pt"><img class="aligncenter size-medium wp-image-666" src="http://www.zagdit.com/wp-content/uploads/2009/12/3269545669_6d64d6a71a-300x237.jpg" alt="3269545669 6d64d6a71a 300x237" width="300" height="237" title="Generadores de paletas de colores para tu sitio web" /></p>
<p style="margin-left: 36pt"><img class="aligncenter size-medium wp-image-667" src="http://www.zagdit.com/wp-content/uploads/2009/12/3269547091_711bb59559-239x300.jpg" alt="3269547091 711bb59559 239x300" width="239" height="300" title="Generadores de paletas de colores para tu sitio web" /></p>
<p style="text-align: justify">Como ven, una herramienta muy completa para elegir los colores adecuados para nuestro sitio Web.</p>
<p style="text-align: justify"><strong>2.-  <a href="http://es-es.colourlovers.com/" target="_blank">ColourLovers</a></strong></p>
<p style="text-align: justify"><strong><img class="aligncenter size-medium wp-image-669" src="http://www.zagdit.com/wp-content/uploads/2009/12/colourlovers1-300x168.jpg" alt="colourlovers1 300x168" width="300" height="168" title="Generadores de paletas de colores para tu sitio web" /><br />
</strong></p>
<p style="text-align: justify"><strong> </strong><!--[if gte mso 9]&gt;  Normal 0 21   false false false        MicrosoftInternetExplorer4  &lt;![endif]--><!--[if gte mso 9]&gt;   &lt;![endif]--><!--  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin:0cm; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:12.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:"Times New Roman";} p 	{mso-margin-top-alt:auto; 	margin-right:0cm; 	mso-margin-bottom-alt:auto; 	margin-left:0cm; 	mso-pagination:widow-orphan; 	font-size:12.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:"Times New Roman";} @page Section1 	{size:612.0pt 792.0pt; 	margin:70.85pt 3.0cm 70.85pt 3.0cm; 	mso-header-margin:36.0pt; 	mso-footer-margin:36.0pt; 	mso-paper-source:0;} div.Section1 	{page:Section1;} --><!--[if gte mso 10]&gt; &lt;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:&quot;Tabla normal&quot;; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:&quot;&quot;; 	mso-padding-alt:0cm 5.4pt 0cm 5.4pt; 	mso-para-margin:0cm; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:&quot;Times New Roman&quot;; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--></p>
<p><!--[if gte mso 9]&gt;  Normal 0 21   false false false        MicrosoftInternetExplorer4  &lt;![endif]--><!--[if gte mso 9]&gt;   &lt;![endif]--><!--  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin:0cm; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:12.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:"Times New Roman";} @page Section1 	{size:612.0pt 792.0pt; 	margin:70.85pt 3.0cm 70.85pt 3.0cm; 	mso-header-margin:36.0pt; 	mso-footer-margin:36.0pt; 	mso-paper-source:0;} div.Section1 	{page:Section1;} --></p>
<p><!--[if gte mso 10]&gt; &lt;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:&quot;Tabla normal&quot;; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:&quot;&quot;; 	mso-padding-alt:0cm 5.4pt 0cm 5.4pt; 	mso-para-margin:0cm; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:&quot;Times New Roman&quot;; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --></p>
<p style="text-align: justify"><!--[endif]--><span><strong>ColourLovers</strong> es otra práctica <strong>herramienta de paletas de colores</strong>, pero a diferencia de <strong>Color Scheme Designer</strong>, nos trae paletas recomendadas desde las más básicas a las más vistosas. Puedes encontrar la paleta ideal buscando por las paletas mas valoradas o las más buscadas, por nuevas paletas o por colores hexadecimales</span></p>
<p><span><strong>3.-</strong> </span><a href="http://jrm.cc/color-palette-generator/" target="_blank"><strong><span lang="EN-US">Color Palette Generator</span></strong></a></p>
<p><strong><span lang="EN-US"><img class="aligncenter size-medium wp-image-668" src="http://www.zagdit.com/wp-content/uploads/2009/12/palette-300x185.jpg" alt="palette 300x185" width="300" height="185" title="Generadores de paletas de colores para tu sitio web" /></span></strong></p>
<p class="MsoNormal" style="text-align: justify"><strong>Color Palette Generator</strong> es una herramienta muy útil para cuando deseamos obtener los colores de una imagen. Solo tenemos que cargar la imagen desde nuestro navegador y en pocos segundos tendremos en un panel a la derecha los colores obtenidos de dicha imagen.</p>
<p><!--[if !mso]&gt; &lt;!  v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} --> <!--[endif]--><!--[if gte mso 9]&gt;  Normal 0 21   false false false        MicrosoftInternetExplorer4  &lt;![endif]--><!--[if gte mso 9]&gt;   &lt;![endif]--><!--  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin:0cm; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:12.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:"Times New Roman";} @page Section1 	{size:612.0pt 792.0pt; 	margin:70.85pt 3.0cm 70.85pt 3.0cm; 	mso-header-margin:36.0pt; 	mso-footer-margin:36.0pt; 	mso-paper-source:0;} div.Section1 	{page:Section1;} --><!--[if gte mso 10]&gt; &lt;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:&quot;Tabla normal&quot;; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:&quot;&quot;; 	mso-padding-alt:0cm 5.4pt 0cm 5.4pt; 	mso-para-margin:0cm; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:&quot;Times New Roman&quot;; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--><span><!--[if gte vml 1]&gt;                    &lt;![endif]--><!--[if !vml]--><!--[endif]--></span></p>
<p style="text-align: justify">
<p style="text-align: left">
<p style="text-align: left">
<div style="overflow: hidden; width: 1px; height: 1px;"><!--[if !mso]&gt; &lt;!  v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} --> <!--[endif]--><!--[if gte mso 9]&gt;  Normal 0 21   false false false        MicrosoftInternetExplorer4  &lt;![endif]--><!--[if gte mso 9]&gt;   &lt;![endif]--><!--  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin:0cm; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:12.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:"Times New Roman";} p 	{mso-margin-top-alt:auto; 	margin-right:0cm; 	mso-margin-bottom-alt:auto; 	margin-left:0cm; 	mso-pagination:widow-orphan; 	font-size:12.0pt; 	font-family:"Times New Roman"; 	mso-fareast-font-family:"Times New Roman";} @page Section1 	{size:612.0pt 792.0pt; 	margin:70.85pt 3.0cm 70.85pt 3.0cm; 	mso-header-margin:36.0pt; 	mso-footer-margin:36.0pt; 	mso-paper-source:0;} div.Section1 	{page:Section1;}  /* List Definitions */  @list l0 	{mso-list-id:688066747; 	mso-list-template-ids:817397770;} @list l0:level1 	{mso-level-tab-stop:36.0pt; 	mso-level-number-position:left; 	text-indent:-18.0pt;} ol 	{margin-bottom:0cm;} ul 	{margin-bottom:0cm;} --><!--[if gte mso 10]&gt; &lt;!   /* Style Definitions */  table.MsoNormalTable 	{mso-style-name:&quot;Tabla normal&quot;; 	mso-tstyle-rowband-size:0; 	mso-tstyle-colband-size:0; 	mso-style-noshow:yes; 	mso-style-parent:&quot;&quot;; 	mso-padding-alt:0cm 5.4pt 0cm 5.4pt; 	mso-para-margin:0cm; 	mso-para-margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:10.0pt; 	font-family:&quot;Times New Roman&quot;; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --> <!--[endif]--></p>
<ol type="1">
<li class="MsoNormal">En el panel izquierdo tendremos      una rueda de colores interactiva con tantos puntos como hayamos escogido,      rodeada por los tonos cálidos y fríos. El color principal se mostrará en      valores RGB, hexadecimal. También podremos asignar colores de acuerdo al      HUE o Angle.</li>
</ol>
<p style="margin-left: 36pt;text-align: center" align="center"><!--[if gte vml 1]&gt;                    &lt;![endif]--><!--[if !vml]--><img src="/DOCUME%7E1/XP/CONFIG%7E1/Temp/msohtml1/01/clip_image001.jpg" alt="Generador de paletas de colores" width="399" height="402" title="Generadores de paletas de colores para tu sitio web" /><!--[endif]--></p>
<ol type="1">
<li class="MsoNormal">A la derecha tendremos una      previsualización que se actualizara automáticamente de acuerdo vayamos      probando nuevos combinaciones.</li>
</ol>
<p style="margin-left: 36pt"><a title="Generador de paletas de colores" href="http://www.flickr.com/photos/53152904@N00/3269545945/"><span style="text-decoration: none"><!--[if gte vml 1]&gt;  &lt;![endif]--><!--[if !vml]--><img src="/DOCUME%7E1/XP/CONFIG%7E1/Temp/msohtml1/01/clip_image002.jpg" border="0" alt="Generador de paletas de colores" width="500" height="368" title="Generadores de paletas de colores para tu sitio web" /><!--[endif]--></span></a></p>
<p style="margin-left: 36pt">
<ol type="1">
<li class="MsoNormal">En el panel izquierdo encontraremos      nuevas opciones como es la pestaña central “Adjust Scheme” donde podemos      graduar valores de saturación y contraste. Y también podremos acceder a      valores preconfigurados.</li>
</ol>
<p style="margin-left: 36pt"><!--[if gte vml 1]&gt;  &lt;![endif]--><!--[if !vml]--><img src="/DOCUME%7E1/XP/CONFIG%7E1/Temp/msohtml1/01/clip_image003.jpg" border="0" alt="Generador de paletas de colores" width="379" height="300" title="Generadores de paletas de colores para tu sitio web" /><!--[endif]--> <!--[if gte vml 1]&gt;  &lt;![endif]--><!--[if !vml]--><img src="/DOCUME%7E1/XP/CONFIG%7E1/Temp/msohtml1/01/clip_image004.jpg" border="0" alt="Generador de paletas de colores" width="294" height="369" title="Generadores de paletas de colores para tu sitio web" /><!--[endif]--></p>
<p style="margin-left: 36pt">Como ven, una herramienta muy completa para elegir los colores adecuados para nuestro sitio Web.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zagdit.com/2009/12/generadores-de-paletas-de-colores-para-tu-sitio-web.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->