<https://www.salminet.fi/info/colors.html>
Copyright © 1999- by Prof. Timo Salmi
Last modified Sat 6-Jul-2024 14:18:51

Timo's HTML and CSS colors page

Some palettes

#70309F 112 48 160

#C5E0B4 197 224 180

#16A3D8 22 163 216

#1878F4 24 120 244

#4473C5 68 115 197

#F2DA6C 242 218 108

#EA3323 234 51 35

#0B3C74 11 60 116

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 */
.Navy	{ color: #000080; }	/* 0 0 128 navy */
.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 */

HTML Color Names
CSS Colors
Color names
Dave Raggett's Introduction to CSS Search for "Named colors"
So You Want A Basic Color Code, Huh? by Joe Burns
Color Cop
HTML color codes Google results
Värikartan värit

[home#tsfaq] [home#tsfaq]

C:\_G\WWW\~ELISANET\INFO\colors.html
C:\_G\WWW\~ELISANET\FTPCMD\TSALMI.CMD /colors
C:\_E\ARCZIP\COPYTONE.CMD /~info

https://www.salminet.fi/info/colors.html
file:///c:/_g/www/~elisanet/info/colors.html

[Revalidate]