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 #97DB96 to #9796DB and to #DB9796
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97D0A1
#99D09F
#9BD09D
#9CD09C
#9ED09A
#A0D098
#A2D096
#97C5AC
#9BC5A8
#9EC5A5
#A2C5A1
#A5C59E
#A9C59A
#ADC596
#97BAB7
#9CBAB2
#A2BAAC
#A7BAA7
#ACBAA2
#B1BA9D
#B8BA96
#97AFC2
#9EAFBB
#A5AFB4
#ACAFAD
#B3AFA6
#BAAF9F
#C3AF96
#97A4CD
#A0A4C4
#A8A4BB
#B1A4B3
#BAA5AA
#C2A5A1
#CDA596
#9796DB
#A296D0
#AD96C5
#B896BA
#C397AF
#CD97A4
#DB9796
Colorpallet from #97DB96 to #9796DB and to #DB9697
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97D0A1
#99D09F
#9BD09D
#9CD09C
#9ED09A
#A0D098
#A2D096
#97C5AC
#9BC5A8
#9EC5A5
#A2C5A1
#A5C59E
#A9C59A
#ADC596
#97BAB7
#9CBAB2
#A2BAAC
#A7BAA7
#ACBAA2
#B1BA9D
#B8BA96
#97AFC2
#9EAFBB
#A5AFB4
#ACAFAD
#B3AFA6
#BAAFA0
#C3AF97
#97A4CD
#A0A4C4
#A8A4BC
#B1A4B3
#BAA4AA
#C2A4A2
#CDA497
#9796DB
#A296D0
#AD96C5
#B896BA
#C396AF
#CD96A5
#DB9697
Colorpallet from #97DB96 to #9796DB and to #9697DB
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97D0A1
#97D0A1
#97D0A1
#97D0A1
#97D0A1
#97D0A1
#97D0A1
#97C5AC
#97C5AC
#97C5AC
#97C5AC
#97C5AC
#97C5AC
#97C5AC
#97BAB7
#97BAB7
#97BAB7
#97BAB7
#97BAB7
#97BAB7
#97BAB7
#97AFC2
#97AFC2
#97AFC2
#97AFC2
#96AFC2
#96AFC2
#96AFC2
#97A4CD
#97A4CD
#97A4CD
#97A4CD
#96A5CD
#96A5CD
#96A5CD
#9796DB
#9796DB
#9796DB
#9796DB
#9697DB
#9697DB
#9697DB
Colorpallet from #97DB96 to #9796DB and to #96DB97
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97D0A1
#97D29F
#97D49D
#97D59C
#97D79A
#97D998
#97DB96
#97C5AC
#97C9A8
#97CCA5
#97D0A1
#97D39E
#97D79A
#97DB96
#97BAB7
#97BFB2
#97C5AC
#97CAA7
#97CFA2
#97D49D
#97DB96
#97AFC2
#97B6BB
#97BDB4
#97C4AD
#96CBA6
#96D2A0
#96DB97
#97A4CD
#97ADC4
#97B6BC
#97BEB3
#96C7AA
#96D0A2
#96DB97
#9796DB
#97A1D0
#97ACC5
#97B7BA
#96C2AF
#96CDA5
#96DB97
Colorpallet from #97DB96 to #DB9796 and to #DB9697
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#A2D096
#A2D096
#A2D096
#A2D096
#A2D096
#A2D096
#A2D096
#ADC596
#ADC596
#ADC596
#ADC596
#ADC596
#ADC596
#ADC596
#B8BA96
#B8BA96
#B8BA96
#B8BA96
#B8BA96
#B8BA96
#B8BA96
#C3AF96
#C3AF96
#C3AF96
#C3AF96
#C3AF97
#C3AF97
#C3AF97
#CDA596
#CDA596
#CDA596
#CDA596
#CDA497
#CDA497
#CDA497
#DB9796
#DB9796
#DB9796
#DB9796
#DB9697
#DB9697
#DB9697
Colorpallet from #97DB96 to #DB9796 and to #9697DB
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#A2D096
#A0D098
#9ED09A
#9DD09B
#9BD09D
#99D09F
#97D0A1
#ADC596
#A9C59A
#A6C59D
#A2C5A1
#9FC5A4
#9BC5A8
#97C5AC
#B8BA96
#B3BA9B
#ADBAA1
#A8BAA6
#A3BAAB
#9EBAB0
#97BAB7
#C3AF96
#BCAF9D
#B5AFA4
#ADAFAB
#A6AFB2
#9FAFB9
#96AFC2
#CDA596
#C4A59F
#BBA5A8
#B3A5B0
#AAA5B9
#A1A5C2
#96A5CD
#DB9796
#D097A1
#C597AC
#BA97B7
#AF97C2
#A497CD
#9697DB
Colorpallet from #97DB96 to #DB9796 and to #96DB97
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#A2D096
#A0D296
#9ED496
#9DD596
#9BD796
#99D996
#97DB96
#ADC596
#A9C996
#A6CC96
#A2D096
#9FD396
#9BD796
#97DB96
#B8BA96
#B3BF96
#ADC596
#A8CA96
#A3CF96
#9ED496
#97DB96
#C3AF96
#BCB696
#B5BD96
#ADC496
#A6CB97
#9FD297
#96DB97
#CDA596
#C4AE96
#BBB696
#B3BF96
#AAC897
#A1D097
#96DB97
#DB9796
#D0A296
#C5AD96
#BAB896
#AFC397
#A4CD97
#96DB97
Colorpallet from #97DB96 to #DB9697 and to #9697DB
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#A2D096
#A0D098
#9ED09A
#9DD09B
#9BD09D
#99D09F
#97D0A1
#ADC596
#A9C59A
#A6C59D
#A2C5A1
#9FC5A4
#9BC5A8
#97C5AC
#B8BA96
#B3BA9B
#ADBAA1
#A8BAA6
#A3BAAB
#9EBAB0
#97BAB7
#C3AF97
#BCAF9E
#B5AFA5
#ADAFAC
#A6AFB3
#9FAFB9
#96AFC2
#CDA497
#C4A4A0
#BBA4A8
#B3A4B1
#AAA5BA
#A1A5C2
#96A5CD
#DB9697
#D096A2
#C596AD
#BA96B8
#AF97C3
#A497CD
#9697DB
Colorpallet from #97DB96 to #DB9697 and to #96DB97
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#A2D096
#A0D296
#9ED496
#9DD596
#9BD796
#99D996
#97DB96
#ADC596
#A9C996
#A6CC96
#A2D096
#9FD396
#9BD796
#97DB96
#B8BA96
#B3BF96
#ADC596
#A8CA96
#A3CF96
#9ED496
#97DB96
#C3AF97
#BCB697
#B5BD97
#ADC497
#A6CB97
#9FD297
#96DB97
#CDA497
#C4AD97
#BBB697
#B3BE97
#AAC797
#A1D097
#96DB97
#DB9697
#D0A197
#C5AC97
#BAB797
#AFC297
#A4CD97
#96DB97
Colorpallet from #97DB96 to #9697DB and to #96DB97
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97DB96
#97D0A1
#97D29F
#97D49D
#97D59C
#97D79A
#97D998
#97DB96
#97C5AC
#97C9A8
#97CCA5
#97D0A1
#97D39E
#97D79A
#97DB96
#97BAB7
#97BFB2
#97C5AC
#97CAA7
#97CFA2
#97D49D
#97DB96
#96AFC2
#96B6BB
#96BDB4
#96C4AD
#96CBA6
#96D2A0
#96DB97
#96A5CD
#96AEC4
#96B6BC
#96BFB3
#96C8AA
#96D0A2
#96DB97
#9697DB
#96A2D0
#96ADC5
#96B8BA
#96C3AF
#96CDA5
#96DB97
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
