Web Faarfpalette

Wielt Faarf aus eiser Sammlung vu Web Faarfpalette a kritt den HEX Code. Wann Dir e Webdesigner oder Grafiker sidd, sinn déi bescht Webfaarfpalette mat Iech.

Wat sinn Web Faarfpalette?

Faarwen si ganz wichteg fir Webdesigner a Grafiker. Designer beschreiwen d'Faarwen, déi mir am Alldag als blo, rout a gréng beschreiwen mat Coden wéi #fff002, #426215. Egal wéi eng Zort Kodéierungsprojet Dir maacht, Dir wäert wahrscheinlech iergendwann mat Faarwen ufänken. Dëst wäert besonnesch hëllefräich sinn wann Dir léiert mat HTML ze codéieren, sou wéi vill Leit et maachen fir Websäiten ze designen.

Wat heescht Hex Code a Faarwen?

Hex Code ass e Wee fir eng Faarf am RGB Format ze representéieren andeems Dir dräi Wäerter kombinéiert. Dës Faarfcoden sinn en integralen Deel vun HTML fir Webdesign a bleiwen e wichtege Wee fir Faarfformater digital ze representéieren.

Hex Faarfcodes fänken un mam Pound Zeechen oder Hashtag (#) gefollegt vu sechs Buschtawen oder Zuelen. Déi éischt zwee Buschtawen/Zuelen entspriechen rout, déi nächst zwee gréng an déi lescht zwee blo. Faarfwäerter sinn a Wäerter tëscht 00 an FF definéiert.

Zuelen gi benotzt wann de Wäert 1-9 ass. Bréiwer gi benotzt wann de Wäert méi wéi 9 ass. z.B.:

  • A = 10
  • B = 11
  • C = 12
  • D = 13
  • E = 14
  • F = 15

Hex Faarf Coden an RGB gläichwäerteg

D'Erënnerung vun e puer vun den heefegsten Hex Faarfcoden kann hëllefräich sinn fir Iech ze hëllefen besser virauszesoen wat aner Faarwen wäerte sinn wann Dir den Hex Faarfcode gesitt, net nëmmen wann Dir déi exakt Faarwen benotze wëllt.

  • Rout = #FF0000 = RGB (255, 0, 0)
  • Gréng = #008000 = RGB (1, 128, 0)v
  • Blo = #0000FF = RGB (0, 0, 255)
  • Wäiss = #FFFFFF = RGB (255.255.255)
  • Elfebeen = #FFFFF0 = RGB (255, 255, 240)
  • Schwaarz = #000000 = RGB (0, 0, 0)
  • Grey = #808080 = RGB (128, 128, 128)
  • Sëlwer = #C0C0C0 = RGB (192, 192, 192)
  • Giel = #FFFF00 = RGB (255, 255, 0)
  • Purple = #800080 = RGB (128, 0, 128)
  • Orange = #FFA500 = RGB (255, 165, 0)
  • Bourgogne = #800000 = RGB (128, 0, 0)
  • Fuchsia = #FF00FF = RGB (255, 0, 255)
  • Kalk = #00FF00 = RGB (0, 255, 0)
  • Aqua = #00FFFF = RGB (0, 255, 255)
  • Teal = #008080 = RGB (0, 128, 128)
  • Oliven = #808000 = RGB (128, 128, 0)
  • Marineblo = #000080 = RGB (0, 0, 128)

Firwat sinn Websäit Faarwen wichteg?

Dir mengt vläicht datt Dir net vu Faarwen beaflosst sidd, awer no enger Etude soen 85% vun de Leit datt d'Faarf e groussen Impakt op de Produit huet deen se kafen. Hien seet och datt wann e puer Firmen hir Knäppercher änneren, si hunn eng schaarf Erhéijung oder Ofsenkung vun hiren Konversioune gemierkt.

Zum Beispill, Beamax, eng Firma déi Projektiounsschirmer fabrizéiert, huet eng massiv 53,1% Erhéijung vun de Klicks op roude Linken am Verglach mat bloe Linken bemierkt.

Faarwen hunn e groussen Impakt net nëmmen op Klicks, awer och op Mark Unerkennung. Eng Etude iwwer de mentalen Impakt vu Faarwen huet festgestallt datt Faarwen d'Markenerkennung duerch duerchschnëttlech 80% erhéijen. Zum Beispill, wann Dir un Coca-Cola denkt, wäert Dir Iech wahrscheinlech lieweg roude Dosen virstellen.

Wéi wielen ech e Faarfschema fir Websäiten?

Fir ze entscheeden wéi eng Faarwen Dir op Ärer Websäit oder Webapplikatioun wielt, musst Dir als éischt e gutt Verständnis hunn wat Dir verkaaft. Zum Beispill, wann Dir probéiert e méi héich Qualitéit, High-End Bild z'erreechen, ass d'Faarf, déi Dir sollt wielen, purpur. Wéi och ëmmer, wann Dir e méi breede Publikum wëllt erreechen, blo; Et ass eng berouegend a mëll Faarf déi gutt gëeegent ass fir méi sensibel Themen wéi Gesondheet oder Finanzen.

D'Beispiller uewendriwwer goufen duerch vill Studien bewisen. Awer d'Faarf déi Dir fir Är Websäit wielt hänkt vun der Komplexitéit vun Ärem Design an den Aarte vu Faarfkombinatiounen of. Zum Beispill, wann Dir eng monochrome Webdesignpalette benotzt, brauch Dir vläicht siwen oder méi Nuancen vun där Faarf fir genuch Varietéit um Bildschierm ze kréien. Dir musst Faarwen fir verschidden Deeler vun Ärem Site setzen, wéi Text, Hannergrënn, Linken, Hover Faarwen, CTA Knäppercher, an Header.

Elo "Wéi wielt ech e Faarfschema fir Websäiten a Webapplikatiounen?" Loosst eis et Schrëtt fir Schrëtt kucken:

1. Wielt Är primär Faarwen.

De beschte Wee fir eng primär Faarf ze entscheeden ass d'Faarwen z'ënnersichen déi mat der Stëmmung vun Ärem Produkt oder Service passen.

Hei drënner hu mir e puer Beispiller fir Iech opgelëscht:

  • Red: Et heescht Opreegung oder Gléck.
  • Orange: Et bezeechent eng frëndlech, lëschteg Zäit.
  • Giel heescht Optimismus a Gléck.
  • Gréng: Et heescht Frëschheet an Natur.
  • Blo: steet fir Zouverlässegkeet an Assurance.
  • Purple: Stellt eng ausgezeechent Mark mat enger Qualitéitsgeschicht duer.
  • Braun: Et heescht en zouverléissege Produkt dat vu jidderee benotzt ka ginn.
  • Schwaarz heescht Luxus oder Eleganz.
  • Wäiss: bezitt sech op stilvoll, userfrëndlech Produkter.

2. Wielt Är zousätzlech Faarwen.

Wielt een oder zwee zousätzlech Faarwen, déi Är Haaptfaarf ergänzen. Dës sollten am Idealfall d'Faarwen sinn, déi Är Haaptfaarf "erstaunlech" maachen.

3. Wielt eng Hannergrondfaarf.

Wielt eng Hannergrondfaarf déi manner "aggressiv" ass wéi Är primär Faarf.

4. Wielt d'Schrëftfaarf.

Wielt eng Faarf fir den Text op Ärer Websäit. Notéiert datt eng zolidd schwaarz Schrëft rar ass an net recommandéiert ass.

Déi bescht Web Faarfpalette fir Designer

Wann Dir d'Faarf net fannt, déi Dir sicht an der Softmedal Web Faarfpalette Sammlung, kënnt Dir op déi alternativ Faarfsiten hei drënner kucken:

Faarfauswiel ass e laange Prozess an erfuerdert dacks vill Finetuning fir déi richteg Faarwen ze fannen. Zu dësem Zäitpunkt kënnt Dir Zäit spueren andeems Dir 100% gratis Webapplikatiounen benotzt, déi déi relevant Faarfschemae vun Null erstellen.

1. Palett

Paletton ass eng Webapplikatioun déi all Webdesigner solle wëssen. Gitt einfach eng Somfaarf an d'App mécht de Rescht fir Iech. Paletton ass eng zouverlässeg Wiel an eng super Web App fir déi, déi näischt iwwer Design wëssen a fir Ufänger.

2. Faarf Safe

Wann WCAG iergendeng Suerg an Ärem Designprozess ass, ass Color Safe dat bescht Tool fir ze benotzen. Mat dëser Webapplikatioun kënnt Dir Faarfschemaen erstellen déi perfekt vermëschen a räiche Kontrast no WCAG Richtlinnen ubidden.

Andeems Dir d'Color Safe Web App benotzt, gitt Dir sécher datt Äre Site de WCAG Richtlinnen entsprécht a fir jiddereen voll zougänglech ass.

3. Adobe Faarf CC

Et ass ee vun de gratis Adobe Tools erstallt fir ëffentlech Benotzung. Et ass eng ausgeglach Webapplikatioun wou jidderee ka Faarfschemae vun Null erstellen. Et erlaabt Iech aus ville verschiddene Faarfmodeller ze wielen déi am Beschten Äre Besoinen entspriechen. D'Interface kann am Ufank e bëssen duerchernee schéngen, awer wann Dir gewinnt sidd, sollt Dir kee Problem hunn schéi Faarfoptiounen ze wielen.

4. Ambiance

Ambiance, eng gratis Webapplikatioun, bitt pre-made Web Faarfpalette vun anere Faarfplazen um Internet. Et funktionnéiert wéi eng traditionell Webapp wou Dir Faarwen op Äre Profil späichere kënnt an Är eege Schemae vun Null erstellen. All dës Web Faarfpalette kommen aus Colorlovers. D'Ambiance Interface mécht d'Browsing méi einfach a setzt méi Fokus op Faarfinterplay fir UI Design.

5.0 bis 255

0to255 ass net genee e Faarfschema Generator, awer et kann Iech hëllefen, existent Faarfschemaen ze fine. D'Webapp weist Iech all déi verschidde Faarwen, sou datt Dir Faarwen direkt vermësche kënnt.

Wann Dir et schwéier fannt e benotzbare Faarfschema ze kreéieren, kënnt Dir e puer vun den uewe genannten Uwendungen iwwerpréiwen.

Déi bescht Web Faarfpalette

Déi folgend Siten benotzen eng Vielfalt vu Webfaarfpalette fir super Effekt. Si gi suergfälteg ausgewielt fir d'Emotiounen déi se erwächen an d'Emotiounen déi se vermëttelen.

1. Odopod

Odopod gouf mat enger monotoner Faarfpalette entworf, awer zielt fir ze vermeiden langweileg mat engem Gradient op senger Homepage. Grouss Typographie bitt super Kontrast. Et ass kloer wou Besucher wëllen datt se klickt.

2. Tori d'Aen

Tori's Eye ass e super Beispill vun engem monochromesche Faarfschema. Hei sinn d'Effekter vun enger einfacher awer mächteger Faarfpalette zentréiert ronderëm Schatten vu gréng ze gesinn. Dëse Faarfschema ass normalerweis einfach ze zéien, well ee Schiet vun enger Faarf bal ëmmer mat engem aneren Schiet vun der selwechter Faarf funktionnéiert.

3. Kéis Iwwerliewe Kit

Rout ass eng extrem populär Faarf fir eng Websäit Faarfpalette. Et kann eng räich Mëschung vun Emotiounen vermëttelen, sou datt et villsäiteg ass. Wéi Dir op der Cheese Survival Kit Websäit gesitt, ass et besonnesch potent wann et a klenge Dosen benotzt gëtt. Rout gëtt duerch méi neutral Faarwen erweicht, a blo hëlleft mat CTAs an aner Beräicher wou d'Geschäft de Besucher opmierksam mécht.

4. Ahrefs

Ahrefs ass e Beispill vun enger Websäit déi d'Faarfpalette fräi benotzt. Däischterblo wierkt als déi dominant Faarf, awer Variatiounen existéieren iwwerall op der Säit. Dat selwecht gëllt fir d'Faarwen orange, rosa an türkis.

Déi meescht gestallte Froen iwwer Faarwen

1. Wat ass déi bescht Faarf fir eng Websäit?

Blo ass definitiv déi sécherste Wiel well et déi populärste Faarf ass mat 35%. Wéi och ëmmer, wann Är Konkurrenten all blo benotzen, kann et Sënn maachen fir Är Offer a Mark ze "differenzéieren". Awer Dir musst sécher sinn datt Dir d'Besucher net iwwerwältegt.

2. Wéi vill Faarwen soll d'Websäit hunn?

Bedenkt datt 51% vun de Marken Monochrom Logoen hunn, 39% benotzen zwou Faarwen, an nëmmen 19% vun de Firmen léiwer voll Faarf Logoen. Vun hei aus kënnt Dir gesinn datt Websäite mat 1, 2 an 3 Faarwen méi Sënn maachen wéi ze probéieren eng Websäit mat Reeboufaarwen ze kreéieren. Wéi och ëmmer, Marken wéi Microsoft a Google gleewen un de Virdeel fir mat méi Faarwen ze schaffen well se op d'mannst 4 zolidd Faarwen an hiren Designen benotzen.

3. Wou soll ech d'Faarwen benotzen?

Opfälleg Faarwen solle spuersam benotzt ginn, soss verléieren se hiren Effekt. Dësen Effekt muss an Konversiounspunkte sinn wéi "Kaaft Elo" Knäppercher.