(Logo and goto: Prof. Timo Salmi, Department of Accounting and Finance, University of Vaasa, Finland) <http://www.elisanet.fi/tsalmi/info/colors.html>
Copyright © 1999- by Prof. Timo Salmi  
Last modified Thu 5-Jul-2018 20:36:14

Prof. (emer.) Timo Salmi - Professional home page - Retired from the University of Vaasa, Finland [Offline. For maintenance only.] Prof. Timo Salmi The School of Accounting and Finance [Offline. For maintenance only.] University of Vaasa [Offline. For maintenance only.] WWW root level Timo on Facebook Timo Salmi on Twitter Links to Timo's FAQ materials [Offline. For maintenance only.]

Timo's HTML and CSS colors page


FONT COLOR and BGCOLOR examples
orange FONT COLOR="#E69900"
light green FONT COLOR="#00CC00"
dark green FONT COLOR="#008080"
red FONT COLOR="#FF0000"
Faded Yellow FONT COLOR="#FFFFCC"
Faded Blue FONT COLOR="#CCFFFF"
Light Blue FONT COLOR="#E0E0E0"

BGCOLOR="#90EE90" LightGreen
BGCOLOR="#ADD8E6" LightBlue
BGCOLOR="#FFA500" Orange
BGCOLOR="#FF00FF" Magenta
BGCOLOR="#00FFFF" Cyan
BGCOLOR="#FFFF99" intd period, fairexam table
BGCOLOR="#00BBBB" fair solution
BGCOLOR="#99FFFF" fairexam caption
BGCOLOR="#FFFFFF"
BGCOLOR="#F0F0F0"
BGCOLOR="#FFFFCC"
BGCOLOR="#E0F0FF"
BGCOLOR="#00FFFF"
BGCOLOR="#FFCCCC"
BGCOLOR="#FFCCFF"
BGCOLOR="#E0E0F0"
BGCOLOR="#C0DCC0"
BGCOLOR="#66CC99"
BGCOLOR="#E0E0E0"
BGCOLOR="#C0C0C0" Netscape (remember?) default
BGCOLOR="#999999"
COLOR="#009999" fair solution

My PSP 16-color palette
1: #000000 2: #BF0000 3: #00BF00 4: #BFBF00
5: #0000BF 6: #BF00BF 7: #00BFBF 8: #C0C0C0
9: #808080 10: #FF0000 11: #00FF00 12: #FFFF00
13: #0000FF 14: #FF00FF 15: #00FFFF 16: #FFFFFF

A small meddley:
#E69900 #00CC00 #008080 #FF0000
#FFFFCC #CCFFFF #00CCCC #009999
#000099 #FF0099

Some Timo's custom (IrfanView) colors:
#ddedcf 221 237 207
#ecf5e4 236 245 228
#ff0d01 255 13 1
#b7f2ef 183 242 239
#17a1ea 23 161 234
#16a3d8 22 163 216
#ebe8df 235 232 223
#1de717 29 231 23
#7e638d 126 99 141

Picks from PSP 256-color palette:
#330000 #330033 #330066 #330099 #3300CC #3300FF
#333300 #333333 #333366 #333399 #3333CC #3333FF
#336600 #336633 #336666 #336699 #3366CC #3366FF
#339900 #339933 #339966 #339999 #3399CC #3399FF
#33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF
#33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF
#660000 #660033 #660066 #660099 #6600CC #6600FF
#663300 #663333 #663366 #663399 #6633CC #6633FF
#666600 #666633 #666666 #666699 #6666CC #6666FF
#669900 #669933 #669966 #669999 #6699CC #6699FF
#66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF
#66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF
#990000 #990033 #990066 #990099 #9900CC #9900FF
#993300 #993333 #993366 #993399 #9933CC #9933FF
#996600 #996633 #996666 #996699 #9966CC #9966FF
#999900 #999933 #999966 #999999 #9999CC #9999FF
#99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF
#99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF
#CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF
#CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF
#CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF
#CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF
#CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF
#CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF
#FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF
#FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF
#FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF
#FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF
#FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF
#FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF

#8F00FF #FFFF80 #009F00 #00BF00

The default background of the current page
<BODY BGCOLOR="#FFFFFF">
 
My old default colors
<BODY TEXT="#000000" BGCOLOR="FFFFF" LINK="#0000EE" VLINK="#551A8B" ALINK="#FF0000" >

old www.uwasa.fi colors
<BODY BGCOLOR="#FFFFFF" LINK="#333366" VLINK="#666666" TEXT="#000000" ALINK="#FFFFFF" >

index.html
BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#003370" ALINK="#E52325" VLINK="#E52325"
 
kttkohj.html
BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#009900" ALINK="#E52325" VLINK="#E52325"
 
personal.html
TEXT="#000000" BGCOLOR="#FFFFFF" LINK="#0000EE" VLINK="#551A8B" ALINK="#FF0000"
 
guestbk.html
TEXT="#000000" BGCOLOR="#B0F0F0" LINK="#0000EE" VLINK="#551A8B" ALINK="#FF0000"
 
symbol.html
TEXT="#000000" BGCOLOR="#FFFF00" LINK="#0000EE" VLINK="#551A8B" ALINK="#FF0000"
 
gb.html
TEXT="#000000" BGCOLOR="#66CC99" LINK="#0000EE" VLINK="#551A8B" ALINK="#FF0000"
 
gifst.html
TEXT="#000000" BGCOLOR="#C0C0C0" LINK="#0000EE" VLINK="#551A8B" ALINK="#FF0000"

Names of HTML colors:
Black
Silver
Gray
White
Maroon
Red
Purple
Fuchsia
#000000
#C0C0C0
#808080
#FFFFFF
#800000
#FF0000
#800080
#FF00FF
Green
Lime
Olive
Yellow
Navy
Blue
Teal
Aqua
#008000
#00FF00
#808000
#FFFF00
#000080
#0000FF
#008080
#00FFFF

Colors with codes
Yellow
DarkYellow
Orange
Gold
DarkGold
Red
DarkRed
Blue
DarkBlue
LightBlue
Magenta
DarkMagenta
Green
DarkGreen
LightGreen
Cyan
DarkCyan
LightCyan

A Turbo Pascal inspired colors palette

Black
#000000
Blue
#000080
Green
#008000
Cyan
#008080
Red
#800000
Magenta
#800080
Brown
#808000
LightGray
#c0c0c0
#000000 #0000aa #00aa00 #00aaaa #aa0000 #aa00aa #aa5500 #aaaaaa
DarkGray
#808080
LightBlue
#0000ff
LightGreen
#00ff00
LightCyan
#00ffff
LightRed
#ff0000
LightMagenta
#ff00ff
Yellow
#ffff00
White
#ffffff
#555555 #5555ff #55ff55 #55ffff #ff5555 #ff55ff #ffff55 #ffffff

Timo's own CSS palette

.Black { color: #000000; } /* 0 0 0 black */
.Blue { color: #0000FF; } /* 0 0 255 blue */
.Blue9 { color: #000099; } /* 0 0 153 */
.BlueElsaTS { color: #004E98; } /* 0 78 152 */
.BlueFaded { color: #CCFFFF; } /* 204 255 255 */
.BlueFadedDark { color: #CCCCFF; } /* 204 204 255 */
.BlueFb { color: #3B5998; } /* 59 89 152 */
.BlueGarf { color: #004E98; } /* 0 78 152 */
.BlueGarfLight { color: #A0B1CC; } /* 160 177 204 */
.BlueKtt { color: #0078AF; } /* 0 120 175 */
.BlueLightKtt { color: #A8CEE3; } /* 168 206 227 */
.BlueVY { color: #004178; } /* 10 65 120 */
.BlueXpad { color: #0000FF; } /* 0 0 255 */
.Cyan { color: #00FFFF; } /* 0 255 255 aqua */
.Cyan9 { color: #00CC99; } /* 0 204 153 */
.CyanPale { color: #0099FF; } /* 0 204 153 */
.CyanGerman { color: #00CCCC; } /* 0 204 204 */
.Gray { color: #808080; } /* 128 128 128 gray */
.GrayFaded { color: #EEEEEE; } /* 238 238 238 */
.Green { color: #00CC00; } /* 0 204 0 */
.Green9 { color: #009999; } /* 0 153 153 */
.GreenB { color: #00BF00; } /* 0 191 0 */
.GreenDark { color: #008000; } /* 0 128 0 green */
.GreenElsaES { color: #007F00; } /* 0 127 0 */
.GreenLight { color: #90EE90; } /* 144 238 144 */
.GreenYellow { color: #BED600; } /* 190 214 0 */
.Lime { color: #00FF00; } /* 0 255 0 lime */
.Magenta { color: #FF00FF; } /* 255 0 255 fuchsia */
.Magenta9 { color: #FF0099; } /* 255 0 153 */
.MagentaDark { color: #BF00BF; } /* 191 0 191 */
.Maroon { color: #800000; } /* 128 0 0 maroon */
.Olive { color: #808000; } /* 128 128 0 olive */
.Orange { color: #E69900; } /* 230 153 0 */
.OrangeBert { color: #AC5661; } /* 172 86 97 */
.OrangeFinnish { color: #FF9900; } /* 255 153 0 */
.Purple { color: #800080; } /* 128 0 128 purple */
.Red { color: #FF0000; } /* 255 0 0 red */
.Red3 { color: #FF0033; } /* 255 0 51 */
.Red9 { color: #990000; } /* 153 0 0 */
.Silver { color: #C0C0C0; } /* 192 192 192 silver */
.Silvery { color: #CCCCCC; } /* 204 204 204 */
.Solution { color: #009999; } /* 0 153 153 */
.Teal { color: #008080; } /* 0 128 128 teal */
.Teal9 { color: #008099; } /* 0 128 153 */
.White { color: #FFFFFF; } /* 255 255 255 white */
.Yellow { color: #FFFF00; } /* 255 255 0 yellow */
.Yellow6 { color: #FFFF66; } /* 255 255 102 yellow */
.YellowFaded { color: #FFFFCC; } /* 255 255 204 */
.DarkBlue { color: #00008B; } /* 224 255 255 */
.DarkCyan { color: #008B8B; } /* 0 139 139 */
.DarkGold { color: #DA000D; } /* 218 0 13 */
.DarkGreen { color: #006400; } /* 0 100 0 */
.DarkMagenta { color: #8B008B; } /* 139 0 139 */
.DarkRed { color: #8B0000; } /* 139 0 0 */
.DarkYellow { color: #DA0E00; } /* 218 14 0 */
.Gold { color: #FFD700; } /* 255 215 0 */
.LightBlue { color: #ADD8E6; } /* 173 216 230 */
.LightCyan { color: #E0FFFF; } /* 224 255 255 */
.Orange2 { color: #FFA500; } /* 255 165 0 */

.BackBlue { background: #0000FF; } /* 0 0 255 */
.BackBlue9 { background: #000099; } /* 0 0 153 */
.BackBlueFaided { background: #CCFFFF; } /* 204 255 255 */
.BackBlueFaint { background: #ADD8E6; } /* 173 216 230 */
.BackBlueFb { background: #3B5998; } /* 59 89 152 */
.BackBlueFaint { background: #ADD8E6; } /* 173 216 230 */
.BackBlueKtt { background: #0078AF; } /* 0 120 175 */
.BackBlueLightKtt { background: #A8CEE3; } /* 168 206 227 */
.BackBlueVY { background: #004178; } /* 10 65 120 */
.BackCyan { background: #00FFFF; } /* 0 255 255 */
.BackGreen { background: #00FF00; } /* 0 255 0 */
.BackGreenLight { background: #90EE90; } /* 144 238 144 */
.BackGreenLight9 { background: #99FF99; } /* 153 255 153 */
.BackGreenYellow { background: #BED600; } /* 190 214 0 */
.BackMagenta { background: #FF00FF; } /* 255 0 255 */
.BackOrange { background: #E69900; } /* 230 153 0 */
.BackOrangePhot { background: #FFA500; } /* 255 165 0 */
.BackPink { background: #FFDDDD; } /* 255 221 221 */
.BackRecent { background: #FFFF99; } /* 255 255 153 */
.BackRed { background: #FF0000; } /* 255 0 0 */
.BackRed3 { background: #FF0033; } /* 255 0 51 */
.BackRed33 { background: #FF3333; } /* 255 51 51 */
.BackRed66 { background: #FF6666; } /* 255 102 102 */
.BackRed9 { background: #990000; } /* 153 0 0 */
.BackSilver { background: #C0C0C0; } /* 192 192 192 */
.BackSilvery { background: #CCCCCC; } /* 204 204 204 */
.BackSmoke { background: #F0F0F0; } /* 240 240 240 */
.BackYellow { background: #FFFF00; } /* 255 255 0 */
.BackYellow6 { background: #FFFF66; } /* 255 255 102 */
.BackYellow9 { background: #FFFF99; } /* 255 255 153 */
.BackYellowBar { background: #FFCC00; } /* 255 204 0 */
.BackYellowFaded { background: #FFFFCC; } /* 255 255 204 */

(Links)
[home#tsfaq] [home#tsfaq]
C:\_G\WWW\~ELISANET\INFO\colors.html
C:\_G\WWW\~ELISANET\FTPCMD\TSALMI.CMD /colors
http://www.elisanet.fi/tsalmi/info/colors.html
file:///c:/_g/www/~elisanet/info/colors.html