¿Alguna vez parece que ciertos esquemas de color de sitios web solo reciben toda la atención? Al igual que con todos los demás aspectos del diseño web, hay esquemas de color que tienden a tender más que otros. Los colores brillantes, las paletas rígidas e incluso algunos esquemas no coincidentes son elementos de color que son tendencias.
He aquí un vistazo a algunas de las mejores combinaciones de colores de sitios web de 2018 (sin ningún orden en particular). Para cada uno, también compartimos los códigos de color que conforman los elementos clave del diseño, por lo que también es fácil jugar con estos esquemas de color.
1. Fundación Taproot
# 00a9d8 # 0d9edf # 259b9a
Taproot Foundation utiliza uno de los esquemas de color de sitios web mejores y más coloridos que existen. La combinación de amarillo, azul y verde kelly trabajan juntas para explicar las diferentes facetas del grupo que ayuda a las organizaciones sin fines de lucro. No es un esquema de color de un sitio web lo que se ve a menudo, pero el color brillante con un fondo blanco es una opción muy de moda.
2. Prevenir las epidemias
# 292930 # 3eb650 # fcc133 # e12b38
Prevent Epidemics utiliza un esquema igualmente colorido, pero combinado con un fondo oscuro y verdes que llevan a lo largo de los elementos de la interfaz de usuario y el diseño general, todo se combina. Una de las opciones de paletas de colores más modernas es desarrollar un conjunto de colores que sea más amplio que la paleta típica de dos o tres colores que es más común.
3. Snipcart
# 7f8688 # 929d9e # f3e367
Snipcart utiliza un gris claro para establecer el tono como color de fondo principal en esta paleta con sutiles detalles en amarillo. La solución combina un color brillante más moderno con un degradado sutil y neutro para una paleta de colores que alienta al usuario a concentrarse realmente en el contenido.
4. Mossio
# 18181e # dec79b
Mossio usa los mismos colores base aquí para la combinación de colores de este sitio web. Puede ver la tendencia en negro / gris y amarillo, ¿verdad? - Sólo con un fondo más saturado y un color de acento menos saturado. La combinación tiene casi el mismo efecto que el ejemplo anterior con una paleta de colores que se enfoca en el contenido, haciendo que el diseño sea un poco más invisible.
5. Levadura Omega
# f7f7f7 # 7da2a9
Omega Yeast no parece que tenga una paleta de colores más allá del blanco y negro a primera vista, pero el diseño de este sitio web hace algo que es una gran idea en las tendencias de color. El esquema de color está arraigado en la imagen principal, en este caso un video, en lugar de un fondo o elementos coloridos de la interfaz de usuario. Esta tendencia en el color se está volviendo más común porque los diseñadores están usando imágenes a pantalla completa para contar una historia de marca.
6. Agencia para siempre
# 4bffa5 # 040f3d # c6c4c5
Forever Agency usa mucho color intenso en el diseño de su sitio web, pero la paleta está enraizada en un verde brillante. Este es el nuevo neutral. (Solo tome nota de cuántos de los sitios web de este resumen tienen un tono verde). Este verde es un poco más brillante que otros que usan la tendencia, pero aparece en muchos lugares, como el pie de página, la marca y para iconos y divots en todo el mundo. el diseño.
7. Konstantopoulos / Olymp
# 34421e # f1f1ef # c19434
Mientras estamos en el tema de los esquemas de color verde, Konstantopoulos / Olymp utiliza un fondo sutil (hay ramas de olivo verdes allí) y una marca de marca verde oscuro para juntar todo aceituna. La marca principal verde es distinta, así como una paleta en las imágenes que enfatiza el uso del color en diferentes tonos.
8. IC Creative
# fb8122 # 1d2228 # e1e2e2
IC Creative utiliza una superposición de color oscuro (negro que no es realmente negro) con un acento brillante y mucho blanco para crear una escena acogedora. Las superposiciones de colores en casi todos los tonos son una tendencia importante en el color del sitio web y una opción de negro rico como la que se muestra aquí es una buena forma de dar a otros contenidos mucho espacio en la pantalla. Solo tenga en cuenta el titular de gran tamaño y acentos brillantes y llamadas a la acción.
9. Hotel Mangrove
# d48166 # 373a36 ## e6e2dd
Si bien las paletas de colores brillantes prácticamente han gobernado el diseño del sitio web durante algunos años, hay un cambio hacia las paletas más apagadas para algunos proyectos. El tono carnoso de Mangrove Hotel es cálido y complementa bien el contenido. (Este mismo color también ha aparecido en algunas comunicaciones de marketing de Twitter).
10. Cinco / Cuatro
# fa292a # b89f5d # 5a7670
Five / Four adquiere uno de los colores más desafiantes para crear una paleta con - rojo. Y lo hacen de manera audaz. La paleta funciona bien porque los otros colores se usan de forma más apagada como superposiciones de fotos y nada más compite con el rojo brillante y saturado que se usa en todo el diseño.
11. Atlanta Brewing
# e40c2b # 1d1d2c # f7f4e9 # 3cbcc3 # eba63f # 438945
Atlanta Brewing también usa un rojo dominante con muchos otros colores de acento. Tenga en cuenta que la paleta no solo es parte del diseño del sitio web, sino que también se extiende al embalaje del producto. Tienen una paleta bastante amplia con colores primarios como base y un rico fondo en blanco y negro.
12. JYBH
# 151617 # 090a0a # 151516
A veces la mejor paleta de colores comienza con la falta de color. JYBH usa una paleta de todo negro con diferentes grados de textura y oscuridad. Esto es algo que probablemente haya visto mucho cuando se trata del color del sitio web.
13. distinción
# 000000 # 181818 # 2cccc3 # facd3d # 5626c4 # e60576
La distinción utiliza la misma base totalmente negra para su paleta de colores con un arco iris de colores de acento. Si desea una amplia paleta de colores, esta es la forma de utilizar la tendencia de manera efectiva.
14. lucía lash
# ffffff # 0a0a0a
En el otro extremo del espectro de colores está la falta de color por completo. Un único esquema de color de sitios web en blanco y negro es la altura del mod y el minimalismo.
15. Pittori di Cinema
# fdd935 # 000000
El minimalismo también puede ser a todo color, como lo demuestra Pittori di Cinema. El esquema amarillo brillante con negro es una opción común de minimalismo de alto color. Cuanto más brillante es la paleta de colores para este estilo, más tendencia parece tener.
16. Día de los Muertos
# 32064a # e56b1f # fcd02c # e42c6a
Day of the Dead utiliza una paleta con tonos de joya y colores brillantes para una sensación real. Este equilibrio en la paleta de colores crea el contraste suficiente para que cada elemento sea fácil de ver, pero sin distraer demasiado en este entorno de alto color.
17. orgulloso y rasgado
# 1f3044 # fb9039 # 646c79
Proud & Torn utiliza el mismo concepto de tono de joya con una combinación de colores ligeramente más apagados. La paleta de colores más sutil ayuda a crear interés visual para un sitio web que presenta muchas imágenes incoloras.
18. Cartera Tareq
# e3e3e3 # f6f6f8 # c60021
Este sitio de cartera utiliza una paleta de colores de fondo que está prácticamente en todas partes: gris suave y blanco. Independientemente de las otras opciones de color o acentos seleccionados, el gris claro es muy popular.
19. Etiya
# d56c2c # 22223a
Etiya presenta otro color único popular como parte de su paleta de colores general del sitio web: el naranja. Los tonos de color naranja brillante, a menudo utilizados con fondos oscuros que son de color negro, azul marino o púrpura, son una opción de tendencia.
20. Baobla
# 56642a # 849531 # 92a332
Baobla presenta un divertido degradado en una combinación de colores monótonos. Este estilo de paleta de colores es ideal para nuevas marcas o identidades de productos o si está buscando un gran impacto con un tono intenso.
21. Estereosuper
# fb9985 # b3e3b5 # 48484a
Stereosuper toma dos colores, verde menta y naranja peachy, y los combina para una paleta de colores aparentemente no coincidentes. Con tantas opciones de colores más brillantes y audaces, hay más paletas que no coinciden y, sorprendentemente, muchas de ellas funcionan.
22. Jean-Baptiste Kaloya Portfolio
# 150734 # 0f2557 # 28559a # 3778c2 # 4b9fe1 # 63bce5 # 7ed5ea
Jean-Baptiste Kaloya convierte el color más popular en el diseño de sitios web en una paleta monótona propia con diferentes grados de azul. También tenga en cuenta los gradientes suaves en los azules más claros.
23. Igor
# 000000 # fefefe # fdee30
Igor muestra lo que es probablemente la paleta de colores de sitios web más populares de 2018: negro, blanco y amarillo. Esta paleta de colores, aunque se ve en varios tonos, es muy popular. Esta combinación es probablemente una de las más atractivas.
24. vaquero de bicicleta
# 000000 # fa255e # c39ea0 # f8e5e5
Cowboy Bike utiliza una paleta de colores negros y brillantes que capta la atención de inmediato. Si bien la mayoría de los sitios usan negro solo para texto, este diseño lo incorpora a la paleta brillante y monótona.
25. Portafolio de Pavithra
# 632695 # b5267b # 5bb659 # 254598
Este sitio de cartera utiliza una paleta de Diseño de materiales con imágenes de fondo de colores brillantes en cada pantalla de desplazamiento diferente. Si bien a simple vista puede parecer mucho color, funciona bien con cada pantalla con un tono diferente.
26. Avoconseil
# 33ffed # 9c45eb # aea78e
Avoconseil utiliza una paleta tricolor de moda con un fondo plano y colores de acento en el diseño ilustrado. Este estilo de paleta con tres colores distintos (muchos también con un cuarto acento) ha seguido siendo popular a través del auge y la evolución del diseño plano.
27. Gabrielle Dolan
# e8eae3 # 373833 # fa2742
El sitio web de Gabrielle Dolan utiliza la tendencia de la paleta de colores gris-blanco-brillante. Con una clara falta de color para la mayoría del diseño, el color brillante parece saltar de la pantalla. Crea la zona focal y la cantidad de contraste correctas, por lo que esta es una opción de combinación de colores de tendencia.
28. Pixel Pantry
# 9e15bf # 4ac6d2
Pixel Pantry utiliza un par de colores distintos para mostrar esta tendencia: púrpura y verde azulado. La combinación de estos dos colores para crear una paleta es casi irreal. Encontrarás variaciones de este esquema en casi todas partes.
29. Once plantas
# 5daa68 # 3f6844 # faf1cf
Eleven Plants utiliza un esquema de colores neutros que es armonioso y fácil de ver. El verde combina bien con el contenido y las combinaciones de colores son simples y encantadoras.
30. Qvartz
# ee7879 # 2a3166 # f4abaa # cae7df
Qvartz utiliza uno de los colores de tendencia más inesperados del año de una manera que imita a muchos otros proyectos. Con texto rosa, bloques de color rosa y una mezcla de colores audaces y suaves, esta paleta es algo femenina pero no demasiado.