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 #CDD7C2 to #CDC2D7 and to #D7CDC2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD4C5
#CDD4C5
#CED4C4
#CED4C4
#CED5C3
#CFD5C3
#CFD5C2
#CDD0C9
#CDD1C8
#CED1C7
#CED2C6
#CFD3C5
#CFD3C3
#D0D4C2
#CDCDCC
#CECECA
#CFCFC9
#CFCFC7
#D0D0C6
#D1D1C4
#D2D2C2
#CDCACF
#CECBCD
#CFCCCB
#D0CDC9
#D1CEC7
#D2D0C5
#D3D1C2
#CDC6D3
#CEC7D0
#D0C9CE
#D1CACB
#D2CCC8
#D3CDC5
#D5CFC2
#CDC2D7
#CFC4D4
#D0C6D0
#D2C7CD
#D3C9CA
#D5CBC6
#D7CDC2
Colorpallet from #CDD7C2 to #CDC2D7 and to #D7C2CD
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD4C5
#CDD4C5
#CED4C5
#CED4C5
#CED4C4
#CFD4C4
#CFD4C4
#CDD0C9
#CDD0C9
#CED0C8
#CED0C8
#CFD0C7
#CFD0C7
#D0D0C6
#CDCDCC
#CECDCB
#CFCDCA
#CFCDCA
#D0CDC9
#D1CDC8
#D2CDC7
#CDCACF
#CECACE
#CFCACD
#D0CACC
#D1CACB
#D2CACA
#D3CAC9
#CDC6D3
#CEC6D2
#D0C6D0
#D1C6CF
#D2C6CE
#D3C6CD
#D5C6CB
#CDC2D7
#CFC2D5
#D0C2D4
#D2C2D2
#D3C2D1
#D5C2CF
#D7C2CD
Colorpallet from #CDD7C2 to #CDC2D7 and to #C2CDD7
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD4C5
#CDD4C5
#CCD4C5
#CCD4C5
#CCD5C5
#CBD5C5
#CBD5C5
#CDD0C9
#CCD1C9
#CCD1C9
#CBD2C9
#CAD3C9
#CAD3C9
#C9D4C9
#CDCDCC
#CCCECC
#CBCFCC
#CBCFCC
#CAD0CC
#C9D1CC
#C8D2CC
#CDCACF
#CCCBCF
#CBCCCF
#CACDCF
#C9CECF
#C7D0CF
#C6D1CF
#CDC6D3
#CCC7D3
#CAC9D3
#C9CAD3
#C7CCD3
#C6CDD3
#C4CFD3
#CDC2D7
#CBC4D7
#C9C6D7
#C8C7D7
#C6C9D7
#C4CBD7
#C2CDD7
Colorpallet from #CDD7C2 to #CDC2D7 and to #C2D7CD
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD4C5
#CDD4C5
#CCD5C5
#CCD5C5
#CCD6C4
#CBD6C4
#CBD7C4
#CDD0C9
#CCD1C9
#CCD2C8
#CBD3C8
#CAD4C7
#CAD6C7
#C9D7C6
#CDCDCC
#CCCFCB
#CBD0CA
#CBD2CA
#CAD3C9
#C9D5C8
#C8D7C7
#CDCACF
#CCCCCE
#CBCECD
#CAD0CC
#C9D2CB
#C7D4CA
#C6D7C9
#CDC6D3
#CCC9D2
#CACBD0
#C9CECF
#C7D1CE
#C6D4CD
#C4D7CB
#CDC2D7
#CBC5D5
#C9C9D4
#C8CCD2
#C6CFD1
#C4D3CF
#C2D7CD
Colorpallet from #CDD7C2 to #D7CDC2 and to #D7C2CD
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CFD5C2
#CFD5C2
#CFD5C3
#CFD5C3
#CFD4C3
#CFD4C4
#CFD4C4
#D0D4C2
#D0D3C3
#D0D3C3
#D0D2C4
#D0D1C5
#D0D1C5
#D0D0C6
#D2D2C2
#D2D1C3
#D2D0C4
#D2D0C4
#D2CFC5
#D2CEC6
#D2CDC7
#D3D1C2
#D3D0C3
#D3CFC4
#D3CEC5
#D3CDC6
#D3CBC8
#D3CAC9
#D5CFC2
#D5CEC3
#D5CCC5
#D5CBC6
#D5C9C8
#D5C8C9
#D5C6CB
#D7CDC2
#D7CBC4
#D7C9C6
#D7C8C7
#D7C6C9
#D7C4CB
#D7C2CD
Colorpallet from #CDD7C2 to #D7CDC2 and to #C2CDD7
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CFD5C2
#CED5C2
#CED5C3
#CDD5C3
#CCD5C4
#CCD5C4
#CBD5C5
#D0D4C2
#CFD4C3
#CED4C4
#CDD4C5
#CCD4C6
#CAD4C8
#C9D4C9
#D2D2C2
#D0D2C4
#CFD2C5
#CDD2C7
#CCD2C8
#CAD2CA
#C8D2CC
#D3D1C2
#D1D1C4
#CFD1C6
#CDD1C8
#CBD1CA
#C9D1CC
#C6D1CF
#D5CFC2
#D2CFC5
#D0CFC7
#CDCFCA
#CACFCD
#C7CFD0
#C4CFD3
#D7CDC2
#D4CDC5
#D0CDC9
#CDCDCC
#CACDCF
#C6CDD3
#C2CDD7
Colorpallet from #CDD7C2 to #D7CDC2 and to #C2D7CD
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CFD5C2
#CED5C2
#CED6C3
#CDD6C3
#CCD6C3
#CCD7C4
#CBD7C4
#D0D4C2
#CFD4C3
#CED5C3
#CDD5C4
#CCD6C5
#CAD6C5
#C9D7C6
#D2D2C2
#D0D3C3
#CFD4C4
#CDD4C4
#CCD5C5
#CAD6C6
#C8D7C7
#D3D1C2
#D1D2C3
#CFD3C4
#CDD4C5
#CBD5C6
#C9D6C8
#C6D7C9
#D5CFC2
#D2D0C3
#D0D2C5
#CDD3C6
#CAD4C8
#C7D5C9
#C4D7CB
#D7CDC2
#D4CFC4
#D0D0C6
#CDD2C7
#CAD3C9
#C6D5CB
#C2D7CD
Colorpallet from #CDD7C2 to #D7C2CD and to #C2CDD7
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CFD4C4
#CED4C4
#CED4C4
#CDD4C4
#CCD5C5
#CCD5C5
#CBD5C5
#D0D0C6
#CFD1C6
#CED1C7
#CDD2C7
#CCD3C8
#CAD3C8
#C9D4C9
#D2CDC7
#D0CEC8
#CFCFC9
#CDCFC9
#CCD0CA
#CAD1CB
#C8D2CC
#D3CAC9
#D1CBCA
#CFCCCB
#CDCDCC
#CBCECD
#C9D0CE
#C6D1CF
#D5C6CB
#D2C7CC
#D0C9CE
#CDCACF
#CACCD0
#C7CDD1
#C4CFD3
#D7C2CD
#D4C4CF
#D0C6D0
#CDC7D2
#CAC9D3
#C6CBD5
#C2CDD7
Colorpallet from #CDD7C2 to #D7C2CD and to #C2D7CD
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CFD4C4
#CED4C4
#CED5C4
#CDD5C4
#CCD6C4
#CCD6C4
#CBD7C4
#D0D0C6
#CFD1C6
#CED2C6
#CDD3C6
#CCD4C6
#CAD6C6
#C9D7C6
#D2CDC7
#D0CFC7
#CFD0C7
#CDD2C7
#CCD3C7
#CAD5C7
#C8D7C7
#D3CAC9
#D1CCC9
#CFCEC9
#CDD0C9
#CBD2C9
#C9D4C9
#C6D7C9
#D5C6CB
#D2C9CB
#D0CBCB
#CDCECB
#CAD1CB
#C7D4CB
#C4D7CB
#D7C2CD
#D4C5CD
#D0C9CD
#CDCCCD
#CACFCD
#C6D3CD
#C2D7CD
Colorpallet from #CDD7C2 to #C2CDD7 and to #C2D7CD
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CDD7C2
#CBD5C5
#CBD5C5
#CBD6C5
#CBD6C5
#CBD6C4
#CBD7C4
#CBD7C4
#C9D4C9
#C9D4C9
#C9D5C8
#C9D5C8
#C9D6C7
#C9D6C7
#C9D7C6
#C8D2CC
#C8D3CB
#C8D4CA
#C8D4CA
#C8D5C9
#C8D6C8
#C8D7C7
#C6D1CF
#C6D2CE
#C6D3CD
#C6D4CC
#C6D5CB
#C6D6CA
#C6D7C9
#C4CFD3
#C4D0D2
#C4D2D0
#C4D3CF
#C4D4CE
#C4D5CD
#C4D7CB
#C2CDD7
#C2CFD5
#C2D0D4
#C2D2D2
#C2D3D1
#C2D5CF
#C2D7CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts