CSS Gradient, un completo generador gratuito de gradientes

CSS Gradient

Todos aquellos que os dediquéis al mundo del diseño y la programación web estaréis al tanto de la popularidad del uso de los gradientes, recursos gráficos ampliamente utilizados. Por ello, cada vez son más las herramientas que nos permiten crear gradientes de manera sencilla y sin necesidad de descargar nada. Hoy os hablamos de CSS Gradient, una herramienta gratuita con la que crear gradientes para nuestra web en cuestión de pocos minutos.

Tal y como podéis comprobar en la web del recurso del que os hablamos, su funcionamiento es de lo más simple e intuitivo. Para crear nuestro primer gradiente solo tenemos que utilizar el selector de colores incorporado. Además, podemos añadir tantos colores nuevos como queramos haciendo clic en la barra de colores horizontal. Una de las ventajas de CSS Gradient es la posibilidad de usar el formato hexadecimal para gestionar los colores, lo que nos permitirá usar un color exacto sin ningún inconveniente.

Continúa leyendo «CSS Gradient, un completo generador gratuito de gradientes»

Gradient Cards, una sencilla página web con gradientes personalizables

Gradient Cards

Si os dedicáis al mundo del diseño o de la programación y estáis buscando recursos de calidad en los que encontrar gradientes, a continuación os recomendamos una plataforma de lo más interesante. Hablamos de Gradient Cards, una sencilla página web donde podemos encontrar gradientes personalizables.

Aunque a dí­a de hoy la web solo cuenta con 22 gradientes distintos, el hecho de que todos sean 100% personalizables amplia enormemente las posibilidades de Gradient Cards. Tal y como podéis observar en la captura de pantalla que ilustra este articulo, debajo de cada gradiente encontramos un slider que podemos utilizar para modificar los colores en formato hexadecimal y ajustar así­ el aspecto de nuestro gradiente.

Continúa leyendo «Gradient Cards, una sencilla página web con gradientes personalizables»

Gradient World, para generar gradientes en CSS a partir de fotos de naturaleza

Gradient World

Si os dedicáis al mundo del diseño web estaréis al tanto de la enorme cantidad de formas de generar gradientes para nuestros proyectos. Con frecuencia os recomendamos algunas de las novedades más interesantes, y recientemente nos ha llamado la atención Gradient World, una web para generar gradientes en CSS a partir de fotos de naturaleza.

Una de las ventajas de Gradient World es su sencillez. Nada más acceder a la web veremos aparecer decenas de gradientes distintos, teniendo la posibilidad de escoger alguna categorí­a concreta (puesta de sol, bosque, nieve…). Tal y como podéis ver en la imagen que ilustra este artí­culo, los diferentes gradientes han sido diseñados a partir de una imagen de naturaleza distinta.

Continúa leyendo «Gradient World, para generar gradientes en CSS a partir de fotos de naturaleza»

Cuatro herramientas gratuitas para trabajar con paletas de colores

Imagen

Si estás buscando una forma sencilla de generar una paleta de colores para tu página web es probable que te interese conocer algunas de las opciones gratuitas disponibles en Internet. En esta ocasión nos ha parecido útil destacar cuatro de nuestras alternativas favoritas.

Continúa leyendo «Cuatro herramientas gratuitas para trabajar con paletas de colores»

Dos páginas web para los que trabajáis con gradientes

Gradientes

El uso de los gradientes está ampliamente extendido en el mundo del diseño web. A pesar de los buenos resultados que ofrece este tipo de técnica, se trata de algo que cualquiera puede hacer sin necesidad de utilizar herramientas como Photoshop. De hecho, en Internet contamos con diferentes alternativas para trabajar con gradientes. A continuación os dejamos dos opciones para diferentes situaciones.

Continúa leyendo «Dos páginas web para los que trabajáis con gradientes»

2 alternativas gratuitas para crear gradientes desde el navegador

Con frecuencia os recomendamos algunas de las mejores herramientas relacionadas con el mundo del diseño. En esta ocasión nos ha parecido interesante destacar dos curiosas alternativas de utilidad para todos aquellos que trabajáis con gradientes o degradados de color, un recurso ampliamente empleado.

Blend
Blend

Una de las principales ventajas de Blend es su funcionamiento, ya que es extremadamente sencillo. Nada más acceder a la web que os indicamos solo tendremos que escoger los dos colores que queremos utilizar para crear nuestro gradiente en CSS3, algo que podremos hacer utilizando un selector o introduciendo los valores hexadecimales deseados. Una vez lo hayamos hecho solo nos queda pulsar sobre el botón «Let’s Blend» para obtener el gradiente y el código del mismo. Sin duda, se trata de una herramienta totalmente recomendada.

Continúa leyendo «2 alternativas gratuitas para crear gradientes desde el navegador»

Tabiku, para descubrir y generar gradientes en CSS3 de forma sencilla

Tabiku

Ya os hemos hablado en anteriores ocasiones acerca de diferentes herramientas online con las que crear gradientes de colores en CSS. Recientemente nos ha llamado la atención Tabiku, un editor online con el que podremos generar gradientes en CSS3 de forma sencilla.

Al igual que alternativas similares, el funcionamiento de Tabiku es de lo más intuitivo. De hecho, nada más acceder al sitio web del proyecto solo tendremos que hacer clic sobre el botón «Create», situado en la esquina superior izquierda de la interfaz. A continuación, podremos elegir los colores que queremos mezclar, tal y como podéis ver en la captura de pantalla que os mostramos al inicio del artí­culo.

Continúa leyendo «Tabiku, para descubrir y generar gradientes en CSS3 de forma sencilla»

4 editores de imágenes online que se parecen a Photoshop

Las barras de herramientas, las capas, el menú superior.. millones de personas de todo el mundo están acostumbrados a usar editores de fotos como Photoshop o Gimp, herramientas que, aunque fundamentalmente diferentes entre sí­, tienen muchos puntos comunes, principalmente en la parte de distribución fí­sica de las opciones existentes.

Los editores de fotos online más sofisticados también usan esa estrategia, y aquí­ os queremos dejar con algunos de los más prácticos a la hora de editar fotos sin necesidad de instalar nada en nuestro ordenador.

splashup.com

splashup

Se conocí­a como Fauxto, es un editor bastante sencillo de usar que permite importar fotos de otras fuentes o subirlas desde nuestro ordenador, permitiendo aplicar fitlros y efectos, así­ como recortar, redimensionar y demás opciones obligatorias en los editores modernos.
Continúa leyendo «4 editores de imágenes online que se parecen a Photoshop»

colorhexa – Para buscar información sobre colores especí­ficos

colorhexa.com es un buscador especializado en colores, obteniendo información sobre cualquier color que le indiquemos, en cualquier formato, así­ como las fórmulas para transformarlo de uno a otro (rgb a hsl o cmyk, por ejemplo).

También podemos crear gradientes separando los colores con «+» o «to» en el campo de búsqueda.

Podemos buscar por nombre o código, aceptando cadenas como «red» , «ff0000» (con o sin «#»), «rgb(255,0,0)», «rgb 100 0 0 %», «c:0, m:100, y:100, k:0», «hsl 0, 100, 50», etc.

Un excelente recurso para ampliar la lista de Herramientas para trabajar con colores

Colorzilla presenta un editor de gradientes de colores en CSS

Colorzilla, la famosa extensión que nos ayuda a trabajar con colores en los diseños web, ha presentado ahora un editor de gradientes en CSS que podremos usar para dar efectos más sofisticados usando hojas de estilos.

Sólo tenemos que elegir los colores que formarán parte del diseño y obtener el código que tendremos que pegar en nuestro archivo .css. El resultado es perfecto, con lo que nos evita tener que usar gifs en los fondos de las páginas.

Una buena idea que se está divulgando por las redes sociales a una velocidad impresionante.