bar chart Example 1
bar chart Example 2
line chart Example 3
line chart Example 4
pie chart Example 5
pie chart Example 6
Live Example
Graphic Tools
Invisible Counter
HTML Color Codes - Hex Colors - Color Spectrum
Select a startcolor to create spectrum
Restart from the basic HTML colors (RED, GREEN, BLUE)
Restart from a color using the colorpicker.
Click on a color in the spectum grid to refine the spectrum
and find the complementary html colors
Colorpallet from #F8C9C9 to #F836C9 and to #C9F8C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8B1C9
#F7B6C9
#F5BBC9
#F4C0C9
#F3C5C9
#F2CBC9
#F0D1C9
#F89AC9
#F6A4C9
#F3AEC9
#F1B8C9
#EEC2C9
#ECCCC9
#E9D8C9
#F882C9
#F491C9
#F1A0C9
#EDAFC9
#E9BEC9
#E6CDC9
#E1E0C9
#F86BC9
#F37FC9
#EE93C9
#EAA7C9
#E5BAC9
#E0CEC9
#DAE7C9
#F853C9
#F26CC9
#EC85C9
#E69EC9
#E0B7C9
#DAD0C9
#D2EFC9
#F836C9
#F055C9
#E974C9
#E193C9
#DAB2C9
#D2D1C9
#C9F8C9
Colorpallet from #F8C9C9 to #F836C9 and to #C9C9F8
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8B1C9
#F7B5CA
#F5B9CC
#F4BDCD
#F3C0CE
#F2C4CF
#F0C9D1
#F89AC9
#F6A2CB
#F3A9CE
#F1B1D0
#EEB8D3
#ECC0D5
#E9C9D8
#F882C9
#F48DCD
#F199D0
#EDA4D4
#E9AFD8
#E6BBDB
#E1C9E0
#F86BC9
#F37ACE
#EE89D3
#EA98D7
#E5A7DC
#E0B6E1
#DAC9E7
#F853C9
#F266CF
#EC79D5
#E68CDB
#E09FE1
#DAB1E7
#D2C9EF
#F836C9
#F04ED1
#E965D8
#E17DE0
#DA94E7
#D2ACEF
#C9C9F8
Colorpallet from #F8C9C9 to #F836C9 and to #C907C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8B1C9
#F7B0C9
#F5AFC9
#F4AEC9
#F3ADC9
#F2ABC9
#F0AAC9
#F89AC9
#F698C9
#F395C9
#F193C9
#EE90C9
#EC8EC9
#E98BC9
#F882C9
#F47EC9
#F17BC9
#ED77C9
#E974C9
#E670C9
#E16CC9
#F86BC9
#F366C9
#EE61C9
#EA5DC9
#E558C9
#E053C9
#DA4DC9
#F853C9
#F24DC9
#EC47C9
#E641C9
#E03BC9
#DA35C9
#D22EC9
#F836C9
#F02EC9
#E927C9
#E11FC9
#DA18C9
#D210C9
#C907C9
Colorpallet from #F8C9C9 to #C9F8C9 and to #C9C9F8
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F0D1C9
#F0D0CA
#F0CECC
#F0CDCD
#F0CCCE
#F0CBCF
#F0C9D1
#E9D8C9
#E9D6CB
#E9D3CE
#E9D1D0
#E9CED3
#E9CCD5
#E9C9D8
#E1E0C9
#E1DCCD
#E1D9D0
#E1D5D4
#E1D1D8
#E1CEDB
#E1C9E0
#DAE7C9
#DAE2CE
#DADDD3
#DAD9D7
#DAD4DC
#DACFE1
#DAC9E7
#D2EFC9
#D2E9CF
#D2E3D5
#D2DDDB
#D2D7E1
#D2D1E7
#D2C9EF
#C9F8C9
#C9F0D1
#C9E9D8
#C9E1E0
#C9DAE7
#C9D2EF
#C9C9F8
Colorpallet from #F8C9C9 to #C9F8C9 and to #C907C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F0D1C9
#F0CBC9
#F0C5C9
#F0BEC9
#F0B8C9
#F0B2C9
#F0AAC9
#E9D8C9
#E9CCC9
#E9BFC9
#E9B3C9
#E9A7C9
#E99AC9
#E98BC9
#E1E0C9
#E1CDC9
#E1BBC9
#E1A8C9
#E196C9
#E183C9
#E16CC9
#DAE7C9
#DACEC9
#DAB6C9
#DA9DC9
#DA84C9
#DA6CC9
#DA4DC9
#D2EFC9
#D2D0C9
#D2B1C9
#D292C9
#D273C9
#D255C9
#D22EC9
#C9F8C9
#C9D1C9
#C9ABC9
#C984C9
#C95EC9
#C937C9
#C907C9
Colorpallet from #F8C9C9 to #C9C9F8 and to #C907C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F0C9D1
#F0C4D0
#F0BFCE
#F0BACD
#F0B5CC
#F0B0CB
#F0AAC9
#E9C9D8
#E9BFD6
#E9B5D3
#E9ABD1
#E9A1CE
#E997CC
#E98BC9
#E1C9E0
#E1BADC
#E1ABD9
#E19CD5
#E18DD1
#E17FCE
#E16CC9
#DAC9E7
#DAB5E2
#DAA1DD
#DA8DD9
#DA7AD4
#DA66CF
#DA4DC9
#D2C9EF
#D2B0E9
#D297E3
#D27FDD
#D266D7
#D24DD1
#D22EC9
#C9C9F8
#C9AAF0
#C98BE9
#C96CE1
#C94DDA
#C92ED2
#C907C9
Colorpallet from #F8C9C9 to #C9C9F8 and to #C9C9F8
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F0C9D1
#F0C9D1
#F0C9D1
#F0C9D1
#F0C9D1
#F0C9D1
#F0C9D1
#E9C9D8
#E9C9D8
#E9C9D8
#E9C9D8
#E9C9D8
#E9C9D8
#E9C9D8
#E1C9E0
#E1C9E0
#E1C9E0
#E1C9E0
#E1C9E0
#E1C9E0
#E1C9E0
#DAC9E7
#DAC9E7
#DAC9E7
#DAC9E7
#DAC9E7
#DAC9E7
#DAC9E7
#D2C9EF
#D2C9EF
#D2C9EF
#D2C9EF
#D2C9EF
#D2C9EF
#D2C9EF
#C9C9F8
#C9C9F8
#C9C9F8
#C9C9F8
#C9C9F8
#C9C9F8
#C9C9F8
Colorpallet from #F8C9C9 to #C907C9 and to #C9C9F8
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F8C9C9
#F0AAC9
#F0AFCA
#F0B4CC
#F0B9CD
#F0BECE
#F0C3CF
#F0C9D1
#E98BC9
#E995CB
#E99FCE
#E9A9D0
#E9B3D3
#E9BDD5
#E9C9D8
#E16CC9
#E17BCD
#E18AD0
#E199D4
#E1A8D8
#E1B6DB
#E1C9E0
#DA4DC9
#DA61CE
#DA75D3
#DA89D7
#DA9CDC
#DAB0E1
#DAC9E7
#D22EC9
#D247CF
#D260D5
#D278DB
#D291E1
#D2AAE7
#D2C9EF
#C907C9
#C926D1
#C945D8
#C964E0
#C983E7
#C9A2EF
#C9C9F8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
