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 #C1D7CD to #C1CDD7 and to #D7C1CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D5CF
#C2D5CF
#C2D4CE
#C3D4CE
#C4D4CE
#C4D3CD
#C5D3CD
#C1D4D0
#C2D3D0
#C3D3CF
#C4D2CF
#C5D1CE
#C7D1CE
#C8D0CD
#C1D2D2
#C3D1D1
#C5D0D0
#C6CFD0
#C8CECF
#CACDCE
#CCCCCD
#C1D1D3
#C3D0D2
#C5CED1
#C8CDD0
#CACCCF
#CCCBCE
#CFC9CD
#C1CFD5
#C4CDD4
#C7CCD2
#CACAD1
#CDC9D0
#CFC7CF
#D3C5CD
#C1CDD7
#C5CBD5
#C8C9D4
#CCC7D2
#CFC5D1
#D3C3CF
#D7C1CD
Colorpallet from #C1D7CD to #C1CDD7 and to #D7CDC1
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D5CF
#C2D5CE
#C2D5CE
#C3D5CD
#C4D5CC
#C4D5CC
#C5D5CB
#C1D4D0
#C2D4CF
#C3D4CE
#C4D4CD
#C5D4CC
#C7D4CA
#C8D4C9
#C1D2D2
#C3D2D0
#C5D2CE
#C6D2CD
#C8D2CB
#CAD2C9
#CCD2C7
#C1D1D3
#C3D1D1
#C5D1CF
#C8D1CC
#CAD1CA
#CCD1C8
#CFD1C5
#C1CFD5
#C4CFD2
#C7CFCF
#CACFCC
#CDCFC9
#CFCFC7
#D3CFC3
#C1CDD7
#C5CDD3
#C8CDD0
#CCCDCC
#CFCDC9
#D3CDC5
#D7CDC1
Colorpallet from #C1D7CD to #C1CDD7 and to #CDC1D7
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D5CF
#C1D5CF
#C2D4CF
#C2D4CF
#C2D4CF
#C3D3CF
#C3D3CF
#C1D4D0
#C2D3D0
#C2D3D0
#C3D2D0
#C4D1D0
#C4D1D0
#C5D0D0
#C1D2D2
#C2D1D2
#C3D0D2
#C4CFD2
#C5CED2
#C6CDD2
#C7CCD2
#C1D1D3
#C2D0D3
#C4CED3
#C5CDD3
#C6CCD3
#C7CBD3
#C9C9D3
#C1CFD5
#C3CDD5
#C4CCD5
#C6CAD5
#C7C9D5
#C9C7D5
#CBC5D5
#C1CDD7
#C3CBD7
#C5C9D7
#C7C7D7
#C9C5D7
#CBC3D7
#CDC1D7
Colorpallet from #C1D7CD to #C1CDD7 and to #CDD7C1
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D5CF
#C1D5CE
#C2D6CE
#C2D6CD
#C2D6CC
#C3D7CC
#C3D7CB
#C1D4D0
#C2D4CF
#C2D5CE
#C3D5CD
#C4D6CC
#C4D6CA
#C5D7C9
#C1D2D2
#C2D3D0
#C3D4CE
#C4D4CD
#C5D5CB
#C6D6C9
#C7D7C7
#C1D1D3
#C2D2D1
#C4D3CF
#C5D4CC
#C6D5CA
#C7D6C8
#C9D7C5
#C1CFD5
#C3D0D2
#C4D2CF
#C6D3CC
#C7D4C9
#C9D5C7
#CBD7C3
#C1CDD7
#C3CFD3
#C5D0D0
#C7D2CC
#C9D3C9
#CBD5C5
#CDD7C1
Colorpallet from #C1D7CD to #D7C1CD and to #D7CDC1
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C5D3CD
#C5D3CD
#C5D4CC
#C5D4CC
#C5D4CC
#C5D5CB
#C5D5CB
#C8D0CD
#C8D1CC
#C8D1CC
#C8D2CB
#C8D3CA
#C8D3CA
#C8D4C9
#CCCCCD
#CCCDCC
#CCCECB
#CCCFCA
#CCD0C9
#CCD1C8
#CCD2C7
#CFC9CD
#CFCACC
#CFCCCA
#CFCDC9
#CFCEC8
#CFCFC7
#CFD1C5
#D3C5CD
#D3C7CB
#D3C8CA
#D3CAC8
#D3CBC7
#D3CDC5
#D3CFC3
#D7C1CD
#D7C3CB
#D7C5C9
#D7C7C7
#D7C9C5
#D7CBC3
#D7CDC1
Colorpallet from #C1D7CD to #D7C1CD and to #CDC1D7
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C5D3CD
#C5D3CD
#C4D3CE
#C4D3CE
#C4D3CE
#C3D3CF
#C3D3CF
#C8D0CD
#C8D0CD
#C7D0CE
#C7D0CE
#C6D0CF
#C6D0CF
#C5D0D0
#CCCCCD
#CBCCCE
#CACCCF
#CACCCF
#C9CCD0
#C8CCD1
#C7CCD2
#CFC9CD
#CEC9CE
#CDC9CF
#CCC9D0
#CBC9D1
#CAC9D2
#C9C9D3
#D3C5CD
#D2C5CE
#D0C5D0
#CFC5D1
#CEC5D2
#CDC5D3
#CBC5D5
#D7C1CD
#D5C1CF
#D4C1D0
#D2C1D2
#D1C1D3
#CFC1D5
#CDC1D7
Colorpallet from #C1D7CD to #D7C1CD and to #CDD7C1
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C5D3CD
#C5D4CD
#C4D4CC
#C4D5CC
#C4D6CC
#C3D6CB
#C3D7CB
#C8D0CD
#C8D1CC
#C7D2CC
#C7D3CB
#C6D4CA
#C6D6CA
#C5D7C9
#CCCCCD
#CBCECC
#CAD0CB
#CAD1CA
#C9D3C9
#C8D5C8
#C7D7C7
#CFC9CD
#CECBCC
#CDCDCA
#CCD0C9
#CBD2C8
#CAD4C7
#C9D7C5
#D3C5CD
#D2C8CB
#D0CBCA
#CFCEC8
#CED1C7
#CDD3C5
#CBD7C3
#D7C1CD
#D5C5CB
#D4C8C9
#D2CCC7
#D1CFC5
#CFD3C3
#CDD7C1
Colorpallet from #C1D7CD to #D7CDC1 and to #CDC1D7
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C5D5CB
#C5D5CC
#C4D4CC
#C4D4CD
#C4D4CE
#C3D3CE
#C3D3CF
#C8D4C9
#C8D3CA
#C7D3CB
#C7D2CC
#C6D1CD
#C6D1CF
#C5D0D0
#CCD2C7
#CBD1C9
#CAD0CB
#CACFCC
#C9CECE
#C8CDD0
#C7CCD2
#CFD1C5
#CED0C7
#CDCEC9
#CCCDCC
#CBCCCE
#CACBD0
#C9C9D3
#D3CFC3
#D2CDC6
#D0CCC9
#CFCACC
#CEC9CF
#CDC7D1
#CBC5D5
#D7CDC1
#D5CBC5
#D4C9C8
#D2C7CC
#D1C5CF
#CFC3D3
#CDC1D7
Colorpallet from #C1D7CD to #D7CDC1 and to #CDD7C1
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C5D5CB
#C5D5CB
#C4D6CB
#C4D6CB
#C4D6CB
#C3D7CB
#C3D7CB
#C8D4C9
#C8D4C9
#C7D5C9
#C7D5C9
#C6D6C9
#C6D6C9
#C5D7C9
#CCD2C7
#CBD3C7
#CAD4C7
#CAD4C7
#C9D5C7
#C8D6C7
#C7D7C7
#CFD1C5
#CED2C5
#CDD3C5
#CCD4C5
#CBD5C5
#CAD6C5
#C9D7C5
#D3CFC3
#D2D0C3
#D0D2C3
#CFD3C3
#CED4C3
#CDD5C3
#CBD7C3
#D7CDC1
#D5CFC1
#D4D0C1
#D2D2C1
#D1D3C1
#CFD5C1
#CDD7C1
Colorpallet from #C1D7CD to #CDC1D7 and to #CDD7C1
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C1D7CD
#C3D3CF
#C3D4CE
#C3D4CE
#C3D5CD
#C3D6CC
#C3D6CC
#C3D7CB
#C5D0D0
#C5D1CF
#C5D2CE
#C5D3CD
#C5D4CC
#C5D6CA
#C5D7C9
#C7CCD2
#C7CED0
#C7D0CE
#C7D1CD
#C7D3CB
#C7D5C9
#C7D7C7
#C9C9D3
#C9CBD1
#C9CDCF
#C9D0CC
#C9D2CA
#C9D4C8
#C9D7C5
#CBC5D5
#CBC8D2
#CBCBCF
#CBCECC
#CBD1C9
#CBD3C7
#CBD7C3
#CDC1D7
#CDC5D3
#CDC8D0
#CDCCCC
#CDCFC9
#CDD3C5
#CDD7C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
