Skip to main content

Utilitzeu famílies i paletes de colors per al vostre lloc

Anonim

Una de les millors maneres de canviar l'estat d'ànim d'un disseny de pàgines web és canviar l'esquema de colors. Si utilitzeu el color per afectar l'estat d'ànim, ajuda a comprendre les famílies de colors i el que representen. Les famílies de colors són divisions de la roda de colors en tres tipus de colors:

  • Colors càlids
  • Colors frescos
  • Colors neutres

Si bé és possible tenir un disseny que utilitzi colors de les tres famílies, la majoria dels dissenys tenen una sensació general de calor, frescor o neutralitat.

Energia amb colors càlids

Els colors càlids inclouen tons de vermell, taronja i groc i variacions d'aquests colors. Es diuen colors càlids perquè evoquen un sentiment de llum solar i foc: coses que són càlides. Els dissenys que utilitzen colors càlids tendeixen a ser energitzants i edificants. Implicen passions i sentiments positius en la majoria de la gent. Els colors càlids solen ser colors de la creativitat, la celebració, la passió, l'esperança i l'èxit.

Els colors càlids es creen amb només dos colors: vermell i groc. Aquests colors primaris es combinen per fer taronja. No utilitzeu colors freds en una paleta càlida quan barregeu colors.

Relaxeu-vos amb colors frescos

Els colors frescos inclouen tons de verd, blau i violeta i variacions d'aquests colors. Es diuen colors divertits perquè evoquen sensació d'aigua, arbres i nit. Presenten una sensació de relaxació, calma i reserva. Els dissenys que usen colors divertits sovint es veuen com a professionals, estables i de negocis.

A diferència dels colors càlids, només hi ha un color primari, blau, en colors freds. D'aquesta manera, per obtenir altres colors a la paleta, es barregen de color vermell o groc amb blau per aconseguir verd i violeta. Això fa que el color verd i el violeta sigui més càlid que el blau, que és un color fresc pur.

Colors neutres

Els colors neutres consisteixen en el color marró, que és una combinació dels tres colors primaris, i els dos colors restants: blanc i negre. Com més lleuger o gris sigui un color, més neutral serà. Els dissenys neutres són els més difícils de definir perquè gran part del sentiment que evoquen prové dels colors càlids i freds que els influeixen. Els dissenys en blanc i negre es consideren elegants i sofisticats, però a causa que aquests colors són tan durs, poden ser desafiants a l'hora de crear dissenys web efectius.

Una altra manera de crear una paleta neutra és afegir blanc o negre a un color càlid o fresc perquè el color sigui més gris.

Ús de famílies de colors en disseny web

Si esteu tractant d'evocar un estat d'ànim amb el vostre disseny web, les famílies de colors us ajudaran a fer-ho. Una bona manera de provar-ho és crear diferents paletes a les tres famílies de colors i comparar el vostre disseny amb els tres. Podeu observar que el to complet de la pàgina canvia quan canvieu la família de colors.

Aquí teniu algunes paletes d'exemple que podeu provar amb la vostra pàgina web en diferents famílies de colors:

Càlid

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

Guai

  • # 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