Saltar al contenido

Färgfamiljer och paletter

5 de agosto de 2021
tertiary color wheel 4fbac26a9e724090b672fe61a26b5389

Ett av de bästa sätten att ändra stämningen i en webbsidesdesign är att ändra färgschemat. Om du ska använda färg för att påverka stämningen hjälper det att förstå färgfamiljer och vad de representerar. Färgfamiljer är uppdelningar av färghjulet i tre typer av färger:

  • Varma färger
  • Coola färger
  • Neutrala färger

Även om det är möjligt att ha en design som använder färger från alla tre familjerna, har de flesta mönster en övergripande känsla av värme, kyla eller neutralitet.

Energisera med varma färger

Varma färger inkluderar nyanser av rött, orange och gult och variationer på dessa färger. De kallas varma färger eftersom de framkallar en känsla av solljus och eld – saker som är varma. Design som använder varma färger tenderar att vara energigivande och upplyftande. De antyder passion och positiva känslor hos de flesta människor. Varma färger tenderar att vara färger av kreativitet, firande, passion, hopp och framgång. Varma färger skapas med bara två färger: rött och gult. Dessa primära färger kombineras för att göra orange. Du använder inga coola färger i en varm palett när du blandar färger.

Koppla av med svala färger

Coola färger inkluderar nyanser av grönt, blått och lila och variationer på dessa färger. De kallas svala färger eftersom de väcker en känsla av vatten, träd och natt. De ger en känsla av avslappning, lugn och reserv. Mönster som använder coola färger ses ofta som professionella, stabila och affärsmässiga. Till skillnad från varma färger finns det bara en huvudfärg, blå, i de svala färgerna. Så för att få andra färger i paletten blandar du lite rött eller gult med blått för att få grönt och lila. Detta gör grönt och lila varmare än blått, vilket är en ren sval färg.

Neutrala färger

Neutrala färger består av brunt, vilket är en kombination av alla tre huvudfärgerna och de två återstående färgerna: svart och vitt. Ju mer lerig eller grå en färg är, desto mer neutral blir den. Neutrala mönster är svårast att definiera eftersom mycket av känslan de väcker är från de varma och svala färgerna som påverkar dem. Svartvita mönster anses vara eleganta och sofistikerade, men eftersom dessa färger är så starka kan de vara utmanande när man skapar effektiva webbdesigner. Ett annat sätt att skapa en neutral palett är att lägga svart eller vitt till en varm eller kall färg för att göra färgen gråare.

Använda färgfamiljer i webbdesign

Om du försöker framkalla en stämning med din webbdesign hjälper färgfamiljer dig att göra det. Ett bra sätt att testa detta är att skapa olika paletter i de tre färgfamiljerna och jämföra din design med alla tre. Du kanske märker att hela tonen på sidan ändras när du ändrar färgfamiljen. Här är några exempelpaletter du kan prova med din webbsida i de olika färgfamiljerna:

Värma

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

Häftigt

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