Una de las mejores maneras de cambiar el estado de ánimo de un diseño de página web es cambiar el esquema de color. Si va a utilizar el color para afectar el estado de ánimo, es útil comprender 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
Si bien es posible tener un diseño que use colores de las tres familias, la mayoría de los diseños tienen una sensación general de calidez, frialdad o neutralidad.
Energizar con colores cálidos
Los colores cálidos incluyen tonos de rojo, naranja y amarillo y variaciones en 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 edificantes. 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 utilizando solo los dos colores: rojo y amarillo. Estos colores primarios se combinan para hacer naranja. No utilice colores fríos en una paleta cálida cuando mezcle colores.
Relájese con colores fríos
Los colores fríos incluyen tonos de verde, azul y púrpura y variaciones en esos colores. Se llaman colores fríos porque evocan una sensación de agua, árboles y noche. Traen una sensación de relajación, calma y reserva. Los diseños que usan colores fríos a menudo son vistos como profesionales, constantes y profesionales.
A diferencia de los colores cálidos, solo hay un color primario, el azul, en los colores fríos. Así que para obtener otros colores en la paleta, debes mezclar algo 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 puro y fresco.
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 los influencian. Los diseños en blanco y negro se consideran elegantes y sofisticados, pero debido a que estos colores son tan rígidos, pueden ser desafiantes al crear diseños web efectivos.
Otra forma de crear una paleta neutra es agregar negro o blanco a un color cálido o frío para que el color sea más gris.
Uso de familias de color en diseño web
Si está tratando de evocar un estado de ánimo con su diseño web, las familias de colores lo ayudan a hacerlo. Una buena manera de probar esto es crear diferentes paletas en las tres familias de colores y comparar su diseño utilizando los tres. Puede notar que el tono completo de la página cambia cuando cambia la familia de colores.
Aquí hay algunas paletas de muestra que puede probar con su página web en las diferentes familias de colores:
Calentar
- # cc333F, # eb6841, # edc951
- # ffd573, # ff773d, # f73e3e
- # ffe545, #fefbaf, # c2a34f, # fbb829
- # ffab03, # fc7f03, # fc3903, # d1024e
Guay
- # 69d2e7, # a7docket, # e0e4cc
- # 2a044a, # 0b2e59, # 0d6759, # 7ab317, # a0c55f
- # 8ca315, # 5191c1, # 1e6495, # 0a4b75
- # 8fbfb9, # 6493a7, # bddb88, # e0f3b2, # eefaa8
Neutral
- # d9ceb2, # 948c75, # d5ded9, # 7a6a53, # 99b2b7
- # e6cba5, # ede3b4, # 8b9e9b, # bd7578
- # d8d0c8, # d2d0c8, # cbd0c8, # c4d0c8
- # 182009, # 464b35, # 757661, # d1ccb9
