Färgernas underbara värld

Nu har vi kommit fram till del #2 i vår standardiserings serie! Vi ska nu ta tag i färgerna på nätet. Vi kommer gå igenom vilka färger som är "säkra" och vilka som bör undvikas och varför. Vi kommer gå igenom grundläggande färgpassning och vårt undermedvetnas reaktioner på olika färger...

Webbsäkra färger!

När du bygger din sajt kan du använda vilka RGB(Red, Green and Blue) kombinationer som hellst, men det finns ett antal färger som varje besökare av din sida klarar av att visa på rätt sätt. Om en besökare inte har stöd för en viss färg på din sida betyder det att den färgen ersätts av en färg som användaren har stöd för som är mest lik orginialet... Men målet är att sajten ska se lika dan ut på alla datorer och då är det viktigt att du använder färger som är webbsäkra.

Nedanstående färger har förutom hexakod varsit namn som stöds i och med HTML 4.01 och CSS 2.0...

WEBBSÄKRA FÄRGER
Namn 6-talig
hexkod
3-talig
hexkod
R,G,B RGB i Procent Färgexempel
black #000000 #000 0,0,0 0%,0%,0%  
white #FFFFFF #FFF 255,255,255 100%,100%,100%  
red #FF0000 #F00 255,0,0 100%,0%,0%  
fuchsia #FF00FF #F0F 255,0,255 100%,0%,100%  
lime #00FF00 #0F0 0,255,0 0%,100%,0%  
yellow #FFFF00 #FF0 255,255,0 100%,100%,0%  
blue #0000FF #00F 0,0,255 0%,0%,100%  
aqua #00FFFF #0FF 0,255,255 0%,100%,100%  
 
ICKE WEBBSÄKRA FÄRGER
Namn
6-talig
hexkod
3-talig
hexkod
R,G,B RGB i Procent Färgexempel
gray #808080 #888 128,128,128 50%,50%,50%  
maroon #800000 #800 128,0,0 50%,0%,0%  
purple #800080 #808 128,0,128 50%,0%,50%  
green #008000 #080 0,128,0 0%,50%,0%  
olive #808000 #880 128,128,0 50%,50%,0%  
navy #000080 #008 0,0,128 0%,0%,50%  
teal #008080 #088 0,128,128 0%,50%,50%  
 

Vilka färger passar med vilka?

När du designar din sajt bör du tänka på vilka färger som du använder till exempelvis bakgrund, text, överskrifter etc... Genom att ha lite kunskap om vilka färger som passar ihop kan du göra dina besökares vistelse på din sajt mycket enklare.

Använd inte heller för låga kontraster

På vissa sajter kan man ibland uppleva att man mer eller mindre måste trycka näsan mot skrämen för att uppfatta vad som står på sajten... Detta kan ofta bero på att skaparan av sajten valt två färger som är för lika varandra i färgskalan.

Den här texten är svårläslig eftersom kontrasten mellan bakgrund och text är för liten...
  
Här har vi samma problem...

Det bästa sättet att ta reda på om ens färgval är bra är att helt enkelt använda sina ögon och se efter. Men ofta "ser man inget fel på sitt eget barn" och bör därför be en kompis försöka läsa din

Använd inte för höga kontraster

Motsatsen till att ha för låg kontrast mellan färger kan är at ha för hög kontrast. Följande exempel är färgval som faktiskt förekommer på riktigt på nätet...

Du kan läsa denna text men dina ögon kommer knappast orka med mer änn högst ett par rader.
  
Samma problem här! Jag tänker inte säga vilket företag som använder detta färgval men det finns minst ett sådant som jag känner till...

Även här kan du eller en kompis testläsa texten och se om ni behöver anstränga ögonen för att läsa texten...

Vitt och gult tidningspapper

I det "vanliga offline livet" förekommer ofta texter i vit bakgrund och med svart text, ibland har man ett gulaktigt papper för att minska kontrasten.

Svart mot vitt förekommer ofta i "offline livet" (hög kontrast och ganska lättläst)
  
Genom att sänka kontrasten mellan bakgrunden och textfärgen kan man skapa en behagligare situation för ögat.

Genom att minska kontrasten men ändå behålla ett stort avstånd mellan färgerna gör man det bekvämast för läsarens ögon.

Färgers olika betydelser!

Genom att anpassa sin sajts färger efter sin målgrupp och (självklart) sajtens inriktning kan man få sina besökare att trivas ännu mer...

Medan sajter som handlar om exempelvis demoscenen, hacking eller liknande kan passa i mörka dystra färger med få ljusa inslag bör exempelvis en webbyrå ha ljusare färger som speglar byråns inspiration/skaparglädje och estetiska överlägsenhet. En presentationssajt för ett vanligt företag bör ha neutrala färger, kanske en vit bakgrund, svart text med blåa länkar och ett par neutrala bilder som presenterar matchar företagets policy...

Coola sidan om Dataspel och hacking

Bla bla bla och lite bla bla men mestadels blablabla men varför inte lite blah ???

 
 

Brittas Blomsterklubb

Jag heter Britta och jag har startat en fin blomsterklubb!

 
 

Intra-national marketing AB

Vi sysslar med bigBizznizz! blablabla vi är välutbildade och har kontor i centrum...

 
 

Jag har sagt det förut och säger det så gärna igen! "gå efter ditt egna smak" tycker du att din sajt ser snygg ut, grattis då kan du troligtvis vara nöjd! Denna artikel är skriven för att ge läsaren ett humm om vad man bör tänka på...

I nästa del i "Vadå standarder" tar vi upp sajtoptimering...

Copyright (c) Citruz.nu 2000-2001