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 #C2BFE2 to #C2E2BF and to #BFC2E2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2C5DC
#C2C4DD
#C2C3DE
#C2C2DF
#C2C1E0
#C2C0E1
#C2BFE2
#C2CAD7
#C2C8D9
#C2C7DB
#C2C5DC
#C1C4DE
#C1C2E0
#C1C0E2
#C2D0D1
#C2CDD4
#C2CBD6
#C2C8D9
#C1C6DC
#C1C3DF
#C1C0E2
#C2D5CC
#C2D2D0
#C1CFD3
#C1CBD7
#C1C8DA
#C0C5DE
#C0C1E2
#C2DBC6
#C2D7CA
#C1D3CF
#C1CFD3
#C1CAD8
#C0C6DC
#C0C1E2
#C2E2BF
#C2DDC5
#C1D8CA
#C1D3D0
#C0CED5
#C0C8DB
#BFC2E2
Colorpallet from #C2BFE2 to #C2E2BF and to #BFE2C2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2C5DC
#C2C5DC
#C2C5DC
#C2C5DC
#C2C5DD
#C2C5DD
#C2C5DD
#C2CAD7
#C2CAD7
#C2CAD7
#C2CAD7
#C1CAD8
#C1CAD8
#C1CAD8
#C2D0D1
#C2D0D1
#C2D0D2
#C2D0D2
#C1D0D2
#C1D0D3
#C1D0D3
#C2D5CC
#C2D5CC
#C1D5CD
#C1D5CD
#C1D5CD
#C0D5CE
#C0D5CE
#C2DBC6
#C2DBC6
#C1DBC7
#C1DBC7
#C1DBC7
#C0DBC8
#C0DBC8
#C2E2BF
#C2E2BF
#C1E2C0
#C1E2C0
#C0E2C1
#C0E2C1
#BFE2C2
Colorpallet from #C2BFE2 to #C2E2BF and to #E2C2BF
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2C5DC
#C3C4DC
#C4C3DC
#C4C2DC
#C5C1DC
#C6C0DC
#C7BFDC
#C2CAD7
#C4C8D7
#C5C7D7
#C7C5D7
#C8C4D7
#CAC2D7
#CCC0D7
#C2D0D1
#C4CDD1
#C7CBD1
#C9C8D1
#CCC6D1
#CEC3D1
#D1C0D1
#C2D5CC
#C5D2CC
#C8CFCC
#CCCBCC
#CFC8CC
#D2C5CC
#D6C1CC
#C2DBC6
#C6D7C6
#CAD3C6
#CECFC6
#D3CAC6
#D7C6C6
#DCC1C6
#C2E2BF
#C7DDBF
#CCD8BF
#D1D3BF
#D6CEBF
#DCC8BF
#E2C2BF
Colorpallet from #C2BFE2 to #C2E2BF and to #E2BFC2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2C5DC
#C3C4DC
#C4C3DC
#C4C2DC
#C5C1DD
#C6C0DD
#C7BFDD
#C2CAD7
#C4C8D7
#C5C6D7
#C7C5D7
#C8C3D8
#CAC1D8
#CCBFD8
#C2D0D1
#C4CDD1
#C7CBD2
#C9C8D2
#CCC5D2
#CEC2D3
#D1BFD3
#C2D5CC
#C5D1CC
#C8CECD
#CCCACD
#CFC7CD
#D2C3CE
#D6BFCE
#C2DBC6
#C6D7C6
#CAD2C7
#CECEC7
#D3C9C7
#D7C5C8
#DCBFC8
#C2E2BF
#C7DCBF
#CCD7C0
#D1D1C0
#D6CCC1
#DCC6C1
#E2BFC2
Colorpallet from #C2BFE2 to #BFC2E2 and to #BFE2C2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2C0E1
#C2C1E0
#C2C2E0
#C2C3DF
#C2C4DE
#C2C5DD
#C1C0E2
#C1C2E0
#C1C3DF
#C1C5DD
#C1C6DC
#C1C8DA
#C1CAD8
#C1C0E2
#C1C3E0
#C1C5DD
#C1C8DB
#C1CAD8
#C1CDD6
#C1D0D3
#C0C1E2
#C0C4DF
#C0C7DC
#C0CBD8
#C0CED5
#C0D1D2
#C0D5CE
#C0C1E2
#C0C5DE
#C0C9DA
#C0CDD6
#C0D2D1
#C0D6CD
#C0DBC8
#BFC2E2
#BFC7DD
#BFCCD8
#BFD1D3
#BFD6CE
#BFDCC8
#BFE2C2
Colorpallet from #C2BFE2 to #BFC2E2 and to #E2C2BF
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C3BFE1
#C4BFE0
#C4BFDF
#C5BFDE
#C6BFDD
#C7BFDC
#C1C0E2
#C3C0E0
#C5C0DE
#C6C0DD
#C8C0DB
#CAC0D9
#CCC0D7
#C1C0E2
#C4C0DF
#C6C0DD
#C9C0DA
#CBC0D7
#CEC0D4
#D1C0D1
#C0C1E2
#C4C1DE
#C7C1DB
#CBC1D7
#CEC1D4
#D2C1D0
#D6C1CC
#C0C1E2
#C4C1DE
#C9C1D9
#CDC1D5
#D2C1D0
#D6C1CC
#DCC1C6
#BFC2E2
#C5C2DC
#CAC2D7
#D0C2D1
#D5C2CC
#DBC2C6
#E2C2BF
Colorpallet from #C2BFE2 to #BFC2E2 and to #E2BFC2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C3BFE1
#C4BFE0
#C4BFE0
#C5BFDF
#C6BFDE
#C7BFDD
#C1C0E2
#C3C0E0
#C5C0DF
#C6C0DD
#C8BFDC
#CABFDA
#CCBFD8
#C1C0E2
#C4C0E0
#C6C0DD
#C9C0DB
#CBBFD8
#CEBFD6
#D1BFD3
#C0C1E2
#C4C1DF
#C7C0DC
#CBC0D8
#CEC0D5
#D2BFD2
#D6BFCE
#C0C1E2
#C4C1DE
#C9C0DA
#CDC0D6
#D2C0D1
#D6BFCD
#DCBFC8
#BFC2E2
#C5C2DD
#CAC1D8
#D0C1D3
#D5C0CE
#DBC0C8
#E2BFC2
Colorpallet from #C2BFE2 to #BFE2C2 and to #E2C2BF
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2C5DD
#C3C4DD
#C4C3DD
#C4C2DD
#C5C1DC
#C6C0DC
#C7BFDC
#C1CAD8
#C3C8D8
#C5C7D8
#C6C5D8
#C8C4D7
#CAC2D7
#CCC0D7
#C1D0D3
#C4CDD3
#C6CBD2
#C9C8D2
#CBC6D2
#CEC3D1
#D1C0D1
#C0D5CE
#C4D2CE
#C7CFCD
#CBCBCD
#CEC8CD
#D2C5CC
#D6C1CC
#C0DBC8
#C4D7C8
#C9D3C7
#CDCFC7
#D2CAC7
#D6C6C6
#DCC1C6
#BFE2C2
#C5DDC2
#CAD8C1
#D0D3C1
#D5CEC0
#DBC8C0
#E2C2BF
Colorpallet from #C2BFE2 to #BFE2C2 and to #E2BFC2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2C5DD
#C3C4DD
#C4C3DD
#C4C2DD
#C5C1DD
#C6C0DD
#C7BFDD
#C1CAD8
#C3C8D8
#C5C6D8
#C6C5D8
#C8C3D8
#CAC1D8
#CCBFD8
#C1D0D3
#C4CDD3
#C6CBD3
#C9C8D3
#CBC5D3
#CEC2D3
#D1BFD3
#C0D5CE
#C4D1CE
#C7CECE
#CBCACE
#CEC7CE
#D2C3CE
#D6BFCE
#C0DBC8
#C4D7C8
#C9D2C8
#CDCEC8
#D2C9C8
#D6C5C8
#DCBFC8
#BFE2C2
#C5DCC2
#CAD7C2
#D0D1C2
#D5CCC2
#DBC6C2
#E2BFC2
Colorpallet from #C2BFE2 to #E2C2BF and to #E2BFC2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C2BFE2
#C7BFDC
#C7BFDC
#C7BFDC
#C7BFDC
#C7BFDD
#C7BFDD
#C7BFDD
#CCC0D7
#CCC0D7
#CCC0D7
#CCC0D7
#CCBFD8
#CCBFD8
#CCBFD8
#D1C0D1
#D1C0D1
#D1C0D2
#D1C0D2
#D1BFD2
#D1BFD3
#D1BFD3
#D6C1CC
#D6C1CC
#D6C0CD
#D6C0CD
#D6C0CD
#D6BFCE
#D6BFCE
#DCC1C6
#DCC1C6
#DCC0C7
#DCC0C7
#DCC0C7
#DCBFC8
#DCBFC8
#E2C2BF
#E2C2BF
#E2C1C0
#E2C1C0
#E2C0C1
#E2C0C1
#E2BFC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
