Entre Código y Colores…

Códigos de Colores…

Viendo que el nombre del blog atrae casi siempre a los que buscan la frase “código de colores” y similares, y aunque no pretendía usar el título con ese fin, decidí buscar alguna forma de brindar lo que ellos buscan. A parte puede resultar útil en algunos -muchos- casos.

Se trata de la API de Yahoo, Color Picker, a la cual descargué, investigué, destruí, volví a descargar, y finalmente modifiqué -ínfimamente, solo en su forma de uso y un par de espacios- para su implementación en Código y Colores… Advierto que necesita tener activado JavaScript en el navegador para funcionar

También los invito a que pasen y den una vuelta por el blog, a ver si encuentran algo interesante, o bien pueden suscribirse al Feed RSS. También hay un poco mas abajo una pequeña explicación del tema que aquí tratamos, por si puede resultar útil.

¿Qué son los códigos de colores web?

Me voy a concentrar en explicar solamente lo básico del tema, como para que no queden dudas con la herramienta y lo que significa cada cosa.

Para empezar, un modelo básico de color a tener en cuenta es el RGB, el cual conforma todos los colores a partir de la mezcla de sus tres principales: Rojo (Red), Verde (Green), Azul (Blue).

En la mayoría de las herramientas de color podemos ver que se nos dan datos del tipo: R: 255 G: 255 B: 255. Cada número representa el grado de saturación y luminosidad de cada color primario en el final. O dicho de un modo simple: cuanto azul, por ejemplo, hay en el violeta.

Así, si tenemos R: 0 G: 0 B: 255, quiere decir que no hay nada de rojo, nada de verde, y que, por lo tanto, el color final es un azul puro. Todos a tope (255) dan por resultado el Blanco, mientras que un valor nulo nos daría negro.

Tambien tenemos el sistema HSV, representado por -ya debe ser conocido- cono y el círuclo (ver imágen), y formado por la Tonalidad (Hue), la Saturación (Saturation) y el Valor (Value). Cada uno de éstos es una parte del color final. Tonalidad define la frecuencia predominante en el espectro. O dicho de otro modo, cuál es el tono que más predomina en el final. Saturación define cuanto de este color hay; y por último Valor indica la cantidad de Blanco o Negro que posee.

El sistema HSV puede darnos datos de una forma similar al anterior (por separado), solo que con valores de 1 al 100.

Para simplificar mas las cosas (o complicarlas un poco mas), éstos valores son, de cierta forma equivalentes. Y para usarlos en CSS o HTML, o cualquier implementación web, existe otro tipo de código.

El código Hexadesimal de cada color, que es el que nos hace falta, resume en seis dígitos cada color. Puede que nos encontremos con alguno del tipo FFc255. Puede estar conformado por letras,y números, así como resultan directamente equivalentes al RGB, siendo sus valores: #RRGGBB, siempre con el “#” adelante.

Esta última forma de citar los colores es la más utilizada y práctica a la hora de implementarla en una web.

En Wikipedia pueden encontrar una tabla de colores algo simple, pero con sus nombres y su correspondiente código hexadecimal.

Si algo de esta información les resultó útil o interesante, por favor no duden en pasarte por el blog, o si quieren, suscribirse a su Feed RSS, así como tambien dejar sus comentarios o contactarse si tienen alguna consulta, sugerencia o queja.