Diseño de páginas web para inspirarse por colores

Colección de ejemplos de páginas web para que te inspires. Muchas veces hay que diseñar una página web con unos colores establecidos o siguiendo la línea del logotipo del cliente. Hay días en que la inspiracion no surge, que estamos bloqueados y estamos deseando que se asome una pequeña luz que nos permita salir. ¿Quieres hacer un buen diseño? Coge ideas. He ido haciendo colecciones de diseños webs para inspirarse agrupados por colores. Escoge tu color y mira las páginas web. Seguro que te ayudarán.

Diseños web verdes para inspirarse

Esta vez le ha tocado a los diseños web verdes. Espero que te parezcan interesantes y te sirvan para inspirarte en futuros diseños web con este color.

Podrás ver como quedan diferentes combinaciones de colores, como queda si le añades ilustraciones o con un fondo de la página totalmente en verde. Te dará ideas de como hacer la página web.

¿Para qué se utiliza el color verde?

Es un color alegre, relajante, que simboliza la esperanza y también se utiliza en ecología, vida sana y naturaleza.

Colores verdes que se utilizan en diseño web

GreenYellow #ADFF2F
Chartreuse #7FFF00
LawnGreen #7CFC00
Lime #00FF00
LimeGreen #32CD32
PaleGreen #98FB98
LightGreen #90EE90
MediumSpringGreen #00FA9A
SpringGreen #00FF7F
DarkSeaGreen #8FBC8F
MediumSeaGreen #3CB371
SeaGreen #2E8B57
ForestGreen #228B22
Green #008000
DarkGreen #006400
YellowGreen #9ACD32
OliveDrab #6B8E23
Olive #808000
DarkOliveGreen #556B2F

Ejemplos de páginas web verdes

Son buenos ejemplos de páginas web con diseño corporativo, por lo que si vas a diseñar una página para una empresa estas propuestas te ayudarán a ello.

acorn4mortgages

Combina verde con blanco, también tiene este diseño una ilustración de casas y árboles.
Diseños web verdes

silverbackapp

Este diseño está compuesto por tonos verdes.

greeninfrastructureinc

Que mejor representa el verde que una hoja de este color.

logolabs

En esta página web el verde se utiliza en la cabecera de la web.

thefruit-box

Acertaron con el color verde al ser una página web de venta de frutas. El color de fondo es el blanco y lo combina con elementos con fondo verde como el menú y el formulario.

emotionslive

Página web sencilla con un fondo verde.

cruzverde

Cabecera con fondo verde.

iberdrola

Otro diseño que combina fondo blanco con elementos en verde. Es una combinación que funciona muy bien.

Guardar

Diseños web en rosa para inspirarse

El color rosa es asociado a las mujeres y en todas las campañas publicitarias sobre el cáncer, pero podrás ver distintos diseños de páginas web en color rosa que no tienen nada que ver con estas temáticas, desde agencias de publicidad hasta webs de iconos. Por que el rosa queda bien en multitud de diseños web.

Odopod

LizLance

Solid Giant

Diseños web en naranja para inspirarse

Te traigo una selección que he hecho de páginas web en naranja para inspirarse. Si necesitas hacer algún diseño en color naranja, antes te recomiendo mirar las páginas web que os indico para coger ideas y ver con que colores quieres combinar ese naranja.

Tabortata

Combina el naranja con el blanco, verde, amarillo y gris oscuro. Normalmente no se combina con naranja con tanta variedad de colores, te envio este ejemplo, para que veas una combinación diferente a lo típico.

Invoizera

Otro ejemplo más de negro y naranja.

Vital Design

Este diseño combina blanco, gris oscuro y naranja.

truskawi

Distintos tonos de naranja podrás ver en este diseño web.

Eva Care Group

En esta página web podrás ver una variedad de colores web, uno de ellos el naranja.

Daddy Design

Para esta página web el color predominante es el naranja, aunque también destaca el fondo blanco.

Justin Bird

Parecido al anterior, combina color naranja y blanco.

Eighty8Four

Podrás ver un naranja más oscuro combinado con blanco.

Snapplr

Utiliza degradados naranjas en esta página web.
Diseños web en naranja

18 diseños web en marrón para inspirarse

A continuación os muestro una recopilación de diseños web en marrón como inspiración. Puedes ver la mejor combinación de colores con el marrón. Personalmente a mi me gusta con los marrones los amarillos o los teja, pero cada uno tiene sus preferencias. Aquí puedes ver combinaciones del marrón con amarillos, rojos, rosas, naranjas,…

handcraftedcss

rzmota

diseño web que podría estar perfectamente en un apartado de webs creativas y originales

coolshowcase

mattbrett

quo.com

jrojr

deepsun

respiromedia

riotindustries

eatatfig
diseños web en marrón

authenticstyle

30 diseños web azules como inspiración

Hoy os traigo una recopilación de sitios web azules para que os sirvan como inspiración en vuestros diseños azules.

Bluevertigo

Combina dos tonos de azules: más claro y más oscuro
diseños web azules

Festivalcreative

Utiliza un degradado azul de fondo, además de unas interesantes ilustraciones en el pie de la página, que hacen mucho más atractivo el diseño web.

Criticalzero

Combina distintos tonos de azules con el texto en blanco.

Box

Esta página está diseñada con tonos azules y blancos.

Awpexpress

Página web combina el azul en distintos tonos con un naranja discreto.

Freshnotcanned

Otra variante con fondo azul de fondo.

thepixel

Ejemplo de página web muy original con un fondo de nubes y tonos azules.

blueraydesignbuild

Mira como utilizan en esta página web el color azul en la cabecera. Una opción más.

Seniorwebdesigner

elemodo

icebrrg

bird

Tympanus

Serj

Páginas web en amarillo para inspirarse

Colección de diseños web en amarillo que me gustan y que sirven como inspiración si teneis que diseñar una web en este color. El amarillo combina genial con el negro y vereis que es una combinación muy acertada para una web.

Helveticons

Trout Creative

Roome Consulting

Creative Spark

FontShop

Booreiland

Riot Industries

GlasGoWeb

Páginas web en negro para inspirarse

Colección de sitios web en color negro para que te sirvan de inspiración.

Un sector que utiliza el color negro para sus diseños web es el de la arquitectura, líneas simples y colores negros o blancos. Otros sectores que utilizan mucho el negro son el de la moda y joyería. Pulsa la imagen para ver la web en su sitio original.

Si te fijas siempre que el fondo está en negro se combina con colores llamativos o blanco. En este caso los colores llamativos le dan luz a la web y no se ven fuera de lugar.

Creature Technology

All Blacks

Let It Bleed

Enlightening quotes

Blake Allen Design

Diseño de páginas web en violeta para inspirarse

Dependiendo del color elegido para la página web puede dar una u otra imagen. El color violeta es asociado a la muerte pero para otras personas es un color elegante.

Te invito a ver esta colección de páginas web en violeta para que veas lo que representa para ti y, si diseñarías tu página web de color violeta.

Página web oficial de los Angeles Lakers

utilizan como fondo el violeta, al estar presente ese color en su logo.

Newism

el color predominante es el violeta.

One Mighty Roar

cabecera en color violeta.

Shout Digital

contenido en color de fondo violeta.

Appear

toda la página web con el fondo en color violeta.

Purple, Rock, Scissors

el fondo va cambiando de color, os muestro el violeta.

Aespec

el fondo de la cabecera y algunos de los textos en color violeta.

Sitios web en blanco para inspirarse

En diseño web se utiliza mucho el fondo blanco pues es un color que permite la lectura fácilmente y combina con multitud de colores. Da un toque de claridad a las webs que con otros colores no es posible.

Te recomiendo pulsar en el enlace para ver la web en su sitio original pues muchas de ellas no son estáticas y cambia bastante un diseño estático de aquél que no lo es.

Planilandia agencia creativa

Agencia de comunicación en Roma

FontSmith

Styiens – Label Musical

Appex

JC Photography

Diseños web en gris para inspirarse

Te traigo una colección de diseños web en color gris para que te inspires a la hora de realizar tus proyectos. Puedes ver otras colecciones de diseños web en la categoría de diseño web.
Puedes comentarnos tus opiniones al final del artículo.

Loft Resumes

Nelson Cash

MiniVegas

Shoshorov

Dragon Interactive

TweetDeck

City Church

ElysiumBurns

Davroc Interiors

Toshiedo

Urban Edge Design

Maccrabit espresso

Fluid Book

8 faces

Christopher Meeks

Campaign Monitor

En diseño web, ¿con qué colores sueles combinar el gris en tus trabajos?

Páginas web con colores llamativos para inspirarse

Es muy importante utilizar bien los colores en una página web. Con colores llamativos podemos conseguir una buena impresión en el visitante si se utilizan correctamente. Pero si no se utilizan bien podemos conseguir que el usuario se distraiga o no visualice rápidamente elementos muy importantes dentro del diseño, como por ejemplo el menú.

A continuación te invito a ver una colección de diseños interesantes con colores llamativos para que te inspires en tus próximos trabajos. Combinan muy bien los colores y al mismo tiempo consiguen que todo esté armonizado.

Daniel Sitek

Aaugh

Florida Flourist Web Design

Nybble Designs

F5. We make web sites

Si quieres ver diseños web en rojo, aquí tienes el link:

¿Hechas de menos algún color? Comentanos tus opiniones.

Espero que te hayan gustado estas paginas web ejemplos de diseño. Si es así, solo te queda compartirlo a través de tus redes sociales.

Guardar

Guardar

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio