by Frank Ruckman

Media Portfolio

Software, Tools and Utilities

Utilities

Online, free utilities for manipulating, optimizing or creating web graphics.
   

GIF Optimizer 

This GIF optimizer is a free, web-based tool for resampling pictures to use for web sites.  It optimizes the compression to maximize clarity while minimizing file size.  Your web page will load faster and take up less space.
   

Gradient Maker

This gradient maker generates blended colors for use in backgrounds.  Just choose the color and size of gradient you need, and the utility does the rest!
   

Image Resizer

This PowerToy from Microsoft enables you to resize one or many image files with a right-click in Windows XP. (.exe file download from Microsoft.com)
   


Online Resources


 

Guides for advanced features (Non-LiveText Content)
   
QuickTime
http://developer.apple.com/documentation/ QuickTime/Conceptual/QTScripting_HTML/index.html
   
Cascading Style Sheets
http://www.w3.org/TR/REC-CSS1#abstract
   
 Web Color Scheme Generator
 http://wellstyled.com/tools/colorscheme2/index-en.html
   


Web Color Chart

Hex values in red indicate black, white or a shade of gray.  Hex values in Bold-Italics indicate the primary colors and their complement.


000000 000033 000066 000099 0000CC 0000FF
003300 003333 003366 003399 0033CC 0033FF
006600 006633 006666 006699 0066CC 0066FF
009900 009933 009966 009999 0099CC 0099FF
00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF
00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF
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

 

X11 Color Chart

"lightgrey" is spelled with an "e"
"gray" is spelled with an "a"
"lightpink" is darker than "pink"
"aqua" and "cyan" have the same color code / value
"fuchsia" and "magenta" have the same color code / value
A few notes on the X11 color palette:
# Color Preview Color Name HEX value RGB value
1   White #FFFFFF 255,255,255
2   Ivory #FFFFF0 255,255,240
3   LightYellow #FFFFE0 255,255,224
4   Yellow #FFFF00 255,255,0
5   Snow #FFFAFA 255,250,250
6   FloralWhite #FFFAF0 255,250,240
7   LemonChiffon #FFFACD 255,250,205
8   Cornsilk #FFF8DC 255,248,220
9   Seashell #FFF5EE 255,245,238
10   LavenderBlush #FFF0F5 255,240,245
11   PapayaWhip #FFEFD5 255,239,213
12   BlanchedAlmond #FFEBCD 255,235,205
13   MistyRose #FFE4E1 255,228,225
14   Bisque #FFE4C4 255,228,196
15   Moccasin #FFE4B5 255,228,181
16   NavajoWhite #FFDEAD 255,222,173
17   PeachPuff #FFDAB9 255,218,185
18   Gold #FFD700 255,215,0
19   Pink #FFC0CB 255,192,203
20   LightPink #FFB6C1 255,182,193
21   Orange #FFA500 255,165,0
22   LightSalmon #FFA07A 255,160,122
23   DarkOrange #FF8C00 255,140,0
24   Coral #FF7F50 255,127,80
25   HotPink #FF69B4 255,105,180
26   Tomato #FF6347 255,99,71
27   OrangeRed #FF4500 255,69,0
28   DeepPink #FF1493 255,20,147
29   Fuchsia #FF00FF 255,0,255
30   Magenta #FF00FF 255,0,255
31   Red #FF0000 255,0,0
32   OldLace #FDF5E6 253,245,230
33   LightGoldenrodYellow #FAFAD2 250,250,210
34   Linen #FAF0E6 250,240,230
35   AntiqueWhite #FAEBD7 250,235,215
36   Salmon #FA8072 250,128,114
37   GhostWhite #F8F8FF 248,248,255
38   MintCream #F5FFFA 245,255,250
39   WhiteSmoke #F5F5F5 245,245,245
40   Beige #F5F5DC 245,245,220
41   Wheat #F5DEB3 245,222,179
42   SandyBrown #F4A460 244,164,96
43   Azure #F0FFFF 240,255,255
44   Honeydew #F0FFF0 240,255,240
45   AliceBlue #F0F8FF 240,248,255
46   Khaki #F0E68C 240,230,140
47   LightCoral #F08080 240,128,128
48   PaleGoldenrod #EEE8AA 238,232,170
49   Violet #EE82EE 238,130,238
50   DarkSalmon #E9967A 233,150,122
51   Lavender #E6E6FA 230,230,250
52   LightCyan #E0FFFF 224,255,255
53   BurlyWood #DEB887 222,184,135
54   Plum #DDA0DD 221,160,221
55   Gainsboro #DCDCDC 220,220,220
56   Crimson #DC143C 220,20,60
57   PaleVioletRed #DB7093 219,112,147
58   Goldenrod #DAA520 218,165,32
59   Orchid #DA70D6 218,112,214
60   Thistle #D8BFD8 216,191,216
61   LightGrey #D3D3D3 211,211,211
62   Tan #D2B48C 210,180,140
63   Chocolate #D2691E 210,105,30
64   Peru #CD853F 205,133,63
65   IndianRed #CD5C5C 205,92,92
66   MediumVioletRed #C71585 199,21,133
67   Silver #C0C0C0 192,192,192
68   DarkKhaki #BDB76B 189,183,107
69   RosyBrown #BC8F8F 188,143,143
70   MediumOrchid #BA55D3 186,85,211
71   DarkGoldenrod #B8860B 184,134,11
72   FireBrick #B22222 178,34,34
73   PowderBlue #B0E0E6 176,224,230
74   LightSteelBlue #B0C4DE 176,196,222
75   PaleTurquoise #AFEEEE 175,238,238
76   GreenYellow #ADFF2F 173,255,47
77   LightBlue #ADD8E6 173,216,230
78   DarkGray #A9A9A9 169,169,169
79   Brown #A52A2A 165,42,42
80   Sienna #A0522D 160,82,45
81   YellowGreen #9ACD32 154,205,50
82   DarkOrchid #9932CC 153,50,204
83   PaleGreen #98FB98 152,251,152
84   DarkViolet #9400D3 148,0,211
85   MediumPurple #9370DB 147,112,219
86   LightGreen #90EE90 144,238,144
87   DarkSeaGreen #8FBC8F 143,188,143
88   SaddleBrown #8B4513 139,69,19
89   DarkMagenta #8B008B 139,0,139
90   DarkRed #8B0000 139,0,0
91   BlueViolet #8A2BE2 138,43,226
92   LightSkyBlue #87CEFA 135,206,250
93   SkyBlue #87CEEB 135,206,235
94   Gray #808080 128,128,128
95   Olive #808000 128,128,0
96   Purple #800080 128,0,128
97   Maroon #800000 128,0,0
98   Aquamarine #7FFFD4 127,255,212
99   Chartreuse #7FFF00 127,255,0
100   LawnGreen #7CFC00 124,252,0
101   MediumSlateBlue #7B68EE 123,104,238
102   LightSlateGray #778899 119,136,153
103   SlateGray #708090 112,128,144
104   OliveDrab #6B8E23 107,142,35
105   SlateBlue #6A5ACD 106,90,205
106   DimGray #696969 105,105,105
107   MediumAquamarine #66CDAA 102,205,170
108   CornflowerBlue #6495ED 100,149,237
109   CadetBlue #5F9EA0 95,158,160
110   DarkOliveGreen #556B2F 85,107,47
111   Indigo #4B0082 75,0,130
112   MediumTurquoise #48D1CC 72,209,204
113   DarkSlateBlue #483D8B 72,61,139
114   SteelBlue #4682B4 70,130,180
115   RoyalBlue #4169E1 65,105,225
116   Turquoise #40E0D0 64,224,208
117   MediumSeaGreen #3CB371 60,179,113
118   LimeGreen #32CD32 50,205,50
119   DarkSlateGray #2F4F4F 47,79,79
120   SeaGreen #2E8B57 46,139,87
121   ForestGreen #228B22 34,139,34
122   LightSeaGreen #20B2AA 32,178,170
123   DodgerBlue #1E90FF 30,144,255
124   MidnightBlue #191970 25,25,112
125   Aqua #00FFFF 0,255,255
126   Cyan #00FFFF 0,255,255
127   SpringGreen #00FF7F 0,255,127
128   Lime #00FF00 0,255,0
129   MediumSpringGreen #00FA9A 0,250,154
130   DarkTurquoise #00CED1 0,206,209
131   DeepSkyBlue #00BFFF 0,191,255
132   DarkCyan #008B8B 0,139,139
133   Teal #008080 0,128,128
134   Green #008000 0,128,0
135   DarkGreen #006400 0,100,0
136   Blue #0000FF 0,0,255
137   MediumBlue #0000CD 0,0,205
138   DarkBlue #00008B 0,0,139
139   Navy #000080 0,0,128
140   Black #000000 0,0,0