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 #9796D8 to #97D896 and to #9697D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#97A1CD
#979FCF
#979DD1
#979CD2
#979AD4
#9798D6
#9796D8
#97ABC3
#97A8C6
#97A4CA
#97A1CD
#979ED0
#979AD4
#9796D8
#97B6B8
#97B1BD
#97ACC2
#97A7C7
#97A2CC
#979CD2
#9796D8
#97C0AE
#97B9B5
#97B3BB
#97ACC2
#96A6C9
#969FD0
#9697D8
#97CBA3
#97C3AB
#97BAB4
#97B2BC
#96AAC5
#96A1CD
#9697D8
#97D896
#97CEA1
#97C3AB
#97B9B6
#96AEC0
#96A4CB
#9697D8
Colorpallet from #9796D8 to #97D896 and to #96D897
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#97A1CD
#97A1CD
#97A1CD
#97A1CD
#97A1CE
#97A1CE
#97A1CE
#97ABC3
#97ABC3
#97ABC3
#97ABC3
#97ABC3
#97ABC3
#97ABC3
#97B6B8
#97B6B8
#97B6B8
#97B6B8
#97B6B9
#97B6B9
#97B6B9
#97C0AE
#97C0AE
#97C0AE
#97C0AE
#96C0AE
#96C0AE
#96C0AE
#97CBA3
#97CBA3
#97CBA3
#97CBA3
#96CBA4
#96CBA4
#96CBA4
#97D896
#97D896
#97D896
#97D896
#96D897
#96D897
#96D897
Colorpallet from #9796D8 to #97D896 and to #D89796
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#97A1CD
#999FCD
#9A9DCD
#9C9CCD
#9D9ACD
#9F98CD
#A196CD
#97ABC3
#9AA8C3
#9EA4C3
#A1A1C3
#A49EC3
#A89AC3
#AC96C3
#97B6B8
#9CB1B8
#A1ACB8
#A6A7B8
#ABA2B8
#B09CB8
#B696B8
#97C0AE
#9EB9AE
#A4B3AE
#ABACAE
#B2A6AE
#B99FAE
#C197AE
#97CBA3
#9FC3A3
#A8BAA3
#B0B2A3
#B8AAA3
#C1A1A3
#CB97A3
#97D896
#A1CE96
#ACC396
#B6B996
#C1AE96
#CBA496
#D89796
Colorpallet from #9796D8 to #97D896 and to #D89697
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#97A1CD
#999FCD
#9A9DCD
#9C9CCD
#9D9ACE
#9F98CE
#A196CE
#97ABC3
#9AA8C3
#9EA4C3
#A1A1C3
#A49EC3
#A89AC3
#AC96C3
#97B6B8
#9CB1B8
#A1ACB8
#A6A7B8
#ABA2B9
#B09CB9
#B696B9
#97C0AE
#9EB9AE
#A4B3AE
#ABACAE
#B2A5AE
#B99EAE
#C196AE
#97CBA3
#9FC3A3
#A8BAA3
#B0B2A3
#B8A9A4
#C1A1A4
#CB96A4
#97D896
#A1CD96
#ACC396
#B6B896
#C1AE97
#CBA397
#D89697
Colorpallet from #9796D8 to #9697D8 and to #96D897
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9798D6
#979AD5
#979BD3
#979DD2
#979FD0
#97A1CE
#9796D8
#9799D5
#979DD1
#97A0CE
#97A3CB
#97A7C7
#97ABC3
#9796D8
#979BD3
#97A0CE
#97A5C9
#97AAC4
#97B0BF
#97B6B9
#9697D8
#969ED1
#96A4CB
#96ABC4
#96B1BD
#96B8B6
#96C0AE
#9697D8
#969FD0
#96A8C7
#96B0BF
#96B8B7
#96C1AE
#96CBA4
#9697D8
#96A1CE
#96ACC3
#96B6B9
#96C1AE
#96CBA4
#96D897
Colorpallet from #9796D8 to #9697D8 and to #D89796
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9996D6
#9A96D4
#9C96D3
#9D96D1
#9F96CF
#A196CD
#9796D8
#9A96D5
#9E96D1
#A196CE
#A496CB
#A896C7
#AC96C3
#9796D8
#9C96D3
#A196CE
#A696C9
#AB96C4
#B096BE
#B696B8
#9697D8
#9D97D1
#A497CB
#AB97C4
#B297BD
#B897B6
#C197AE
#9697D8
#9E97D0
#A797C7
#AF97BF
#B897B6
#C097AE
#CB97A3
#9697D8
#A197CD
#AB97C3
#B697B8
#C097AE
#CB97A3
#D89796
Colorpallet from #9796D8 to #9697D8 and to #D89697
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9996D6
#9A96D5
#9C96D3
#9D96D2
#9F96D0
#A196CE
#9796D8
#9A96D5
#9E96D1
#A196CE
#A496CB
#A896C7
#AC96C3
#9796D8
#9C96D3
#A196CE
#A696C9
#AB96C4
#B096BF
#B696B9
#9697D8
#9D97D1
#A497CB
#AB97C4
#B296BD
#B896B6
#C196AE
#9697D8
#9E97D0
#A797C7
#AF97BF
#B896B7
#C096AE
#CB96A4
#9697D8
#A197CE
#AB97C3
#B697B9
#C096AE
#CB96A4
#D89697
Colorpallet from #9796D8 to #96D897 and to #D89796
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#97A1CE
#999FCE
#9A9DCE
#9C9CCE
#9D9ACD
#9F98CD
#A196CD
#97ABC3
#9AA8C3
#9EA4C3
#A1A1C3
#A49EC3
#A89AC3
#AC96C3
#97B6B9
#9CB1B9
#A1ACB9
#A6A7B9
#ABA2B8
#B09CB8
#B696B8
#96C0AE
#9DB9AE
#A4B3AE
#ABACAE
#B2A6AE
#B89FAE
#C197AE
#96CBA4
#9EC3A4
#A7BAA4
#AFB2A4
#B8AAA3
#C0A1A3
#CB97A3
#96D897
#A1CE97
#ABC397
#B6B997
#C0AE96
#CBA496
#D89796
Colorpallet from #9796D8 to #96D897 and to #D89697
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#97A1CE
#999FCE
#9A9DCE
#9C9CCE
#9D9ACE
#9F98CE
#A196CE
#97ABC3
#9AA8C3
#9EA4C3
#A1A1C3
#A49EC3
#A89AC3
#AC96C3
#97B6B9
#9CB1B9
#A1ACB9
#A6A7B9
#ABA2B9
#B09CB9
#B696B9
#96C0AE
#9DB9AE
#A4B3AE
#ABACAE
#B2A5AE
#B89EAE
#C196AE
#96CBA4
#9EC3A4
#A7BAA4
#AFB2A4
#B8A9A4
#C0A1A4
#CB96A4
#96D897
#A1CD97
#ABC397
#B6B897
#C0AE97
#CBA397
#D89697
Colorpallet from #9796D8 to #D89796 and to #D89697
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#9796D8
#A196CD
#A196CD
#A196CD
#A196CD
#A196CE
#A196CE
#A196CE
#AC96C3
#AC96C3
#AC96C3
#AC96C3
#AC96C3
#AC96C3
#AC96C3
#B696B8
#B696B8
#B696B8
#B696B8
#B696B9
#B696B9
#B696B9
#C197AE
#C197AE
#C197AE
#C197AE
#C196AE
#C196AE
#C196AE
#CB97A3
#CB97A3
#CB97A3
#CB97A3
#CB96A4
#CB96A4
#CB96A4
#D89796
#D89796
#D89796
#D89796
#D89697
#D89697
#D89697
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
