Biblioteca de degradado en la Web de CoolHue, en colores pastel

Los gradientes web son una moneda de diez centavos por docena en estos días, ya que CSS3 facilita la creación de gradientes desde cero, y con la biblioteca de códigos correcta, es aún más fácil.

Ahí es donde entra en juego el valor de coolHue. Esta biblioteca en línea gratuita es quizás el mejor lugar para encontrar gradientes impresionantes para su sitio.

La mayoría de los degradados siguen una selección en colores pastel muy brillante de dos colores o de tres colores. Pero los gradientes son fáciles de editar para que pueda trabajar con cualquier sitio..

Desde la página principal, puede que no parezca mucho. Es principalmente una colección de degradados seleccionados a mano con diferentes tonos y opciones de color. Sin embargo, si visitas el repositorio de GitHub, encontrarás otra historia. Esta colección es la mejor opción para encontrar. paletas de colores personalizadas, todo específicamente diseñado para sitios web.

También es bastante fácil trasladar estos gradientes a una interfaz de usuario de la aplicación móvil. Pero he encontrado que son más útiles con las tendencias de diseño más recientes, como sombras paralelas.

Al editar tu sitio puedes pasar tonos de color en una matriz personalizada variable colorData. Esto debería aparecer dentro de su HTML principal junto con todos sus elementos de gradiente.

Usando JavaScript tienes control completo sobre cómo se mezclan los colores. CSS3 también puede admitir varios colores, pero es más difícil hacer que funcionen en todos los elementos de la página y en todos los navegadores.

Con el sitio coolHue, puedes incluso descargar gratis archivos PNG de los gradientes. De esta manera, puede editarlos en proyectos de diseño gráfico, maquetas de sitios web o utilizarlos fuera del código HTML / CSS / JS sin formato..

Y si eres un gran usuario de Photoshop, incluso hay un archivo de gradiente .grd con todos los gradientes de coolHue. Derecho impresionante?

Visite el repositorio de GitHub para obtener instrucciones de configuración y fragmentos de código de muestra. Allí también encontrará el archivo de gradiente de PS junto con el archivo de gradiente de Sketch y mucho más.