Paletas de color.
EJEMPLOS DE COMBINACIONES DE COLOR PARA PÁGINAS WEB.
Ejemplos de combinaciones de color que te inspirarán a encontrar el complemento de diseño ideal que buscas para tu sitio web. Todas estas paletas puedes combinarlas con tonos blancos y negros. También ten presente que las imágenes de una web añaden mucho peso visual al diseño.
Melocotón.
ATRACCIÓN SUTIL.
Paleta de color pensada para transmitir a tu sitio web calidez, sutileza y cierto toque de sensualidad. Esta combinación de colores se complementa bien con tipografías sans serif y combina perfectamente con imágenes a escala de grises.
Ejemplo paleta de color melocotón.
En el ejemplo puedes ver un maravilloso diseño creado por el equipo de Elegant Themes disponible como plantilla en el tema DIVI. Este diseño propone un tono melocotón vibrante para provocar mucho contraste con el resto de elementos pintados en pantalla sobre un fondo gris. Tanto la paleta de color propuesta, como la combinación de tipografías y el tamaño del texto, hace de este diseño una web impactante y atrayente.
Rosa.
RELAJANTE Y TEATRAL.
Tradicionalmente está asociado a lo femenino, pero aparte de esta anticuada concepción tradicional, se trata de un color relajante que bien combinado llama mucho la atención.
Ejemplo paleta de color rosa.
Como ejemplo de paleta de color con el rosa como tono predominante, vemos el maravilloso sitio web del diseñador e ilustrador Ivy Chen. Esta web es un buen ejemplo de la teatralidad aplicada al diseño web. Combina perfectamente imágenes poco saturadas e ilustraciones sobre fondo amarillo, muy cercano al tono blanco. El contenido de la web se muestra de manera muy clara e invita a ser consumido gracias a los tonos poco saturados en contraste con un rojo saturado como color de énfasis.
Azul.
FIABLE Y PROFESIONAL.
Es habitual encontrarnos en sitios web de profesionales que prestan servicios, tonos azules en su color de énfasis. También se asocia fácilmente al mundo tecnológico y Online.
Ejemplo paleta de color azul.
La web de STUDIOPRESS, la gente que está detrás del Framework para WordPress Genesis, vemos un claro ejemplo de paleta con color azul de énfasis. Con este color azul tan presente en su web y en su color corporativo, pretenden transmitir profesionalidad, confianza y tecnología Online, no está de más decir, que Genesis Framework es de los temas disponibles en WordPress mejor programados que existen.
Verde.
ECOLOGISMO Y SUERTE.
Es un color muy recurrido actualmente para transmitir ecologismo. También indica paso libre o que todo está bien porque hemos tomado una decisión correcta.
Ejemplo paleta de color verde.
Como puedes imaginar, hay infinidad de sitios web que recurren a la paleta de color con verdes, porque nos transmiten infinidad de connotaciones, todas ellas positivas. Nuevo camino, via libre, eco, comprometido, incluso suerte y decisión correcta. La web de muestra que te presento es de nuevo una plantilla de DIVI, este es un claro ejemplo de como a través del verde se quiere transmitir compromiso, ecologismo y eficiencia energética. Como complemento utilizan un tono negro para transmitir calidad premium en su servicio.
Escala de grises.
MINIMALISTA Y ORDENADO.
En la mayoría de sitios web que visitamos el blanco es el color predominante, por ejemplo este mismo. Se asocia con un color limpio y minimalista. La mayoría de colores que combines con él provocan mucho contraste y llaman la atención.
Ejemplo paleta de escala de grises.
El sitio web de Micah Johnson, destaca por su minimalismo y la escala de grises que usa en su paleta de color base. Si te fijas como color de énfasis usa el mismo que el tono del texto, pero en negrita, no necesita más. La clave en este tipo de diseño es ser lo más escueto posible, escoger una tipografía discreta y tener en cuenta, que las imágenes tendrán una carga visual importante.
Púrpura.
CREATIVO Y ENÉRGICO.
Se asocia a la creatividad, a la imaginación, incluso, en mayor o menor medida, a lo místico y divino. El color púrpura o morado está de moda en el mundo Online, muchos creadores de contenido, entre los cuales me incluyo, utilizamos tonos púrpura como color de fondo en nuestros videos.
Ejemplo paleta de color púrpura.
Este ejemplo es la web de WPASTRA, uno de los mejores themes de bloques que existen actualmente en WordPress. ASTRA se ha adaptado perfectamente al diseño No Code actual y presenta una solución de altísima calidad para conseguir diseños web profesionales prácticamente sin tener conocimientos previos. Combina color Azul, mundo Online, y color púrpura, parte creativa del diseño.
Sugerencias y peticiones
FALTAN MUCHOS COLORES, TONOS, MATICES…
Dejo abierta la página a tus sugerencias y peticiones. Si te interesa saber más sobre algún tono en concreto y cómo lo podrías combinar y aplicar en una web, rellena el formulario de aquí abajo, suscríbete al blog de diseño web y encantado añado el estudio sobre tu petición de color. Y ADEMÁS TE AVISO CUANDO ESTÉ PUBLICADO.
Albert Gimeno, diseñador y consultor web.
Y recibe un email semanal con todas las actualizaciones que publico en el blog, además, si te suscribes, puedes proponer temas para futuros artículos o vídeos.