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 #CDD8C0 to #CDC0D8 and to #D8CDC0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD4C4
#CDD4C3
#CED5C3
#CED5C2
#CED5C1
#CFD6C1
#CFD6C0
#CDD0C8
#CED1C7
#CED1C5
#CFD2C4
#D0D3C3
#D0D3C2
#D1D4C0
#CDCCCC
#CECDCA
#CFCEC8
#CFCFC6
#D0D0C4
#D1D2C2
#D2D3C0
#CDC9CF
#CECACD
#CFCCCA
#D0CDC8
#D1CEC5
#D3CFC3
#D4D1C0
#CDC5D3
#CEC7D0
#D0C8CD
#D1CACA
#D3CBC7
#D4CDC4
#D6CFC0
#CDC0D8
#CFC2D4
#D1C4D0
#D2C6CC
#D4C8C9
#D6CAC5
#D8CDC0
Colorpallet from #CDD8C0 to #CDC0D8 and to #D8C0CD
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD4C4
#CDD4C4
#CED4C3
#CED4C3
#CED4C3
#CFD4C2
#CFD4C2
#CDD0C8
#CED0C7
#CED0C7
#CFD0C6
#D0D0C5
#D0D0C5
#D1D0C4
#CDCCCC
#CECCCB
#CFCCCA
#CFCCC9
#D0CCC8
#D1CCC7
#D2CCC6
#CDC9CF
#CEC9CE
#CFC9CD
#D0C9CC
#D1C9CB
#D3C9C9
#D4C9C8
#CDC5D3
#CEC5D2
#D0C5D0
#D1C5CF
#D3C5CD
#D4C5CC
#D6C5CA
#CDC0D8
#CFC0D6
#D1C0D4
#D2C0D3
#D4C0D1
#D6C0CF
#D8C0CD
Colorpallet from #CDD8C0 to #CDC0D8 and to #C0CDD8
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD4C4
#CDD4C4
#CCD5C4
#CCD5C4
#CCD5C4
#CBD6C4
#CBD6C4
#CDD0C8
#CCD1C8
#CCD1C8
#CBD2C8
#CAD3C8
#CAD3C8
#C9D4C8
#CDCCCC
#CCCDCC
#CBCECC
#CACFCC
#C9D0CC
#C8D2CC
#C7D3CC
#CDC9CF
#CCCACF
#CACCCF
#C9CDCF
#C8CECF
#C7CFCF
#C5D1CF
#CDC5D3
#CBC7D3
#CAC8D3
#C8CAD3
#C7CBD3
#C5CDD3
#C3CFD3
#CDC0D8
#CBC2D8
#C9C4D8
#C7C6D8
#C5C8D8
#C3CAD8
#C0CDD8
Colorpallet from #CDD8C0 to #CDC0D8 and to #C0D8CD
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD4C4
#CDD5C4
#CCD5C3
#CCD6C3
#CCD7C3
#CBD7C2
#CBD8C2
#CDD0C8
#CCD1C7
#CCD3C7
#CBD4C6
#CAD5C5
#CAD6C5
#C9D8C4
#CDCCCC
#CCCECB
#CBD0CA
#CAD2C9
#C9D4C8
#C8D6C7
#C7D8C6
#CDC9CF
#CCCBCE
#CACECD
#C9D0CC
#C8D3CB
#C7D5C9
#C5D8C8
#CDC5D3
#CBC8D2
#CACBD0
#C8CECF
#C7D1CD
#C5D4CC
#C3D8CA
#CDC0D8
#CBC4D6
#C9C8D4
#C7CCD3
#C5CFD1
#C3D3CF
#C0D8CD
Colorpallet from #CDD8C0 to #D8CDC0 and to #D8C0CD
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CFD6C0
#CFD6C0
#CFD5C1
#CFD5C1
#CFD5C1
#CFD4C2
#CFD4C2
#D1D4C0
#D1D3C1
#D1D3C1
#D1D2C2
#D1D1C3
#D1D1C3
#D1D0C4
#D2D3C0
#D2D2C1
#D2D1C2
#D2D0C3
#D2CFC4
#D2CDC5
#D2CCC6
#D4D1C0
#D4D0C1
#D4CEC3
#D4CDC4
#D4CCC5
#D4CBC6
#D4C9C8
#D6CFC0
#D6CDC2
#D6CCC3
#D6CAC5
#D6C9C6
#D6C7C8
#D6C5CA
#D8CDC0
#D8CBC2
#D8C9C4
#D8C7C6
#D8C5C8
#D8C3CA
#D8C0CD
Colorpallet from #CDD8C0 to #D8CDC0 and to #C0CDD8
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CFD6C0
#CED6C1
#CED6C1
#CDD6C2
#CCD6C3
#CCD6C3
#CBD6C4
#D1D4C0
#D0D4C1
#CED4C3
#CDD4C4
#CCD4C5
#CBD4C6
#C9D4C8
#D2D3C0
#D0D3C2
#CED3C4
#CDD3C6
#CBD3C8
#C9D3CA
#C7D3CC
#D4D1C0
#D2D1C2
#CFD1C5
#CDD1C7
#CAD1CA
#C8D1CC
#C5D1CF
#D6CFC0
#D3CFC3
#D0CFC6
#CDCFC9
#CACFCC
#C7CFCF
#C3CFD3
#D8CDC0
#D4CDC4
#D0CDC8
#CCCDCC
#C9CDCF
#C5CDD3
#C0CDD8
Colorpallet from #CDD8C0 to #D8CDC0 and to #C0D8CD
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CFD6C0
#CED6C0
#CED7C1
#CDD7C1
#CCD7C1
#CCD8C2
#CBD8C2
#D1D4C0
#D0D5C1
#CED5C1
#CDD6C2
#CCD7C3
#CBD7C3
#C9D8C4
#D2D3C0
#D0D4C1
#CED5C2
#CDD5C3
#CBD6C4
#C9D7C5
#C7D8C6
#D4D1C0
#D2D2C1
#CFD3C3
#CDD4C4
#CAD5C5
#C8D7C6
#C5D8C8
#D6CFC0
#D3D0C2
#D0D2C3
#CDD3C5
#CAD5C6
#C7D6C8
#C3D8CA
#D8CDC0
#D4CFC2
#D0D1C4
#CCD2C6
#C9D4C8
#C5D6CA
#C0D8CD
Colorpallet from #CDD8C0 to #D8C0CD and to #C0CDD8
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CFD4C2
#CED4C2
#CED5C3
#CDD5C3
#CCD5C3
#CCD6C4
#CBD6C4
#D1D0C4
#D0D1C5
#CED1C5
#CDD2C6
#CCD3C7
#CBD3C7
#C9D4C8
#D2CCC6
#D0CDC7
#CECEC8
#CDCFC9
#CBD0CA
#C9D2CB
#C7D3CC
#D4C9C8
#D2CAC9
#CFCCCA
#CDCDCB
#CACECC
#C8CFCE
#C5D1CF
#D6C5CA
#D3C7CB
#D0C8CD
#CDCACE
#CACBD0
#C7CDD1
#C3CFD3
#D8C0CD
#D4C2CF
#D0C4D1
#CCC6D2
#C9C8D4
#C5CAD6
#C0CDD8
Colorpallet from #CDD8C0 to #D8C0CD and to #C0D8CD
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CFD4C2
#CED5C2
#CED5C2
#CDD6C2
#CCD7C2
#CCD7C2
#CBD8C2
#D1D0C4
#D0D1C4
#CED3C4
#CDD4C4
#CCD5C4
#CBD6C4
#C9D8C4
#D2CCC6
#D0CEC6
#CED0C6
#CDD2C6
#CBD4C6
#C9D6C6
#C7D8C6
#D4C9C8
#D2CBC8
#CFCEC8
#CDD0C8
#CAD3C8
#C8D5C8
#C5D8C8
#D6C5CA
#D3C8CA
#D0CBCA
#CDCECA
#CAD1CA
#C7D4CA
#C3D8CA
#D8C0CD
#D4C4CD
#D0C8CD
#CCCCCD
#C9CFCD
#C5D3CD
#C0D8CD
Colorpallet from #CDD8C0 to #C0CDD8 and to #C0D8CD
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CDD8C0
#CBD6C4
#CBD6C4
#CBD7C3
#CBD7C3
#CBD7C3
#CBD8C2
#CBD8C2
#C9D4C8
#C9D5C7
#C9D5C7
#C9D6C6
#C9D7C5
#C9D7C5
#C9D8C4
#C7D3CC
#C7D4CB
#C7D5CA
#C7D5C9
#C7D6C8
#C7D7C7
#C7D8C6
#C5D1CF
#C5D2CE
#C5D3CD
#C5D4CC
#C5D5CB
#C5D7C9
#C5D8C8
#C3CFD3
#C3D0D2
#C3D2D0
#C3D3CF
#C3D5CD
#C3D6CC
#C3D8CA
#C0CDD8
#C0CFD6
#C0D1D4
#C0D2D3
#C0D4D1
#C0D6CF
#C0D8CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts