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 #BDD2D4 to #BDD4D2 and to #D2BDD4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BED1D4
#BED1D4
#BFD0D4
#BFD0D4
#C0CFD4
#BDD3D3
#BED2D3
#BFD0D3
#C0CFD3
#C1CED4
#C3CDD4
#C4CBD4
#BDD3D3
#BFD1D3
#C0CFD3
#C2CED3
#C3CCD4
#C5CAD4
#C7C8D4
#BDD3D3
#BFD1D3
#C1CFD3
#C3CCD3
#C5CAD4
#C7C8D4
#CAC5D4
#BDD4D2
#C0D1D2
#C2CED3
#C5CBD3
#C8C8D3
#CBC5D4
#CEC1D4
#BDD4D2
#C0D0D2
#C4CDD3
#C7C9D3
#CAC5D3
#CEC2D4
#D2BDD4
Colorpallet from #BDD2D4 to #BDD4D2 and to #D2D4BD
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D3
#BED2D3
#BED2D2
#BFD2D1
#BFD2D1
#C0D2D0
#BDD3D3
#BED3D2
#BFD3D1
#C0D3D0
#C1D3CF
#C3D3CE
#C4D3CD
#BDD3D3
#BFD3D1
#C0D3D0
#C2D3CE
#C3D3CD
#C5D3CB
#C7D3C9
#BDD3D3
#BFD3D1
#C1D3CF
#C3D3CC
#C5D3CA
#C7D3C8
#CAD3C5
#BDD4D2
#C0D4CF
#C2D4CD
#C5D4CA
#C8D4C8
#CBD4C5
#CED4C2
#BDD4D2
#C0D4CF
#C4D4CB
#C7D4C8
#CAD4C5
#CED4C1
#D2D4BD
Colorpallet from #BDD2D4 to #BDD4D2 and to #D4BDD2
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BED2D4
#BED1D4
#BFD1D4
#C0D0D4
#C0D0D4
#C1CFD4
#BDD3D3
#BED2D3
#BFD0D3
#C0CFD3
#C1CED3
#C3CDD3
#C4CBD3
#BDD3D3
#BFD1D3
#C1CFD3
#C2CED3
#C4CCD3
#C6CAD3
#C8C8D3
#BDD3D3
#BFD1D3
#C2CFD3
#C4CCD3
#C7CAD3
#C9C8D3
#CCC5D3
#BDD4D2
#C0D1D2
#C3CED2
#C6CBD2
#C9C8D2
#CBC5D2
#CFC1D2
#BDD4D2
#C1D0D2
#C4CDD2
#C8C9D2
#CCC5D2
#CFC2D2
#D4BDD2
Colorpallet from #BDD2D4 to #BDD4D2 and to #D4D2BD
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BED2D3
#BED2D3
#BFD2D2
#C0D2D1
#C0D2D1
#C1D2D0
#BDD3D3
#BED3D2
#BFD3D1
#C0D3D0
#C1D2CF
#C3D2CE
#C4D2CD
#BDD3D3
#BFD3D1
#C1D3D0
#C2D3CE
#C4D2CD
#C6D2CB
#C8D2C9
#BDD3D3
#BFD3D1
#C2D3CF
#C4D3CC
#C7D2CA
#C9D2C8
#CCD2C5
#BDD4D2
#C0D4CF
#C3D3CD
#C6D3CA
#C9D3C8
#CBD2C5
#CFD2C2
#BDD4D2
#C1D4CF
#C4D3CB
#C8D3C8
#CCD3C5
#CFD2C1
#D4D2BD
Colorpallet from #BDD2D4 to #D2BDD4 and to #D2D4BD
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#C0CFD4
#C0CFD3
#C0D0D3
#C0D0D2
#C0D1D1
#C0D1D1
#C0D2D0
#C4CBD4
#C4CCD3
#C4CED2
#C4CFD1
#C4D0D0
#C4D1CE
#C4D3CD
#C7C8D4
#C7CAD2
#C7CCD0
#C7CDCF
#C7CFCD
#C7D1CB
#C7D3C9
#CAC5D4
#CAC7D2
#CAC9CF
#CACCCD
#CACECA
#CAD0C8
#CAD3C5
#CEC1D4
#CEC4D1
#CEC7CE
#CECACB
#CECDC8
#CED0C6
#CED4C2
#D2BDD4
#D2C1D0
#D2C4CD
#D2C8C9
#D2CCC5
#D2CFC2
#D2D4BD
Colorpallet from #BDD2D4 to #D2BDD4 and to #D4BDD2
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#C0CFD4
#C0CFD4
#C0CFD4
#C0CFD4
#C1CFD4
#C1CFD4
#C1CFD4
#C4CBD4
#C4CBD4
#C4CBD4
#C4CBD4
#C4CBD3
#C4CBD3
#C4CBD3
#C7C8D4
#C7C8D4
#C7C8D4
#C7C8D4
#C8C8D3
#C8C8D3
#C8C8D3
#CAC5D4
#CAC5D4
#CBC5D4
#CBC5D4
#CBC5D3
#CCC5D3
#CCC5D3
#CEC1D4
#CEC1D4
#CEC1D3
#CEC1D3
#CFC1D3
#CFC1D2
#CFC1D2
#D2BDD4
#D2BDD4
#D3BDD3
#D3BDD3
#D3BDD3
#D4BDD2
#D4BDD2
Colorpallet from #BDD2D4 to #D2BDD4 and to #D4D2BD
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#C0CFD4
#C0CFD3
#C0D0D3
#C0D0D2
#C1D1D1
#C1D1D1
#C1D2D0
#C4CBD4
#C4CCD3
#C4CDD2
#C4CED1
#C4CFD0
#C4D1CE
#C4D2CD
#C7C8D4
#C7CAD2
#C7CBD0
#C7CDCF
#C8CECD
#C8D0CB
#C8D2C9
#CAC5D4
#CAC7D2
#CBC9CF
#CBCBCD
#CBCDCA
#CCCFC8
#CCD2C5
#CEC1D4
#CEC4D1
#CEC6CE
#CEC9CB
#CFCCC8
#CFCFC6
#CFD2C2
#D2BDD4
#D2C0D0
#D3C4CD
#D3C7C9
#D3CAC5
#D4CEC2
#D4D2BD
Colorpallet from #BDD2D4 to #D2D4BD and to #D4BDD2
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#C0D2D0
#C0D2D1
#C0D1D1
#C0D1D2
#C1D0D3
#C1D0D3
#C1CFD4
#C4D3CD
#C4D2CE
#C4D0CF
#C4CFD0
#C4CED1
#C4CDD2
#C4CBD3
#C7D3C9
#C7D1CB
#C7CFCC
#C7CECE
#C8CCCF
#C8CAD1
#C8C8D3
#CAD3C5
#CAD1C7
#CBCFC9
#CBCCCC
#CBCACE
#CCC8D0
#CCC5D3
#CED4C2
#CED1C5
#CECEC7
#CECBCA
#CFC8CC
#CFC5CF
#CFC1D2
#D2D4BD
#D2D0C0
#D3CDC4
#D3C9C7
#D3C5CA
#D4C2CE
#D4BDD2
Colorpallet from #BDD2D4 to #D2D4BD and to #D4D2BD
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#C0D2D0
#C0D2D0
#C0D2D0
#C0D2D0
#C1D2D0
#C1D2D0
#C1D2D0
#C4D3CD
#C4D3CD
#C4D3CD
#C4D3CD
#C4D2CD
#C4D2CD
#C4D2CD
#C7D3C9
#C7D3C9
#C7D3C9
#C7D3C9
#C8D2C9
#C8D2C9
#C8D2C9
#CAD3C5
#CAD3C5
#CBD3C5
#CBD3C5
#CBD2C5
#CCD2C5
#CCD2C5
#CED4C2
#CED4C2
#CED3C2
#CED3C2
#CFD3C2
#CFD2C2
#CFD2C2
#D2D4BD
#D2D4BD
#D3D3BD
#D3D3BD
#D3D3BD
#D4D2BD
#D4D2BD
Colorpallet from #BDD2D4 to #D4BDD2 and to #D4D2BD
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#BDD2D4
#C1CFD4
#C1CFD3
#C1D0D3
#C1D0D2
#C1D1D1
#C1D1D1
#C1D2D0
#C4CBD3
#C4CCD2
#C4CDD1
#C4CED0
#C4CFCF
#C4D1CE
#C4D2CD
#C8C8D3
#C8CAD1
#C8CBD0
#C8CDCE
#C8CECD
#C8D0CB
#C8D2C9
#CCC5D3
#CCC7D1
#CCC9CF
#CCCBCC
#CCCDCA
#CCCFC8
#CCD2C5
#CFC1D2
#CFC4CF
#CFC6CD
#CFC9CA
#CFCCC8
#CFCFC5
#CFD2C2
#D4BDD2
#D4C0CF
#D4C4CB
#D4C7C8
#D4CAC5
#D4CEC1
#D4D2BD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts