Tabla de colores para diseño web

selector de color html

Pueden influir en la forma en que un visitante interpreta lo que ve tanto como el diseño y la tipografía de un sitio, y, cuando se hacen bien, pueden tener un impacto positivo en la evaluación de cada visitante de la marca en su conjunto.

Al fin y al cabo, muchos de sus visitantes no estarán preparados para realizar una compra u otra conversión importante durante su primera visita, y necesitan recordar su empresa para volver y realizar esas acciones.

Por lo tanto, si su empresa ya tiene un esquema de colores establecido, es esencial incluirlo en el diseño de su sitio. Esto facilitará que los visitantes lo relacionen inmediatamente con otros lugares en los que han visto su marca.

Pero dado que el color es uno de los elementos más obvios de su sitio, y uno de los únicos que un usuario puede discernir dentro de esos 50 milisegundos iniciales, su paleta puede hacer o romper la evaluación de un usuario de su empresa.

Por ejemplo, las marcas que quieren crear una sensación de creatividad e imaginación tienden a incorporar el color morado en sus imágenes, mientras que las marcas que quieren establecer una sensación de equilibrio y calma se inclinan por el blanco y el negro.

códigos de color html

Nunca he sido un fanático de la teoría del color. Creo que es porque siempre he sido un poco inútil en ella. Me encantaría ser capaz de sentarme ahí, con la rueda de colores en la mano, y elegir combinaciones de colores complementarios, complementarios divididos y tríadas, impresionando a todos mis amigos, familia y clientes en el proceso.

Pero la teoría siempre se me ha escapado y, a decir verdad, nunca me ha resultado útil a la hora de utilizar el color en mis proyectos. Irónicamente, me he dado cuenta de que cuanto mejor elijo y utilizo el color, mejor es la teoría que lo sustenta.

Por supuesto, eso no ayuda mucho cuando estás empezando, ¿verdad? Por eso, en este artículo, no verás una sola rueda de color. En su lugar, voy a mostrarte un sencillo flujo de trabajo de color que puedes utilizar en tu próximo proyecto web.

Ahora, elegir un color de la nada (juego de palabras intencional) sería bastante fácil, pero no vamos a hacer eso. Para cualquier proyecto en el que se trate con clientes, deberías intentar justificar todas las opciones que puedas. Si no lo haces, será un caso de tu color favorito frente a su color favorito. Ellos son el cliente. Te están pagando. Ellos ganarán.

texto de código de color html

Saber qué herramienta es la adecuada para el trabajo es la mitad de la batalla cuando se trata de diseño web. Consulta nuestra lista de las mejores herramientas de creación de prototipos de diseño web que todo diseñador debería conocer, y no dudes en compartirla con tus amigos. Te lo agradecerán.

La selección de una combinación de colores es una parte fundamental de cualquier sitio web o proyecto, y para ayudarte a descubrir esa combinación de colores perfecta hemos recopilado una lista de los mejores generadores de paletas de colores y herramientas web que existen en la actualidad.

Buscar imágenes que combinen bien con su esquema de colores puede llevar mucho tiempo, así que hemos elaborado una lista de nuestras herramientas de búsqueda de imágenes favoritas que utilizan el color para filtrar o refinar sus resultados.

herramienta de selección de colores

Hay mucho material sobre el color que se puede encontrar en Internet. Pero ninguno de nosotros tiene tiempo para buscar y leer largas series de artículos para cubrir el tema. Por eso he querido crear esta guía completa para aplicar el color en el diseño web. En este post vamos a cubrir:

Así que tienes un proyecto de diseño web entre manos. Uno de los primeros pasos que probablemente tendrás que dar para iniciar el proceso es elegir una paleta de colores. Si estás trabajando para una marca existente, probablemente tu ámbito de colores será limitado, especialmente si esta empresa tiene una guía de marca. Sin embargo, si hasta ahora sólo tienes un boceto en blanco y negro de una marca, a la espera de definiciones como el color, entonces sigue leyendo.

Lo primero que recomiendo hacer es un pequeño ejercicio con tu cliente o con los stakeholders del proyecto. El ejercicio consiste en que estos interesados escriban una breve lista de atributos que creen que debe tener su nueva marca. Si puedes estar in situ para el ejercicio (yo personalmente trabajo a distancia desde Argentina para clientes de Europa y Estados Unidos), haz que escriban cada atributo en una nota adhesiva. A continuación, reúna todas las notas adhesivas y póngalas en una pizarra. Pronto empezarás a notar patrones. Recoge y reorganiza las notas adhesivas para agrupar las notas que se relacionan entre sí. A continuación, puedes nombrar cada grupo. En este caso, como se trata de un pequeño ejercicio, el nombre será probablemente una sola palabra que comprenda todos esos atributos relacionados. Es decir, un atributo consensuado.