<?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>Xyberneticos &#187; Color</title>
	<atom:link href="http://xyberneticos.com/index.php/category/color/feed/" rel="self" type="application/rss+xml" />
	<link>http://xyberneticos.com</link>
	<description>Desarrollo Web, Diseño, Recursos, Wordpress, Themes</description>
	<lastBuildDate>Fri, 04 Nov 2011 14:10:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Pictaculous &#8211; Más opciones para obtener paletas de colores</title>
		<link>http://xyberneticos.com/index.php/2009/07/01/pictaculous-mas-opciones-para-obtener-paletas-de-colores/</link>
		<comments>http://xyberneticos.com/index.php/2009/07/01/pictaculous-mas-opciones-para-obtener-paletas-de-colores/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 03:17:59 +0000</pubDate>
		<dc:creator>Nikko</dc:creator>
				<category><![CDATA[Color]]></category>
		<category><![CDATA[Generadores]]></category>
		<category><![CDATA[Herramientas]]></category>

		<guid isPermaLink="false">http://xyberneticos.com/index.php/2009/07/01/pictaculous-mas-opciones-para-obtener-paletas-de-colores/</guid>
		<description><![CDATA[Pictaculous, una simple herramienta online, que nos será muy útil para obtener paletas de colores, a partir de imágenes creativas. La utilización es simple, basta con solo escoger de nuestro ordenador una imagen, para que Pictaculous comience a realizar todo el trabajo pesado. Automáticamente se nos genera la paleta de color con sus correspondientes códigos [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://xyberneticos.com/wp-content/uploads/2009/07/pictaculous.gif" alt="pictaculous.gif" /></p>
<p align="justify"><a href="http://www.pictaculous.com/" target="_blank">Pictaculous</a>, una simple herramienta online, que nos será muy útil para obtener paletas de colores, a partir de imágenes creativas. La utilización es simple, basta con solo escoger de nuestro ordenador una imagen, para que Pictaculous comience a realizar todo el trabajo pesado. Automáticamente se nos genera la paleta de color con sus correspondientes códigos hexadecimales, además de mostrarnos diversas opciones desde Kuler y ColourLovers. El resultado puede también ser descargado en formato Adobe Swatch. Soporta imágenes PNG, GIF, JPG. Con un tamaño no máximo a 500k.</p>
<p>Enlace <a href="http://www.pictaculous.com/" target="_blank">Pictaculous</a></p>
<p>Via <a href="http://wwwhatsnew.com/2009/06/20/pictaculous-obtener-una-paleta-de-colores-a-partir-de-una-imagen/">wwwhatsnew </a></p>
]]></content:encoded>
			<wfw:commentRss>http://xyberneticos.com/index.php/2009/07/01/pictaculous-mas-opciones-para-obtener-paletas-de-colores/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Color Explorer &amp; Colorotate &#8211; Crear Paletas de Colores</title>
		<link>http://xyberneticos.com/index.php/2009/05/21/color-explorer-colorotate-crear-paletas-de-colores/</link>
		<comments>http://xyberneticos.com/index.php/2009/05/21/color-explorer-colorotate-crear-paletas-de-colores/#comments</comments>
		<pubDate>Thu, 21 May 2009 03:55:57 +0000</pubDate>
		<dc:creator>Nikko</dc:creator>
				<category><![CDATA[Color]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Herramientas]]></category>

		<guid isPermaLink="false">http://xyberneticos.com/index.php/2009/05/21/color-explorer-colorotate-crear-paletas-de-colores/</guid>
		<description><![CDATA[Color Explorer es una nueva herramienta que nos ayudara a encontrar, las paletas de colores adecuadas para cada uno de nuestros proyectos. Además de poseer muchas funcionalidades, que van desde la extracción de colores que pueda contener una fotografía, Color Explorer nos permite guardar nuestras paletas creadas, editarlas o exportarlas a formatos para Illustrator, Photoshop, [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://xyberneticos.com/wp-content/uploads/2009/05/colorexplorer.jpg" alt="colorexplorer.jpg" /></p>
<p><a href="http://www.colorexplorer.com/" target="_blank">Color Explorer</a> es una nueva herramienta que nos ayudara a encontrar, las paletas de colores  adecuadas para cada uno de nuestros proyectos. Además de poseer muchas funcionalidades, que van desde la extracción de colores que pueda contener una fotografía, Color Explorer nos permite guardar nuestras paletas creadas, editarlas o exportarlas a formatos para Illustrator, Photoshop, txt o en el mejor de los casos PNG. No es necesario registrarse, pero si desean guardar sus  paletas para editarlas en el futuro, pueden hacerlo de forma gratuita, les llevara solo un minuto.</p>
<p>Enlace <a href="http://www.colorexplorer.com/" target="_blank">Color Explorer</a></p>
<p>Fuente <a href="http://www.webmasterlibre.com/2009/05/13/color-explorer-la-herramienta-definitiva-para-paletas-de-color/" target="_blank">webmasterlibre </a></p>
<p style="text-align: center"><img src="http://xyberneticos.com/wp-content/uploads/2009/05/colorate.jpg" alt="colorate.jpg" /></p>
<p><a href="http://www.colorotate.org/" target="_blank">Colorotate</a>, una aplicación desarrollada en Flash con la misma finalidad, crear tantas paletas de colores que podríamos usar luego en nuestros proyectos. Permite seleccionar hasta 16 colores por paleta y lo mas interesante utilizar Extensiones para Photoshop CS4, Illustrator CS4, InDesign CS4, Adobe Fireworks® CS4, y Adobe Flash® CS4.<br />
<em><strong>Nota: </strong>Para utilizar la herramienta necesitamos tener cuenta Google, y acceder desde la plataforma.</em></p>
<p>Enlace  <a href="http://www.colorotate.org/" target="_blank">Colorotate</a></p>
<p>Fuente <a href="http://www.anieto2k.com/2009/05/14/colorotate-aplicacion-para-la-generacion-de-paletas-de-colores-muy-molona/" target="_blank">anieto2k</a> &#8211; <a href="http://www.kabytes.com/software/elige-tu-paleta-de-colores-en-3d/" target="_blank">kabytes </a></p>
]]></content:encoded>
			<wfw:commentRss>http://xyberneticos.com/index.php/2009/05/21/color-explorer-colorotate-crear-paletas-de-colores/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Striped Backgrounds &#8211; Fondos y Colores</title>
		<link>http://xyberneticos.com/index.php/2008/11/13/striped-backgrounds-fondos-y-colores/</link>
		<comments>http://xyberneticos.com/index.php/2008/11/13/striped-backgrounds-fondos-y-colores/#comments</comments>
		<pubDate>Thu, 13 Nov 2008 20:39:38 +0000</pubDate>
		<dc:creator>Nikko</dc:creator>
				<category><![CDATA[Color]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Generadores]]></category>
		<category><![CDATA[Patterns]]></category>
		<category><![CDATA[Recursos Web]]></category>

		<guid isPermaLink="false">http://xyberneticos.com/index.php/2008/11/13/striped-backgrounds-fondos-y-colores/</guid>
		<description><![CDATA[Si se encuentran en la búsqueda de fondos lineales y gamas de colores para sus proyectos, les recomiendo Striped Backgrounds, otro sitio que nos permitirá generar innumerables Backgrounds Lineales, en cantidad de combinaciones que podremos descargar. Según la finalidad que le darás a tus Backgrounds, podrás descargarlos en diversas resoluciones, puede que lo quieras como [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://xyberneticos.com/wp-content/uploads/2008/11/sb.jpg" alt="sb.jpg" /></p>
<p>Si se encuentran en la búsqueda de fondos lineales y gamas de colores para sus proyectos, les recomiendo <a href="http://stripedbgs.com/" target="_blank">Striped Backgrounds</a>, otro sitio que nos permitirá generar innumerables Backgrounds Lineales, en cantidad de combinaciones que podremos descargar. Según la finalidad que le darás a tus Backgrounds, podrás descargarlos en diversas resoluciones, puede que lo quieras como fondo de escritorio, como fondo en una web, como papel tapiz en tu teléfono móvil, etc. Lo interesante de Striped Backgrounds, es que no solo podremos utilizarlo como generar de Backgrounds, sino como un recurso que nos brinde muchas paletas de colores con combinaciones que podríamos llegar a utilizar en nuestros proyectos web o cualquier otro tipo de diseños. Obtener los tonos será realmente simple, ya que veremos el código Hexadecimal bajo cada uno de los colores presentados.</p>
<p>Enlace <a href="http://stripedbgs.com/" target="_blank">Striped Backgrounds</a></p>
]]></content:encoded>
			<wfw:commentRss>http://xyberneticos.com/index.php/2008/11/13/striped-backgrounds-fondos-y-colores/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Colorbe &#8211; Combinaciones de colores para tus proyectos</title>
		<link>http://xyberneticos.com/index.php/2008/10/28/colorbe-combinaciones-de-colores-para-tus-proyectos/</link>
		<comments>http://xyberneticos.com/index.php/2008/10/28/colorbe-combinaciones-de-colores-para-tus-proyectos/#comments</comments>
		<pubDate>Tue, 28 Oct 2008 04:12:33 +0000</pubDate>
		<dc:creator>Nikko</dc:creator>
				<category><![CDATA[Color]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Recursos Web]]></category>

		<guid isPermaLink="false">http://xyberneticos.com/index.php/2008/10/28/colorbe-combinaciones-de-colores-para-tus-proyectos/</guid>
		<description><![CDATA[Colorbe otro practico sitio que nos ayudara a encontrar las paletas de colores ideales para usar en nuestros proyectos. El sitio posee un gran número de paletas diseñadas por usuarios las cuales podremos utilizar como referencia, o bien si nos animamos, podremos crear nuestras propias combinaciones para compartirlas luego con ellos. Si desean buscar algunos [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://xyberneticos.com/wp-content/uploads/2008/10/colorbe.jpg" alt="colorbe.jpg" /></p>
<p><a href="http://colorbe.com/">Colorbe</a> otro practico sitio que nos ayudara a encontrar las paletas de colores ideales para usar en nuestros proyectos. El sitio posee un gran número de paletas diseñadas por usuarios las cuales podremos utilizar como referencia, o bien si nos animamos, podremos crear nuestras propias combinaciones para compartirlas luego con ellos. Si desean buscar algunos tonos específicos, es realmente simple, podemos hacerlo mediante el buscador de color u observando la nube de Tags que clasifica a cada uno de ellos, y ver si encontramos la gama de color que nos gustaría utilizar. Si damos con los colores deseados, los seleccionaremos  y obtendremos uno por uno el Código Hexadecimal que forman esa paleta.</p>
<p>Enlace <a href="http://colorbe.com/">Colorbe</a></p>
<p>Thank Susan</p>
]]></content:encoded>
			<wfw:commentRss>http://xyberneticos.com/index.php/2008/10/28/colorbe-combinaciones-de-colores-para-tus-proyectos/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Color Picker &#8211; jQuery plugin</title>
		<link>http://xyberneticos.com/index.php/2008/07/21/color-picker-jquery-plugin/</link>
		<comments>http://xyberneticos.com/index.php/2008/07/21/color-picker-jquery-plugin/#comments</comments>
		<pubDate>Mon, 21 Jul 2008 03:00:20 +0000</pubDate>
		<dc:creator>Nikko</dc:creator>
				<category><![CDATA[Color]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Scripts]]></category>

		<guid isPermaLink="false">http://xyberneticos.com/index.php/2008/07/21/color-picker-jquery-plugin/</guid>
		<description><![CDATA[Color Picker - jQuery plugin, un simple componente para seleccionar el color de la misma manera que sueles hacerlo en Adobe Photoshop. Sin duda vendrá muy bien para montarlo en alguna aplicación web en la cual trabajes. Ver demo - Mas info y descarga Color Picker - jQuery plugin Instalacion: Realizamos las llamadas correspondientes desde [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://xyberneticos.com/wp-content/uploads/2008/07/colorpicker23.jpg" alt="colorpicker23.jpg" /></p>
<p>Color Picker - jQuery plugin, un simple componente para seleccionar el color de la misma manera que sueles hacerlo en Adobe Photoshop. Sin duda vendrá muy bien para montarlo en alguna aplicación web en la cual trabajes.</p>
<p>Ver <a href="http://eyecon.ro/colorpicker/">demo</a> - Mas info y descarga <a href="http://eyecon.ro/colorpicker/#download">Color Picker - jQuery plugin</a></p>
<p>Instalacion:<br />
Realizamos las llamadas correspondientes desde nuestro encebado, copiando y pegando el siguiente código dentro de nuestra etiqueta < head ></p>
<div class="igBar"><span id="ljavascript-3"><a href="#" onclick="javascript:showPlainTxt('javascript-3'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JavaScript:</span>
<div id="javascript-3">
<div class="javascript">&lt;script type=<span style="color: #3366CC;">"text/javascript"</span> src=<span style="color: #3366CC;">"js/jquery.js"</span>&gt;&lt;/script&gt;<br />
&nbsp; &nbsp; &lt;script type=<span style="color: #3366CC;">"text/javascript"</span> src=<span style="color: #3366CC;">"js/colorpicker.js"</span>&gt;&lt;/script&gt;<br />
&nbsp; &nbsp; &lt;link rel=<span style="color: #3366CC;">"stylesheet"</span> href=<span style="color: #3366CC;">"css/colorpicker.css"</span> type=<span style="color: #3366CC;">"text/css"</span> /&gt;</div>
</div>
</div>
<p>
y agregamos al contenido nuestro selector de colores de esta forma.</p>
<div class="igBar"><span id="lhtml-4"><a href="#" onclick="javascript:showPlainTxt('html-4'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-4">
<div class="html"><span style="color: #606060;">&lt;p id=&quot;colorpickerHolder&quot;&gt;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #606060;">&lt;/p&gt;</span></div>
</div>
</div>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://xyberneticos.com/index.php/2008/07/21/color-picker-jquery-plugin/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Color palette &#8211; Aplicar diferentes grados de opacidad a tus colores bases</title>
		<link>http://xyberneticos.com/index.php/2008/05/05/color-palette-aplicar-diferentes-grados-de-opacidad-a-tus-colores-bases/</link>
		<comments>http://xyberneticos.com/index.php/2008/05/05/color-palette-aplicar-diferentes-grados-de-opacidad-a-tus-colores-bases/#comments</comments>
		<pubDate>Mon, 05 May 2008 06:47:03 +0000</pubDate>
		<dc:creator>Nikko</dc:creator>
				<category><![CDATA[Color]]></category>
		<category><![CDATA[Herramientas]]></category>

		<guid isPermaLink="false">http://xyberneticos.com/index.php/2008/05/05/color-palette-aplicar-diferentes-grados-de-opacidad-a-tus-colores-bases/</guid>
		<description><![CDATA[Color palette, una simple Herramienta online que nos permite crear una paleta de colores con 10 tonos bases, y a partir de ellos jugar con diversos grados de opacidad. La fila superior emula la opacidad en un fondo blanco, y la siguiente sobre un fondo negro. La opacidad en la fila superior va desde un [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://xyberneticos.com/wp-content/uploads/2008/05/colorpaletesteee.jpg" alt="colorpaletesteee.jpg" /></p>
<p><a href="http://slayeroffice.com/tools/color_palette/">Color palette</a>, una simple Herramienta online que nos permite crear una paleta de colores con 10 tonos bases, y a partir de ellos jugar con diversos grados de opacidad. La fila superior emula la opacidad en un fondo blanco, y la siguiente sobre un fondo negro.<br />
La opacidad en la fila superior va desde un valor 100% opaco, al 75%, 50%, 25% hasta llegar al  10%. La fila inferior se inicia en un 85% en lugar del 100%, llegando hasta un tono realmente oscuro. Podremos configurar cada opción como deseemos, o añadir el color base que más nos agrade. Pero si aun no se deciden por cual, basta jugar con el botón “Random Base” para que nos vaya generando diferentes paletas de colores de forma automática. Además, podremos obtener un Link permanente a la gamas que hemos creado o mas nos ha gustado.</p>
<p>Enlace <a href="http://slayeroffice.com/tools/color_palette/">Color palette</a></p>
]]></content:encoded>
			<wfw:commentRss>http://xyberneticos.com/index.php/2008/05/05/color-palette-aplicar-diferentes-grados-de-opacidad-a-tus-colores-bases/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>ColorToy 2.0 &#8211; Ayudándote a encontrar la combinación de colores adecuada</title>
		<link>http://xyberneticos.com/index.php/2008/04/12/colortoy-20-ayudandote-a-encontrar-la-combinacion-de-colores-adecuada/</link>
		<comments>http://xyberneticos.com/index.php/2008/04/12/colortoy-20-ayudandote-a-encontrar-la-combinacion-de-colores-adecuada/#comments</comments>
		<pubDate>Sat, 12 Apr 2008 06:09:16 +0000</pubDate>
		<dc:creator>Nikko</dc:creator>
				<category><![CDATA[Color]]></category>

		<guid isPermaLink="false">http://xyberneticos.com/index.php/2008/04/12/colortoy-20-ayudandote-a-encontrar-la-combinacion-de-colores-adecuada/</guid>
		<description><![CDATA[ColorToy 2.0, es una aplicación que nos puede ayudar a encontrar una combinación de colores adecuada, cuando nuestras inspiración esta un poco nula. Aunque siempre partiendo de una base. Es decir, tienes una idea o un color especifico que deseas utilizar en un proyecto, pero en el momento que deseas comenzar a diseñar, te encuentras [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://xyberneticos.com/wp-content/uploads/2008/04/colortoy.jpg" alt="colortoy.jpg" /></p>
<p><a href="http://www.defencemechanism.com/color/">ColorToy 2.0</a>, es una aplicación que nos puede ayudar a encontrar una combinación de colores adecuada, cuando nuestras inspiración esta un poco nula. Aunque siempre partiendo de una base. Es decir, tienes una idea o un color especifico que deseas utilizar en un proyecto, pero en el momento que deseas comenzar a diseñar, te encuentras que no sabes bien aun, como combinar ese color que tanto te ha gustado. Es aquí donde ColorToy puedes sernos útil, Tan solo debemos ingresar el valor Hexadecimal del tono que nos a agradado, y partiendo de esa base, ColorToy  nos arrojara una serie de paletas de colores, con tonos que podríamos usar para combinar o seguir una misma gama.</p>
<p>Enlace <a href="http://www.defencemechanism.com/color/">ColorToy 2.0</a></p>
<p>Via <a href="http://wwwhatsnew.com/2008/04/11/color-generator-encuentra-los-colores-perfectos-para-tu-trabajo/">wwwhatsnew</a></p>
]]></content:encoded>
			<wfw:commentRss>http://xyberneticos.com/index.php/2008/04/12/colortoy-20-ayudandote-a-encontrar-la-combinacion-de-colores-adecuada/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>MooRainbow &#8211; Crear nuestro propio selector de colores</title>
		<link>http://xyberneticos.com/index.php/2008/04/07/moorainbow-crear-nuestro-propio-selector-de-colores/</link>
		<comments>http://xyberneticos.com/index.php/2008/04/07/moorainbow-crear-nuestro-propio-selector-de-colores/#comments</comments>
		<pubDate>Mon, 07 Apr 2008 06:09:53 +0000</pubDate>
		<dc:creator>Nikko</dc:creator>
				<category><![CDATA[Color]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Scripts]]></category>

		<guid isPermaLink="false">http://xyberneticos.com/index.php/2008/04/07/moorainbow-crear-nuestro-propio-selector-de-colores/</guid>
		<description><![CDATA[MooRainbow un poderoso Javascript utilizando también mootools que nos permitirá montar en nuestra Web, un bonito selector de colores, donde podremos visualizar y elegir aquellos colores que serán útiles para nuestros proyectos. Inclusive permite una personalización realmente muy fácil, y brinda agradables variantes a la hora de ser utilizado. MooRainbow es completamente personalizable a través [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://xyberneticos.com/wp-content/uploads/2008/04/rainbow.jpg" alt="rainbow.jpg" /></p>
<p><a href="http://moorainbow.woolly-sheep.net/">MooRainbow</a> un poderoso Javascript utilizando también mootools que nos permitirá montar en nuestra Web, un bonito selector de colores, donde podremos visualizar y elegir aquellos colores que serán útiles para nuestros proyectos. Inclusive permite una personalización realmente muy fácil, y brinda agradables variantes a la hora de ser utilizado.</p>
<ul>
<li>MooRainbow es completamente personalizable a través de un fichero CSS.</li>
<li> MooRainbow mantiene limpio su DOM y genera XHTML y CSS válido</li>
<li>MooRainbow proporciona, como contrapartida, un objeto que contiene RGB, HSB y HEX del color seleccionado.</li>
<li> MooRainbow es realmente rápido gracias a mootools.</li>
<li> MooRainbow funciona bien en Firefox / Safari / Opera / IE</li>
</ul>
<p>Ver <a href="http://xyberneticos.com/demos/mooRainbow/index.html">demo</a> - <a href="http://xyberneticos.com/demos/mooRainbow/mooRainbow.rar">Descarga</a> Demo - Mas info <a href="http://moorainbow.woolly-sheep.net/">moorainbow</a></p>
<p><strong>Instalacion</strong>:<br />
Descargamos los archivos a utilizar (mi demo incluye todo) y realizamos la llamada correspondiente a ellos desde nuestro encabezado.</p>
<div class="igBar"><span id="ljavascript-11"><a href="#" onclick="javascript:showPlainTxt('javascript-11'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JavaScript:</span>
<div id="javascript-11">
<div class="javascript">&lt;script type=<span style="color: #3366CC;">"text/javascript"</span> src=<span style="color: #3366CC;">"js/mootools-release.js"</span>&gt;&lt;/script&gt;<br />
&lt;script type=<span style="color: #3366CC;">"text/javascript"</span> src=<span style="color: #3366CC;">"js/mooRainbow.js"</span>&gt;&lt;/script&gt;</div>
</div>
</div>
<p>
Incluyendo también el llamado a la hoja de estilo</p>
<div class="igBar"><span id="lhtml-12"><a href="#" onclick="javascript:showPlainTxt('html-12'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-12">
<div class="html"><span style="color: #606060;">&lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;mooRainbow.css&quot;&gt;</span></div>
</div>
</div>
<p>
Ahora debemos crear un nuevo objeto MooRainbow. Lo haremos dentro de nuestra etiqueta < head ></p>
<div class="igBar"><span id="ljavascript-13"><a href="#" onclick="javascript:showPlainTxt('javascript-13'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JavaScript:</span>
<div id="javascript-13">
<div class="javascript">&lt;script type=<span style="color: #3366CC;">"text/javascript"</span>&gt;<br />
&nbsp; &nbsp; window.<span style="color: #006600;">addEvent</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'domready'</span>, <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> r = <span style="color: #003366; font-weight: bold;">new</span> MooRainbow<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'myRainbow'</span>, <span style="color: #66cc66;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #3366CC;">'startColor'</span>: <span style="color: #66cc66;">&#91;</span><span style="color: #CC0000;color:#800000;">58</span>, <span style="color: #CC0000;color:#800000;">142</span>, <span style="color: #CC0000;color:#800000;">246</span><span style="color: #66cc66;">&#93;</span>,<br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #3366CC;">'onChange'</span>: <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>color<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'myInput'</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">value</span> = color.<span style="color: #006600;">hex</span>;<br />
&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span><br />
&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;<br />
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;</p>
<p>&lt;/script&gt;</p></div>
</div>
</div>
<p>
Para finalizar, ya podremos insertar nuestra estructura en body. O mejor dicho nuestro selector de colores MooRainbow, donde deseamos mostrarlo en nuestra web. La forma de hacerlo:</p>
<div class="igBar"><span id="lhtml-14"><a href="#" onclick="javascript:showPlainTxt('html-14'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-14">
<div class="html"><span style="color: #606060;">&lt;label&gt;</span><br />
&nbsp; &nbsp; <span style="color: #606060;">&lt;img id=&quot;myRainbow&quot; src=&quot;images/rainbow.png&quot; alt=&quot;[r]&quot; width=&quot;16&quot; height=&quot;16&quot; /&gt;</span><br />
&nbsp; &nbsp; <span style="color: #606060;">&lt;input id=&quot;myInput&quot; name=&quot;myInput&quot; type=&quot;text&quot; size=&quot;13&quot; /&gt;</span><br />
<span style="color: #606060;">&lt;/label&gt;</span></div>
</div>
</div>
<p>
Este selector que acabamos de insertar aquí, es algo así como su versión estándar. En mi demo, seria el ejemplo numero UNO. Una pequeña imagen, que al hacer clic sobre ella  abrirá nuestro selector de colores, y un casillero que almacenara los valores Hexadecimal de cada color que hemos seleccionado.<br />
Pero MooRainbow posee otras variantes, u otra forma de utilizar nuestro selector. Me remitiré solo ha comentar los demos que he creado. Lo que seria el ejemplo DOS de mi demo. Básicamente, una imagen que nuevamente abrirá nuestro selector de colores (pro cierto, esta vez mucho mas pequeño), pero evitando almacenar en un casillero los valores hexadeciamles generados al seleccionar cada color. Lo que significa, que si deseamos un color o el valor de un tono, lo obtendremos directamente copiándolo desde el mismo selector, ya que posteriormente no quedara almacenados en ningún casillero. De todas sigue siendo muy útil, al acostumbrarnos, y es otra buena opción, dependiendo el fin que deseamos darle a cada uno de estos selectores en cuestión.<br />
<strong>Instalacion </strong>ejemplo <strong>DOS</strong>:<br />
Si bien al comienzo hemos realizado la llamada a un fichero css, esta vez necesitaremos insertar unas líneas más de css para este demo. El código lo <a href="http://moorainbow.woolly-sheep.net/css/demo3.css">encontraran aquí</a>.<br />
Una vez agregado las líneas de código css nuevas, nuevamente necesitaremos crear un objeto desde nuestro encabezado. Dentro de nuestra etiqueta < Head ></p>
<div class="igBar"><span id="ljavascript-15"><a href="#" onclick="javascript:showPlainTxt('javascript-15'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JavaScript:</span>
<div id="javascript-15">
<div class="javascript">&lt;script type=<span style="color: #3366CC;">"text/javascript"</span>&gt;<br />
window.<span style="color: #006600;">addEvent</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'domready'</span>, <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span><br />
<span style="color: #003366; font-weight: bold;">var</span> demo3 = <span style="color: #003366; font-weight: bold;">new</span> MooRainbow<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'demo3'</span>, <span style="color: #66cc66;">&#123;</span><br />
&nbsp; &nbsp; id: <span style="color: #3366CC;">'myDemo3'</span>,<br />
&nbsp; &nbsp; imgPath: <span style="color: #3366CC;">'images/'</span><br />
&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;<br />
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;<br />
&lt;/script&gt;</div>
</div>
</div>
<p>
y por ultimo, la imagen que abrirá nuestro selector de colores en nuestro contenido</p>
<div class="igBar"><span id="lhtml-16"><a href="#" onclick="javascript:showPlainTxt('html-16'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-16">
<div class="html"><span style="color: #606060;">&lt;label&gt;</span><br />
&nbsp; &nbsp; <span style="color: #606060;">&lt;img id=&quot;demo3&quot; src=&quot;images/rainbow.png&quot; rainbow.png&quot; alt=&quot;[r]&quot; width=&quot;16&quot; height=&quot;16&quot; class=&quot;rain&quot; id=&quot;demo3&quot; /&gt;</span><br />
&nbsp; &nbsp; Click en el arco iris para abrir la paleta de colores miniatura<br />
<span style="color: #606060;">&lt;/label&gt;</span></div>
</div>
</div>
<p>
De todas formas, podrán ver y probar desde el demo a descargar</p>
]]></content:encoded>
			<wfw:commentRss>http://xyberneticos.com/index.php/2008/04/07/moorainbow-crear-nuestro-propio-selector-de-colores/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>mooColorFinder &#8211; Obtener los colores de una web</title>
		<link>http://xyberneticos.com/index.php/2008/02/13/moocolorfinder-obtener-los-colores-de-una-web/</link>
		<comments>http://xyberneticos.com/index.php/2008/02/13/moocolorfinder-obtener-los-colores-de-una-web/#comments</comments>
		<pubDate>Wed, 13 Feb 2008 07:06:55 +0000</pubDate>
		<dc:creator>Nikko</dc:creator>
				<category><![CDATA[Color]]></category>
		<category><![CDATA[Herramientas]]></category>

		<guid isPermaLink="false">http://xyberneticos.com/index.php/2008/02/13/moocolorfinder-obtener-los-colores-de-una-web/</guid>
		<description><![CDATA[mooColorFinder, una simple herramienta online que nos permite extraer los colores que componen a una Web. Tan simple de utilizar, que solo debemos ingresar la URL de una Web para que mooColorFinder comience a exponernos en una completa paleta de colores cada tono utilizado en el proyecto online. Enlace mooColorFinder Via isopixel]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://xyberneticos.com/wp-content/uploads/2008/02/moocolorfinder.jpg" alt="moocolorfinder.jpg" /></p>
<p><a href="http://www.artviper.net/colorfinder/">mooColorFinder</a>, una simple herramienta online que nos permite extraer los colores que componen a una Web. Tan simple de utilizar, que solo debemos ingresar la URL de una Web para que mooColorFinder comience a exponernos en una completa paleta de colores cada tono utilizado en el proyecto online.</p>
<p>Enlace <a href="http://www.artviper.net/colorfinder/">mooColorFinder</a></p>
<p>Via <a href="http://isopixel.net/archivo/2008/02/moocolorfinder-que-colores-usa-un-sitio-web/">isopixel</a></p>
]]></content:encoded>
			<wfw:commentRss>http://xyberneticos.com/index.php/2008/02/13/moocolorfinder-obtener-los-colores-de-una-web/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>COPASO &#8211; Generar, editar, y guardar paletas de colores</title>
		<link>http://xyberneticos.com/index.php/2008/01/14/copaso-generar-editar-y-guardar-paletas-de-colores/</link>
		<comments>http://xyberneticos.com/index.php/2008/01/14/copaso-generar-editar-y-guardar-paletas-de-colores/#comments</comments>
		<pubDate>Tue, 15 Jan 2008 00:47:30 +0000</pubDate>
		<dc:creator>Nikko</dc:creator>
				<category><![CDATA[Color]]></category>
		<category><![CDATA[Diseño Web]]></category>
		<category><![CDATA[Herramientas]]></category>

		<guid isPermaLink="false">http://xyberneticos.com/index.php/2008/01/14/copaso-generar-editar-y-guardar-paletas-de-colores/</guid>
		<description><![CDATA[COPASO en una nueva herramienta online presentada en Colourlovers. COPASO Básicamente nos permitirá editar o mejor dicho generar nuestras propias paletas de colores en simples pasos y bajo un entorno muy agradable. Tan simple como ir arrastrando nuestro ratón por el casillero de los tonos, e ir guardándolos uno a uno en un recuadro destinado [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center"><img src="http://xyberneticos.com/wp-content/uploads/2008/01/copaso.jpg" alt="copaso.jpg" /></p>
<p><a href="http://www.colourlovers.com/copaso"><strong><span style="font-weight: normal">COPASO</span></strong></a> en una nueva herramienta online presentada en Colourlovers. <strong><a href="http://www.colourlovers.com/copaso"><span style="font-weight: normal">COPASO</span></a> </strong><strong><span style="font-weight: normal">Básicamente nos permitirá</span> </strong><span> </span>editar o mejor dicho generar nuestras propias paletas de colores en simples pasos y bajo un entorno muy agradable. Tan simple como ir arrastrando nuestro ratón <span> </span>por el casillero de los tonos, e ir guardándolos uno a uno en un recuadro destinado a ello. <strong><span style="font-weight: normal">COPASO automáticamente nos generara los códigos</span> </strong>HEX, RGB y demás de ese color en particular, y cada una de las paletas generadas por nosotros podrán ser guardadas, para en el futuro volver a editarlas. Si acostumbras a usar una aplicación en tu ordenador para este tipo de cosas, y de la cual estas conforme, <strong><span style="font-weight: normal"><a href="http://www.colourlovers.com/copaso">COPASO</a> posee una ventaja. Cuando debas formatear tu disco duro, tus paletas de colores están muy bien guardas en tu cuenta online bajo <a href="http://www.colourlovers.com/copaso">COPASO</a> y podrás acceder a ellas vayas a donde vayas, y suceda lo que suceda en tu ordenador.</span></strong></p>
<p>Enlace <a href="http://www.colourlovers.com/copaso"><strong><span style="font-weight: normal">COPASO</span></strong></a></p>
<p>Via <a href="http://www.cosassencillas.com/2008/01/11/copaso-una-herramienta-avanzada-para-las-paletas-de-color/">Cosas Sencillas</a></p>
]]></content:encoded>
			<wfw:commentRss>http://xyberneticos.com/index.php/2008/01/14/copaso-generar-editar-y-guardar-paletas-de-colores/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

