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 #BDD8D2 to #BDD2D8 and to #D8BDD2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD7D3
#BED7D3
#BED6D3
#BFD6D3
#C0D5D2
#C0D5D2
#C1D4D2
#BDD6D4
#BED5D4
#C0D4D3
#C1D3D3
#C3D2D3
#C4D0D2
#C6CFD2
#BDD5D5
#BFD3D5
#C1D2D4
#C3D0D4
#C5CFD3
#C7CDD3
#CACBD2
#BDD4D6
#C0D2D5
#C2D0D5
#C5CED4
#C8CCD3
#CBCAD3
#CEC7D2
#BDD3D7
#C1D0D6
#C4CED5
#C8CBD5
#CBC8D4
#CFC5D3
#D3C2D2
#BDD2D8
#C1CFD7
#C6CBD6
#CAC8D5
#CEC5D4
#D3C1D3
#D8BDD2
Colorpallet from #BDD8D2 to #BDD2D8 and to #D8D2BD
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD7D3
#BED7D2
#BED7D2
#BFD7D1
#C0D7D0
#C0D7D0
#C1D7CF
#BDD6D4
#BED6D3
#C0D6D1
#C1D6D0
#C3D6CE
#C4D6CD
#C6D6CB
#BDD5D5
#BFD5D3
#C1D5D1
#C3D5CF
#C5D5CD
#C7D5CB
#CAD5C8
#BDD4D6
#C0D4D3
#C2D4D1
#C5D4CE
#C8D4CB
#CBD4C8
#CED4C5
#BDD3D7
#C1D3D3
#C4D3D0
#C8D3CC
#CBD3C9
#CFD3C5
#D3D3C1
#BDD2D8
#C1D2D4
#C6D2CF
#CAD2CB
#CED2C7
#D3D2C2
#D8D2BD
Colorpallet from #BDD8D2 to #BDD2D8 and to #D2BDD8
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD7D3
#BDD7D3
#BED6D3
#BED6D3
#BFD5D3
#BFD5D3
#C0D4D3
#BDD6D4
#BED5D4
#BFD4D4
#C0D3D4
#C1D2D4
#C3D0D4
#C4CFD4
#BDD5D5
#BFD3D5
#C0D2D5
#C2D0D5
#C3CFD5
#C5CDD5
#C7CBD5
#BDD4D6
#BFD2D6
#C1D0D6
#C3CED6
#C5CCD6
#C7CAD6
#CAC7D6
#BDD3D7
#C0D0D7
#C2CED7
#C5CBD7
#C8C8D7
#CBC5D7
#CEC2D7
#BDD2D8
#C0CFD8
#C4CBD8
#C7C8D8
#CAC5D8
#CEC1D8
#D2BDD8
Colorpallet from #BDD8D2 to #BDD2D8 and to #D2D8BD
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD7D3
#BDD7D2
#BED7D2
#BED7D1
#BFD8D0
#BFD8D0
#C0D8CF
#BDD6D4
#BED6D3
#BFD7D1
#C0D7D0
#C1D7CE
#C3D8CD
#C4D8CB
#BDD5D5
#BFD5D3
#C0D6D1
#C2D6CF
#C3D7CD
#C5D7CB
#C7D8C8
#BDD4D6
#BFD5D3
#C1D5D1
#C3D6CE
#C5D7CB
#C7D7C8
#CAD8C5
#BDD3D7
#C0D4D3
#C2D5D0
#C5D5CC
#C8D6C9
#CBD7C5
#CED8C1
#BDD2D8
#C0D3D4
#C4D4CF
#C7D5CB
#CAD6C7
#CED7C2
#D2D8BD
Colorpallet from #BDD8D2 to #D8BDD2 and to #D8D2BD
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#C1D4D2
#C1D4D2
#C1D5D1
#C1D5D1
#C1D6D0
#C1D6D0
#C1D7CF
#C6CFD2
#C6D0D1
#C6D1D0
#C6D2CF
#C6D3CE
#C6D5CC
#C6D6CB
#CACBD2
#CACDD0
#CACECF
#CAD0CD
#CAD1CC
#CAD3CA
#CAD5C8
#CEC7D2
#CEC9D0
#CECBCE
#CECDCC
#CECFCA
#CED1C8
#CED4C5
#D3C2D2
#D3C5CF
#D3C7CD
#D3CACA
#D3CDC7
#D3D0C4
#D3D3C1
#D8BDD2
#D8C0CF
#D8C4CB
#D8C7C8
#D8CAC5
#D8CEC1
#D8D2BD
Colorpallet from #BDD8D2 to #D8BDD2 and to #D2BDD8
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#C1D4D2
#C1D4D2
#C1D4D2
#C1D4D2
#C0D4D3
#C0D4D3
#C0D4D3
#C6CFD2
#C6CFD2
#C5CFD3
#C5CFD3
#C5CFD3
#C4CFD4
#C4CFD4
#CACBD2
#CACBD2
#C9CBD3
#C9CBD3
#C8CBD4
#C8CBD4
#C7CBD5
#CEC7D2
#CDC7D3
#CDC7D3
#CCC7D4
#CBC7D5
#CBC7D5
#CAC7D6
#D3C2D2
#D2C2D3
#D1C2D4
#D1C2D4
#D0C2D5
#CFC2D6
#CEC2D7
#D8BDD2
#D7BDD3
#D6BDD4
#D5BDD5
#D4BDD6
#D3BDD7
#D2BDD8
Colorpallet from #BDD8D2 to #D8BDD2 and to #D2D8BD
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#C1D4D2
#C1D5D2
#C1D5D1
#C1D6D1
#C0D7D0
#C0D7D0
#C0D8CF
#C6CFD2
#C6D0D1
#C5D2D0
#C5D3CF
#C5D5CE
#C4D6CC
#C4D8CB
#CACBD2
#CACDD0
#C9CFCF
#C9D1CD
#C8D3CC
#C8D5CA
#C7D8C8
#CEC7D2
#CDCAD0
#CDCCCE
#CCCFCC
#CBD2CA
#CBD5C8
#CAD8C5
#D3C2D2
#D2C6CF
#D1C9CD
#D1CDCA
#D0D0C7
#CFD4C4
#CED8C1
#D8BDD2
#D7C1CF
#D6C6CB
#D5CAC8
#D4CEC5
#D3D3C1
#D2D8BD
Colorpallet from #BDD8D2 to #D8D2BD and to #D2BDD8
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#C1D7CF
#C1D7D0
#C1D6D0
#C1D6D1
#C0D5D2
#C0D5D2
#C0D4D3
#C6D6CB
#C6D5CC
#C5D4CE
#C5D3CF
#C5D2D1
#C4D0D2
#C4CFD4
#CAD5C8
#CAD3CA
#C9D2CC
#C9D0CE
#C8CFD0
#C8CDD2
#C7CBD5
#CED4C5
#CDD2C8
#CDD0CA
#CCCECD
#CBCCD0
#CBCAD3
#CAC7D6
#D3D3C1
#D2D0C5
#D1CEC8
#D1CBCC
#D0C8CF
#CFC5D3
#CEC2D7
#D8D2BD
#D7CFC1
#D6CBC6
#D5C8CA
#D4C5CE
#D3C1D3
#D2BDD8
Colorpallet from #BDD8D2 to #D8D2BD and to #D2D8BD
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#C1D7CF
#C1D7CF
#C1D7CF
#C1D7CF
#C0D8CF
#C0D8CF
#C0D8CF
#C6D6CB
#C6D6CB
#C5D7CB
#C5D7CB
#C5D7CB
#C4D8CB
#C4D8CB
#CAD5C8
#CAD5C8
#C9D6C8
#C9D6C8
#C8D7C8
#C8D7C8
#C7D8C8
#CED4C5
#CDD5C5
#CDD5C5
#CCD6C5
#CBD7C5
#CBD7C5
#CAD8C5
#D3D3C1
#D2D4C1
#D1D5C1
#D1D5C1
#D0D6C1
#CFD7C1
#CED8C1
#D8D2BD
#D7D3BD
#D6D4BD
#D5D5BD
#D4D6BD
#D3D7BD
#D2D8BD
Colorpallet from #BDD8D2 to #D2BDD8 and to #D2D8BD
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#BDD8D2
#C0D4D3
#C0D5D2
#C0D5D2
#C0D6D1
#C0D7D0
#C0D7D0
#C0D8CF
#C4CFD4
#C4D0D3
#C4D2D1
#C4D3D0
#C4D5CE
#C4D6CD
#C4D8CB
#C7CBD5
#C7CDD3
#C7CFD1
#C7D1CF
#C7D3CD
#C7D5CB
#C7D8C8
#CAC7D6
#CACAD3
#CACCD1
#CACFCE
#CAD2CB
#CAD5C8
#CAD8C5
#CEC2D7
#CEC6D3
#CEC9D0
#CECDCC
#CED0C9
#CED4C5
#CED8C1
#D2BDD8
#D2C1D4
#D2C6CF
#D2CACB
#D2CEC7
#D2D3C2
#D2D8BD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts