Una de las mejores maneras de cambiar el estado de ánimo de un diseño de página web es cambiar la combinación de colores. Si va a usar el color para afectar el estado de ánimo, ayuda a entender las familias de colores y lo que representan. Las familias de colores son divisiones de la rueda de colores en tres tipos de colores:
- Colores cálidos
- Colores fríos
- Colores neutros
Aunque es posible tener un diseño que utiliza colores de las tres familias, la mayoría de los diseños tienen una sensación general de calidez, frescura o neutralidad.
Índice de contenidos
Energice con colores cálidos
Los colores cálidos incluyen tonos de rojo, naranja y amarillo y variaciones de esos colores. Se llaman colores cálidos porque evocan una sensación de luz solar y fuego, cosas que son cálidas. Los diseños que usan colores cálidos tienden a ser energizantes y estimulantes. Implican pasión y sentimientos positivos en la mayoría de las personas. Los colores cálidos tienden a ser colores de creatividad, celebración, pasión, esperanza y éxito.
Los colores cálidos se crean usando sólo los dos colores: rojo y amarillo. Estos colores primarios se combinan para hacer el naranja. No se utiliza ningún color frío en una paleta de colores cálidos cuando se mezclan los colores.
Relájese con colores fríos
Los colores fríos incluyen tonos de verde, azul y púrpura y variaciones de esos colores. Se llaman colores fríos porque evocan una sensación de agua, árboles y noche. Producen una sensación de relajación, calma y reserva. Los diseños que usan colores fríos a menudo son vistos como profesionales, firmes y formales.
A diferencia de los colores cálidos, sólo hay un color primario, el azul, en los colores fríos. Así que para obtener otros colores en la paleta, se mezcla un poco de rojo o amarillo con azul para obtener verde y púrpura. Esto hace que el verde y el púrpura sean más cálidos que el azul, que es un color frío puro.
Colores neutros
Los colores neutros consisten en marrón, que es una combinación de los tres colores primarios, y los dos colores restantes: blanco y negro. Cuanto más turbio o gris es un color, más neutro se vuelve. Los diseños neutros son los más difíciles de definir porque gran parte de la sensación que evocan proviene de los colores cálidos y fríos que influyen en ellos. Los diseños en blanco y negro son considerados elegantes y sofisticados, pero debido a que estos colores son tan severos, pueden ser un reto a la hora de crear diseños web efectivos.
Otra forma de crear una paleta neutra es añadir negro o blanco a un color cálido o frío para hacer que el color sea más gris.
Uso de Familias de Color en el Diseño Web
Si usted está tratando de evocar un estado de ánimo con su diseño web, las familias de color le ayudan a hacerlo. Una buena manera de probar esto es crear diferentes paletas en las tres familias de colores y comparar su diseño usando los tres. Puede notar que todo el tono de la página cambia cuando cambia la familia de colores.
Algunos ejemplos de paletas que puedes probar con tu página web en las diferentes familias de colores:
Caliente
- #cc333F, #eb6841, #edc951
- #ffd573, #ff773d, #f73e3e
- #ffe545, #fefefbaf, #c2a34f, #fbb829
- #ffab03, #fc7f03, #fc3903, #d1024e
Frío
- #69d2e7, #a7dbd8, #e0e4cc
- #2a044a, #0b2e59, #0d6759, #7ab317, #a0c55f
- #8ca315, #5191c1, #1e6495, #0a4b75
- #8fbffb9, #6493a7, #bddb88, #e0f3b2, #eefaa8
Neutro
- #d9ceb2, #948c75, #d5ded9, #7a6a53, #99b2b7
- #e6cba5, #ede3b4, #8b9e9b, #bd7578
- #d8d0c8, #d2d0c8, #cbd0c8, #c4d0c8
- #182009, #464b35, #757661, #d1ccb9
