Color toy: generador de esquemas de color

ByLuis

Ya hemos hablado en otras ocasiones de aplicaciones que nos ayudan a generar esquemas de colores. Ayer mismo yo necesitaba una, pero por problemas de conexión durante todo el día no pude acceder a ninguna para que me ayudara.
colortoy.png
¿Qué tiene de especial Color Toy?, su sencillez, no tiene rueda de colores, ni puedes elegir si quieres colores análogos o en contraste. Simplemente introduces un color y te da un esquema de colores, rápido y sencillo.
Color Toy
Vía / Infected-FX

Similar Posts

| |

Elemento CANVAS en HTML

ByLuis

CANVAS es un elemento no estándar que permite dibujar gráficos directamente sobre el HTML. Inicialmente lo implementó Apple para Safari, pero ahora es WHATWG quien se encarga de su estandarización.

Al no ser un estándar, se han levantado voces en contra de ello, sobre todo existiendo el SVG que realizaría la misma función. La cuestión sobre cual es más correcto, si el SVG o CANVAS, es algo de lo que ya se ha tratado y aunque en ambos casos se puede hacer lo mismo, parece que el SVG gana por ser un estándar y sobre todo cuando se quiere que haya interacción con el usuario, aunque CANVAS sea más útil a la hora de dibujar.

Más información

Ejemplos

|

Sanscons, iconos modificables mediante CSS

ByLuis

Una colección interesante de iconos que cambian de color mediante CSS, a parte de la colección, es interesante aprenderse el método y usarlo para tus propios diseños.

Sanscons.png

El método es sencillo, crear una imagen con el contenido en un color blanco (para que sea más sencillo ajustarlo con otros colores) y poner el fondo transparente, así, si se cambia el fondo mediante CSS, cambiará el fondo del icono.

 <img class="icon" src="icono.gif" alt="icon"/>
 .icon {
background-color:#f00;
}

Sanscons

Vía / Intenta

| | |

Ponle copyright a tus imágenes mediante PHP

ByLuis

copyright.png Muchas veces queremos que las personas se descarguen las imágenes que tenemos en nuestras páginas web, pero también queremos que quede bien claro quién es el autor. Para ello podemos editar todas las imágenes que tengamos, o bien que el propio entorno se encargue de poner el copyright por nosotros.

El método es sencillo, modificamos las opciones del Apache para que cuando se acceda a una imagen, lo redireccionemos a un script que se encargará de escribir el texto que queramos.

Read More “Ponle copyright a tus imágenes mediante PHP”

Encontrar un color para el diseño

ByLuis

Al menos a mí me ocurre que cuando estoy empezando con un diseño, y tengo que basarme en una imagen, me paso bastante tiempo buscando los colores que vayan con la imagen. Normalmente uso un editor de imágenes, realizo la pixelación de la imagen y voy buscando que los colores sean representativos. Esto puede ser sencillo con esta rápida y cómoda aplicación on line, que nos permite enviar una imagen, seleccionar el tamaño de los cuadrados de la pixelación y ver qué códigos tienen los colores. También se podría usar la entrada que explicamos sobre fondo de pantalla calculado de una imagen, pero esta opción nos permite optar a varios colores.
color-pallete.png
Color Palette Generator
Vía / Maestros del Web

|

Cómo extraer colores fuera del Photoshop

ByLuis

eyedropper.jpg ¿Cuántos minutos trabajas al día con Photoshop y te has visto en la situación de querer saber un color de otra web y tener que usar el Colorzilla de Firefox o directamente imprimir pantalla, pegarla en Photoshop y usar el eyedropper.?
Pues Photoshop, en cualquier versión, ya trae la opción y es el mismo Eyedropper (el icono del cuentagotas). Tan solo hay que clickarlo y dejarlo pulsado arrastrando el cursor hasta donde queremos obtener el color. Cuando lo tengamos, soltamos el click y aparecerá el color como color de primer plano.
Vía / Genbeta

Texturas para tus diseños en Texture King

ByLuis

textureking.pngTexture King es un repositorio de texturas para que las utilices de forma libre en tus diseños ya sea de forma personal o profesional. El que sean libres no quiere decir que tengan licencia Creative Commons, por lo que podemos usarlas, pero no podemos distribuirlas.
Las fotos están divididas por categorías que corresponden al material de la textura, pero no estaría mal que también se pudieran buscar por tags, tipo color, ya que a veces ese tipo de búsquedas nos puede venir muy bien.
Texture King
Vía / menéame