Saltar al contenido

Utilice familias y paletas de colores para su sitio

abril 8, 2021

Una de las mejores formas de cambiar el estado de ánimo del diseño de una página web es cambiar la combinación de colores. 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.



Energízate 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 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 dos colores: rojo y amarillo. Estos colores primarios se combinan para hacer naranja. No utiliza colores fríos en una paleta cálida al mezclar colores.



Relájate con colores fríos

Los colores fríos incluyen tonos de verde, azul y morado y variaciones de esos colores. Se llaman colores fríos porque evocan una sensación de agua, árboles y noche. Aportan una sensación de relajación, calma y reserva. Los diseños que usan colores fríos a menudo se consideran profesionales, estables y comerciales.


A diferencia de los colores cálidos, solo hay un color primario, el azul, en los colores fríos. Entonces, para obtener otros colores en la paleta, mezcla algo de rojo o amarillo con azul para obtener verde y morado. Esto hace que el verde y el morado sean más cálidos que el azul, que es un color puro y frío.



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 neutral se vuelve. Los diseños neutrales 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 marcados, pueden ser un desafío 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 hacer que el color sea más gris.



Uso de familias de colores en el diseño web

Si está tratando de evocar un estado de ánimo con su diseño web, las familias de colores lo ayudarán a hacerlo. Una buena forma de probar esto es crear diferentes paletas en las tres familias de colores y comparar su diseño usando las tres. Puede notar que todo el tono 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:


Cálido


  • # cc333F, # eb6841, # edc951
  • # ffd573, # ff773d, # f73e3e
  • # ffe545, #fefbaf, # c2a34f, # fbb829
  • # ffab03, # fc7f03, # fc3903, # d1024e

Fresco


  • # 69d2e7, # a7dbd8, # 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