Imagen Header Un Blog Mas Jordi Abad

CSS Color Extractor o como extraer los colores de las hojas de estilo CSS

CSS_Color_Extractor

En el momento de maquetar una página web mediante hojas de estilo CSS nos puede surgir la necesidad de ver exactamente cual es el color que les estamos dando a una cierta propiedad. Dicho de otro modo, en las hojas CSS vemos códigos de colores representados en hexadecimal pero no vemos el color en sí.

Pues bien, CSS Color Extractor es una servicio web que te permite introducir el código CSS y te extrae y muestra visualmente cada uno de los colores que se utilizan en esa hoja de estilo. Así de sencillo.

CSS Color Extractor nos puede ser útil para utilizarlo puntualmente aunque dudo que pueda ser práctico si cada vez que hacemos un cambio relativo al color tenemos que estar consultándolo. Un problema que le encuentro es que el recuadro que muestra cada uno de los colores es minúsculo. ¿Qué les costaría hacerlo más grande? Es de todos sabido que no te produce la misma impresión un color estampado en una hoja que un color estampado en una pared entera.

¿Utilizáis alguna herramienta de este tipo mientras diseñáis páginas web?


5 Comentarios por lo menos ...

1. Javi Mur

Cierto es que mucha utilidad no tiene… pero me ha impresionado! Maravilloso! No se muy bien como, pero lo utilizaré.

Yo tengo el plugin del Firefox que se llama ColorZilla… que es tipo la herramienta “cuentagotas” de los programas de retoques de imágenes… muy útil.

https://addons.mozilla.org/es-ES/firefox/addon/271

Comentario publicado el 3 octubre 2007 11:29 am

El plugin Web Developer de firefox hace maravillas en ese sentido. En el menu css puedes editar la hoja de estilos de la pagina actual y asi ves en tiempo real como va quedando.

Comentario publicado el 3 octubre 2007 12:46 pm

@Javi

Yo tenía instalado el plugin de ColorZilla pero tuve que deshabilitarlo por un problema de incompatibilidad con Firebug que tengo en el Firefox bajo Ubuntu.

Otra buena extensión que me instalé junto a ColorZilla es MeasureIt para tomar medida en píxeles:

http://www.kevinfreitas.net/extensions/measureit/

@astrome

Exacto. Web Developer es una extensión IMPRESCINDIBLE que tendría que tener todo desarrollador de aplicaciones web por la gran cantidad de cosas que te permite hacer.

Un saludo!

Comentario publicado el 3 octubre 2007 04:55 pm

Nosotros utilizamos ColorZilla + Firebug…

Son los mejores.

Saludos.

tuProgramador.com | diseño web

Comentario publicado el 12 agosto 2009 02:03 pm

buena idea la herramienta, aunque puede salir mal en ocasiones, depende para que lo utilicemos.

Comentario publicado el 22 enero 2010 12:42 am
(required)
(will not be published) (required)
(opitional)

Suscripción

Categorías

Cifras

  • 725 artículos
  • 2,574 comentarios
  • 1,074 usuarios
  • 67 enlaces