Web Graphics

This section provides information and resources about web graphics which we hope you will find useful. The main issue is obviously the creation of web pages with graphical content and/or graphical effects and design elements. This requires basic knowledge about graphic formats and information about how to create and optimize graphic files for the web and leads on to many of the more general aspects of graphic design. We are trying to provide information and material which can be used for real projects. Links to external websites are hand-picked and we only recommend literature which we frequently use ourselves. Over time, we hope to turn this section into a comprehensive reference for both beginners and experts.

^Contents <>

Last Change

Web-safe Colors

13/04/2011

Web Graphic Generators

24/03/2011

Web Graphics Resources

Web-safe Colors

^Contents <>

Web-safe color codes include the following RGB values:

0x00
0x33
0x66
0x99
0xCC
0xFF

To view the following color tables, your browser has to support background colors in table cells.

Sort Order R-G-B

Sort Order R-G-B

`#00**** 0,,`	`#00*00 0,,0`	`#00*33 0,,51`	`#00*66 0,,102`	`#00*99 0,,153`	`#00*CC 0,,204`	`#00*FF 0,,255`
`0000** 0,0,*`	`#000000`	`#000033`	`#000066`	`#000099`	`#0000CC`	`#0000FF`
`0033** 0,51,*`	`#003300`	`#003333`	`#003366`	`#003399`	`#0033CC`	`#0033FF`
`0066** 0,102,*`	`#006600`	`#006633`	`#006666`	`#006699`	`#0066CC`	`#0066FF`
`0099** 0,153,*`	`#009900`	`#009933`	`#009966`	`#009999`	`#0099CC`	`#0099FF`
`00CC** 0,204,*`	`#00CC00`	`#00CC33`	`#00CC66`	`#00CC99`	`#00CCCC`	`#00CCFF`
`00FF** 0,255,*`	`#00FF00`	`#00FF33`	`#00FF66`	`#00FF99`	`#00FFCC`	`#00FFFF`
`#33**** 51,,`	`#33*00 51,,0`	`#33*33 51,,51`	`#33*66 51,,102`	`#33*99 51,,153`	`#33*CC 51,,204`	`#33*FF 51,,255`
`3300** 51,0,*`	`#330000`	`#330033`	`#330066`	`#330099`	`#3300CC`	`#3300FF`
`3333** 51,51,*`	`#333300`	`#333333`	`#333366`	`#333399`	`#3333CC`	`#3333FF`
`3366** 51,102,*`	`#336600`	`#336633`	`#336666`	`#336699`	`#3366CC`	`#3366FF`
`3399** 51,153,*`	`#339900`	`#339933`	`#339966`	`#339999`	`#3399CC`	`#3399FF`
`33CC** 51,204,*`	`#33CC00`	`#33CC33`	`#33CC66`	`#33CC99`	`#33CCCC`	`#33CCFF`
`33FF** 51,255,*`	`#33FF00`	`#33FF33`	`#33FF66`	`#33FF99`	`#33FFCC`	`#33FFFF`
`#66**** 102,,`	`#66*00 102,,0`	`#66*33 102,,51`	`#66*66 102,,102`	`#66*99 102,,153`	`#66*CC 102,,204`	`#66*FF 102,,255`
`6600** 102,0,*`	`#660000`	`#660033`	`#660066`	`#660099`	`#6600CC`	`#6600FF`
`6633** 102,51,*`	`#663300`	`#663333`	`#663366`	`#663399`	`#6633CC`	`#6633FF`
`6666** 102,102,*`	`#666600`	`#666633`	`#666666`	`#666699`	`#6666CC`	`#6666FF`
`6699** 102,153,*`	`#669900`	`#669933`	`#669966`	`#669999`	`#6699CC`	`#6699FF`
`66CC** 102,204,*`	`#66CC00`	`#66CC33`	`#66CC66`	`#66CC99`	`#66CCCC`	`#66CCFF`
`66FF** 102,255,*`	`#66FF00`	`#66FF33`	`#66FF66`	`#66FF99`	`#66FFCC`	`#66FFFF`
`#99**** 153,,`	`#99*00 153,,0`	`#99*33 153,,51`	`#99*66 153,,102`	`#99*99 153,,153`	`#99*CC 153,,204`	`#99*FF 153,,255`
`9900** 153,0,*`	`#990000`	`#990033`	`#990066`	`#990099`	`#9900CC`	`#9900FF`
`9933** 153,51,*`	`#993300`	`#993333`	`#993366`	`#993399`	`#9933CC`	`#9933FF`
`9966** 153,102,*`	`#996600`	`#996633`	`#996666`	`#996699`	`#9966CC`	`#9966FF`
`9999** 153,153,*`	`#999900`	`#999933`	`#999966`	`#999999`	`#9999CC`	`#9999FF`
`99CC** 153,204,*`	`#99CC00`	`#99CC33`	`#99CC66`	`#99CC99`	`#99CCCC`	`#99CCFF`
`99FF** 153,255,*`	`#99FF00`	`#99FF33`	`#99FF66`	`#99FF99`	`#99FFCC`	`#99FFFF`
`#CC**** 204,,`	`#CC*00 204,,0`	`#CC*33 204,,51`	`#CC*66 204,,102`	`#CC*99 204,,153`	`#CC*CC 204,,204`	`#CC*FF 204,,255`
`CC00** 204,0,*`	`#CC0000`	`#CC0033`	`#CC0066`	`#CC0099`	`#CC00CC`	`#CC00FF`
`CC33** 204,51,*`	`#CC3300`	`#CC3333`	`#CC3366`	`#CC3399`	`#CC33CC`	`#CC33FF`
`CC66** 204,102,*`	`#CC6600`	`#CC6633`	`#CC6666`	`#CC6699`	`#CC66CC`	`#CC66FF`
`CC99** 204,153,*`	`#CC9900`	`#CC9933`	`#CC9966`	`#CC9999`	`#CC99CC`	`#CC99FF`
`CCCC** 204,204,*`	`#CCCC00`	`#CCCC33`	`#CCCC66`	`#CCCC99`	`#CCCCCC`	`#CCCCFF`
`CCFF** 204,255,*`	`#CCFF00`	`#CCFF33`	`#CCFF66`	`#CCFF99`	`#CCFFCC`	`#CCFFFF`
`#FF**** 255,,`	`#FF*00 255,,0`	`#FF*33 255,,51`	`#FF*66 255,,102`	`#FF*99 255,,153`	`#FF*CC 255,,204`	`#FF*FF 255,,255`
`FF00** 255,0,*`	`#FF0000`	`#FF0033`	`#FF0066`	`#FF0099`	`#FF00CC`	`#FF00FF`
`FF33** 255,51,*`	`#FF3300`	`#FF3333`	`#FF3366`	`#FF3399`	`#FF33CC`	`#FF33FF`
`FF66** 255,102,*`	`#FF6600`	`#FF6633`	`#FF6666`	`#FF6699`	`#FF66CC`	`#FF66FF`
`FF99** 255,153,*`	`#FF9900`	`#FF9933`	`#FF9966`	`#FF9999`	`#FF99CC`	`#FF99FF`
`FFCC** 255,204,*`	`#FFCC00`	`#FFCC33`	`#FFCC66`	`#FFCC99`	`#FFCCCC`	`#FFCCFF`
`FFFF** 255,255,*`	`#FFFF00`	`#FFFF33`	`#FFFF66`	`#FFFF99`	`#FFFFCC`	`#FFFFFF`

Web Graphic Generators

^Contents <>

Web Graphic Generators

^Contents <>

CoolText: Logo and Graphics Generator

» Resources » Web Development » Web Graphics

^Contents <>>