CSS Color Generator

Por el 6 de noviembre de 2007

en: Programacion

Mikko Koppanen ha publicado el código de una interesante utilidad (CSS Color Generator) en su blog.

Este código / utilidad será realmente interesante para aquellos que carecemos del sentido del gusto para crear hojas de estilos de la nada.

Con esta utilidad podemos crear una pequeña paleta de colores partiendo de una imagen dada (un logotipo por ejemplo sería un buen comienzo) | Código de la utilidad

Via: Propiedad Privada | Css color generator from pics

Elegir una Paleta de Colores

Para hacer una buena elección de los colores que vamos a incluir en la paleta debemos tener unas nociones básicas de la “teoría básica del color”, en HTML qué es lo que nos interesa a nosotros la paleta de colores RGB se compone de tres colores primarios: Rojo, Verde y Azul, estos colores primarios están representados según el siguiente formato: #RRGGBB (ROJO, VERDE, AZUL).

Los valores que puede adoptar cada uno de los tres colores primarios van de 0 a 255 (en decimal) y las combinaciones cómo te puedes imaginar son múltiples, por ello estamos ante una gran cantidad de combinaciones de colores lo que nos dificulta la elección a la hora de trabajar, pero cómo en casi todo en la vida podemos agarrarnos a unas reglas en este caso son reglas simples de armonía de color lo que nos va servir de gran ayuda para crear la paleta de colores.

Los esquemas de color más comunes de utilizar son monocromos, análogos, complementarios, división complementaria y triada, en inglés (monochrome, analog, complementary, split complementary and triad). Los nombres en inglés nos sirven para utilizar esta magnífica herramienta web en la que conseguir los esquemas de colores deseados.

Aquí tenemos otra utilidad para la selección de la paleta de colores adecuada Yafla Color (Selección de colores)

Colores Web 2.0

Suaves

 

Shiny Plata [#EEEEEE]

 

Reddit Blanco[#FFFFFF]

 

Magnolia Rosa [#F9F7ED]

 

Interactive action Amarillo [#FFFF88]

 

Qoop Verde [#CDEB8B]

 

Gmail Azul [#C3D9FF]

 

Shadows Gris [#36393D]

Intensos

 

Mozilla Rojo[#FF1A00]

 

Rollyo Rojo[#CC0000]

 

RSS Naranja [#FF7400]

 

Techcrunch Verde [#008C00]

 

Newsvine Verde [#006E2E]

 

Flock Azul [#4096EE]

 

Flickr Rosa [#FF0084]

Oscuros

 

Ruby on Rails Rojo [#B02B2C]

 

Etsy Vermellón[#D15600]

 

43 Things Oro [#C79810]

 

Writely Oliva [#73880A]

 

Basecamp Verde [#6BBA70]

 

Mozilla Azul [#3F4C6B]

 

Digg Azul [#356AA0]

 

Last.fm Rosa [#D01F3C]

Dejar un comentario