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 #CDD8BF to #CDBFD8 and to #D8CDBF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD4C3
#CDD4C2
#CED5C2
#CED5C1
#CED5C0
#CFD6C0
#CFD6BF
#CDD0C7
#CED1C6
#CED1C4
#CFD2C3
#D0D3C2
#D0D3C1
#D1D4BF
#CDCCCB
#CECDC9
#CFCEC7
#CFCFC5
#D0D0C3
#D1D2C1
#D2D3BF
#CDC8CF
#CEC9CC
#CFCBCA
#D0CCC7
#D1CEC5
#D3CFC2
#D4D1BF
#CDC4D3
#CEC6D0
#D0C8CD
#D1C9C9
#D3CBC6
#D4CDC3
#D6CFBF
#CDBFD8
#CFC1D4
#D1C3D0
#D2C6CC
#D4C8C8
#D6CAC4
#D8CDBF
Colorpallet from #CDD8BF to #CDBFD8 and to #D8BFCD
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD4C3
#CDD4C3
#CED4C2
#CED4C2
#CED4C2
#CFD4C1
#CFD4C1
#CDD0C7
#CED0C6
#CED0C6
#CFD0C5
#D0D0C4
#D0D0C4
#D1D0C3
#CDCCCB
#CECCCA
#CFCCC9
#CFCCC9
#D0CCC8
#D1CCC7
#D2CCC6
#CDC8CF
#CEC8CE
#CFC8CD
#D0C8CC
#D1C8CB
#D3C8C9
#D4C8C8
#CDC4D3
#CEC4D2
#D0C4D0
#D1C4CF
#D3C4CD
#D4C4CC
#D6C4CA
#CDBFD8
#CFBFD6
#D1BFD4
#D2BFD3
#D4BFD1
#D6BFCF
#D8BFCD
Colorpallet from #CDD8BF to #CDBFD8 and to #BFCDD8
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD4C3
#CDD4C3
#CCD5C3
#CCD5C3
#CCD5C3
#CBD6C3
#CBD6C3
#CDD0C7
#CCD1C7
#CCD1C7
#CBD2C7
#CAD3C7
#CAD3C7
#C9D4C7
#CDCCCB
#CCCDCB
#CBCECB
#CACFCB
#C9D0CB
#C7D2CB
#C6D3CB
#CDC8CF
#CCC9CF
#CACBCF
#C9CCCF
#C7CECF
#C6CFCF
#C4D1CF
#CDC4D3
#CBC6D3
#C9C8D3
#C8C9D3
#C6CBD3
#C4CDD3
#C2CFD3
#CDBFD8
#CBC1D8
#C9C3D8
#C6C6D8
#C4C8D8
#C2CAD8
#BFCDD8
Colorpallet from #CDD8BF to #CDBFD8 and to #BFD8CD
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD4C3
#CDD5C3
#CCD5C2
#CCD6C2
#CCD7C2
#CBD7C1
#CBD8C1
#CDD0C7
#CCD1C6
#CCD3C6
#CBD4C5
#CAD5C4
#CAD6C4
#C9D8C3
#CDCCCB
#CCCECA
#CBD0C9
#CAD2C9
#C9D4C8
#C7D6C7
#C6D8C6
#CDC8CF
#CCCBCE
#CACDCD
#C9D0CC
#C7D2CB
#C6D5C9
#C4D8C8
#CDC4D3
#CBC7D2
#C9CAD0
#C8CECF
#C6D1CD
#C4D4CC
#C2D8CA
#CDBFD8
#CBC3D6
#C9C7D4
#C6CBD3
#C4CFD1
#C2D3CF
#BFD8CD
Colorpallet from #CDD8BF to #D8CDBF and to #D8BFCD
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CFD6BF
#CFD6BF
#CFD5C0
#CFD5C0
#CFD5C0
#CFD4C1
#CFD4C1
#D1D4BF
#D1D3C0
#D1D3C0
#D1D2C1
#D1D1C2
#D1D1C2
#D1D0C3
#D2D3BF
#D2D2C0
#D2D1C1
#D2D0C2
#D2CFC3
#D2CDC5
#D2CCC6
#D4D1BF
#D4D0C0
#D4CEC2
#D4CDC3
#D4CBC5
#D4CAC6
#D4C8C8
#D6CFBF
#D6CDC1
#D6CBC3
#D6CAC4
#D6C8C6
#D6C6C8
#D6C4CA
#D8CDBF
#D8CBC1
#D8C9C3
#D8C6C6
#D8C4C8
#D8C2CA
#D8BFCD
Colorpallet from #CDD8BF to #D8CDBF and to #BFCDD8
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CFD6BF
#CED6C0
#CED6C0
#CDD6C1
#CCD6C2
#CCD6C2
#CBD6C3
#D1D4BF
#D0D4C0
#CED4C2
#CDD4C3
#CCD4C4
#CBD4C5
#C9D4C7
#D2D3BF
#D0D3C1
#CED3C3
#CCD3C5
#CAD3C7
#C8D3C9
#C6D3CB
#D4D1BF
#D1D1C2
#CFD1C4
#CCD1C7
#CAD1C9
#C7D1CC
#C4D1CF
#D6CFBF
#D3CFC2
#D0CFC5
#CCCFC9
#C9CFCC
#C6CFCF
#C2CFD3
#D8CDBF
#D4CDC3
#D0CDC7
#CCCDCB
#C8CDCF
#C4CDD3
#BFCDD8
Colorpallet from #CDD8BF to #D8CDBF and to #BFD8CD
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CFD6BF
#CED6BF
#CED7C0
#CDD7C0
#CCD7C0
#CCD8C1
#CBD8C1
#D1D4BF
#D0D5C0
#CED5C0
#CDD6C1
#CCD7C2
#CBD7C2
#C9D8C3
#D2D3BF
#D0D4C0
#CED5C1
#CCD5C2
#CAD6C3
#C8D7C5
#C6D8C6
#D4D1BF
#D1D2C0
#CFD3C2
#CCD4C3
#CAD5C5
#C7D7C6
#C4D8C8
#D6CFBF
#D3D0C1
#D0D2C3
#CCD3C4
#C9D5C6
#C6D6C8
#C2D8CA
#D8CDBF
#D4CFC1
#D0D1C3
#CCD2C6
#C8D4C8
#C4D6CA
#BFD8CD
Colorpallet from #CDD8BF to #D8BFCD and to #BFCDD8
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CFD4C1
#CED4C1
#CED5C2
#CDD5C2
#CCD5C2
#CCD6C3
#CBD6C3
#D1D0C3
#D0D1C4
#CED1C4
#CDD2C5
#CCD3C6
#CBD3C6
#C9D4C7
#D2CCC6
#D0CDC7
#CECEC8
#CCCFC8
#CAD0C9
#C8D2CA
#C6D3CB
#D4C8C8
#D1C9C9
#CFCBCA
#CCCCCB
#CACECC
#C7CFCE
#C4D1CF
#D6C4CA
#D3C6CB
#D0C8CD
#CCC9CE
#C9CBD0
#C6CDD1
#C2CFD3
#D8BFCD
#D4C1CF
#D0C3D1
#CCC6D2
#C8C8D4
#C4CAD6
#BFCDD8
Colorpallet from #CDD8BF to #D8BFCD and to #BFD8CD
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CFD4C1
#CED5C1
#CED5C1
#CDD6C1
#CCD7C1
#CCD7C1
#CBD8C1
#D1D0C3
#D0D1C3
#CED3C3
#CDD4C3
#CCD5C3
#CBD6C3
#C9D8C3
#D2CCC6
#D0CEC6
#CED0C6
#CCD2C6
#CAD4C6
#C8D6C6
#C6D8C6
#D4C8C8
#D1CBC8
#CFCDC8
#CCD0C8
#CAD2C8
#C7D5C8
#C4D8C8
#D6C4CA
#D3C7CA
#D0CACA
#CCCECA
#C9D1CA
#C6D4CA
#C2D8CA
#D8BFCD
#D4C3CD
#D0C7CD
#CCCBCD
#C8CFCD
#C4D3CD
#BFD8CD
Colorpallet from #CDD8BF to #BFCDD8 and to #BFD8CD
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CDD8BF
#CBD6C3
#CBD6C3
#CBD7C2
#CBD7C2
#CBD7C2
#CBD8C1
#CBD8C1
#C9D4C7
#C9D5C6
#C9D5C6
#C9D6C5
#C9D7C4
#C9D7C4
#C9D8C3
#C6D3CB
#C6D4CA
#C6D5C9
#C6D5C9
#C6D6C8
#C6D7C7
#C6D8C6
#C4D1CF
#C4D2CE
#C4D3CD
#C4D4CC
#C4D5CB
#C4D7C9
#C4D8C8
#C2CFD3
#C2D0D2
#C2D2D0
#C2D3CF
#C2D5CD
#C2D6CC
#C2D8CA
#BFCDD8
#BFCFD6
#BFD1D4
#BFD2D3
#BFD4D1
#BFD6CF
#BFD8CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts