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 #CDDEBB to #CDBBDE and to #DECDBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDD8C1
#CDD8C0
#CED9BF
#CED9BE
#CFDABD
#CFDABC
#D0DBBB
#CDD3C6
#CED4C4
#CFD5C2
#CFD6C1
#D0D7BF
#D1D8BD
#D2D9BB
#CDCDCC
#CECEC9
#D0D0C7
#D1D1C4
#D2D3C1
#D3D4BE
#D5D6BB
#CDC8D1
#CFCACD
#D1CCCA
#D2CDC6
#D4CFC3
#D6D1BF
#D8D3BB
#CDC2D7
#CFC4D3
#D1C6CE
#D4C9CA
#D6CBC5
#D8CDC1
#DBD0BB
#CDBBDE
#D0BED8
#D2C1D3
#D5C4CD
#D8C7C8
#DBC9C2
#DECDBB
Colorpallet from #CDDEBB to #CDBBDE and to #DEBBCD
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDD8C1
#CDD8C1
#CED8C0
#CED8C0
#CFD8BF
#CFD8BF
#D0D8BE
#CDD3C6
#CED3C5
#CFD3C4
#CFD3C4
#D0D3C3
#D1D3C2
#D2D3C1
#CDCDCC
#CECDCB
#D0CDC9
#D1CDC8
#D2CDC7
#D3CDC6
#D5CDC4
#CDC8D1
#CFC8CF
#D1C8CE
#D2C8CC
#D4C8CB
#D6C8C9
#D8C8C7
#CDC2D7
#CFC2D5
#D1C2D3
#D4C2D0
#D6C2CE
#D8C2CC
#DBC2C9
#CDBBDE
#D0BBDB
#D2BBD9
#D5BBD6
#D8BBD3
#DBBBD0
#DEBBCD
Colorpallet from #CDDEBB to #CDBBDE and to #BBCDDE
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDD8C1
#CDD8C1
#CCD9C1
#CCD9C1
#CBDAC1
#CBDAC1
#CADBC1
#CDD3C6
#CCD4C6
#CBD5C6
#CAD6C6
#C9D7C6
#C8D8C6
#C7D9C6
#CDCDCC
#CCCECC
#CAD0CC
#C9D1CC
#C7D3CC
#C6D4CC
#C4D6CC
#CDC8D1
#CBCAD1
#C9CCD1
#C7CDD1
#C5CFD1
#C3D1D1
#C1D3D1
#CDC2D7
#CBC4D7
#C9C6D7
#C6C9D7
#C4CBD7
#C2CDD7
#BFD0D7
#CDBBDE
#CABEDE
#C7C1DE
#C4C4DE
#C1C7DE
#BFC9DE
#BBCDDE
Colorpallet from #CDDEBB to #CDBBDE and to #BBDECD
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDD8C1
#CDD9C1
#CCDAC0
#CCDBC0
#CBDCBF
#CBDDBF
#CADEBE
#CDD3C6
#CCD5C5
#CBD7C4
#CAD8C4
#C9DAC3
#C8DCC2
#C7DEC1
#CDCDCC
#CCD0CB
#CAD2C9
#C9D5C8
#C7D8C7
#C6DBC6
#C4DEC4
#CDC8D1
#CBCCCF
#C9CFCE
#C7D3CC
#C5D6CB
#C3DAC9
#C1DEC7
#CDC2D7
#CBC6D5
#C9CBD3
#C6CFD0
#C4D4CE
#C2D8CC
#BFDEC9
#CDBBDE
#CAC1DB
#C7C6D9
#C4CCD6
#C1D1D3
#BFD7D0
#BBDECD
Colorpallet from #CDDEBB to #DECDBB and to #DEBBCD
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#D0DBBB
#D0DBBB
#D0DABC
#D0DABC
#D0D9BD
#D0D9BD
#D0D8BE
#D2D9BB
#D2D8BC
#D2D7BD
#D2D6BE
#D2D5BF
#D2D4C0
#D2D3C1
#D5D6BB
#D5D5BC
#D5D3BE
#D5D2BF
#D5D0C1
#D5CFC2
#D5CDC4
#D8D3BB
#D8D1BD
#D8CFBF
#D8CEC1
#D8CCC3
#D8CAC5
#D8C8C7
#DBD0BB
#DBCEBD
#DBCCBF
#DBC9C2
#DBC7C4
#DBC5C6
#DBC2C9
#DECDBB
#DECABE
#DEC7C1
#DEC4C4
#DEC1C7
#DEBFC9
#DEBBCD
Colorpallet from #CDDEBB to #DECDBB and to #BBCDDE
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#D0DBBB
#CFDBBC
#CEDBBD
#CDDBBE
#CCDBBF
#CBDBC0
#CADBC1
#D2D9BB
#D0D9BD
#CED9BF
#CDD9C0
#CBD9C2
#C9D9C4
#C7D9C6
#D5D6BB
#D2D6BE
#D0D6C0
#CDD6C3
#CAD6C6
#C7D6C9
#C4D6CC
#D8D3BB
#D4D3BF
#D1D3C2
#CDD3C6
#C9D3C9
#C6D3CD
#C1D3D1
#DBD0BB
#D7D0BF
#D2D0C4
#CED0C8
#C9D0CD
#C5D0D1
#BFD0D7
#DECDBB
#D8CDC1
#D3CDC6
#CDCDCC
#C8CDD1
#C2CDD7
#BBCDDE
Colorpallet from #CDDEBB to #DECDBB and to #BBDECD
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#D0DBBB
#CFDBBB
#CEDCBC
#CDDCBC
#CCDDBD
#CBDDBD
#CADEBE
#D2D9BB
#D0DABC
#CEDBBD
#CDDBBE
#CBDCBF
#C9DDC0
#C7DEC1
#D5D6BB
#D2D7BC
#D0D9BE
#CDDABF
#CADBC1
#C7DCC2
#C4DEC4
#D8D3BB
#D4D5BD
#D1D7BF
#CDD8C1
#C9DAC3
#C6DCC5
#C1DEC7
#DBD0BB
#D7D2BD
#D2D4BF
#CED7C2
#C9D9C4
#C5DBC6
#BFDEC9
#DECDBB
#D8D0BE
#D3D2C1
#CDD5C4
#C8D8C7
#C2DBC9
#BBDECD
Colorpallet from #CDDEBB to #DEBBCD and to #BBCDDE
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#D0D8BE
#CFD8BE
#CED9BF
#CDD9BF
#CCDAC0
#CBDAC0
#CADBC1
#D2D3C1
#D0D4C2
#CED5C3
#CDD6C3
#CBD7C4
#C9D8C5
#C7D9C6
#D5CDC4
#D2CEC5
#D0D0C7
#CDD1C8
#CAD3C9
#C7D4CA
#C4D6CC
#D8C8C7
#D4CAC9
#D1CCCA
#CDCDCC
#C9CFCD
#C6D1CF
#C1D3D1
#DBC2C9
#D7C4CB
#D2C6CD
#CEC9D0
#C9CBD2
#C5CDD4
#BFD0D7
#DEBBCD
#D8BED0
#D3C1D2
#CDC4D5
#C8C7D8
#C2C9DB
#BBCDDE
Colorpallet from #CDDEBB to #DEBBCD and to #BBDECD
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#D0D8BE
#CFD9BE
#CEDABE
#CDDBBE
#CCDCBE
#CBDDBE
#CADEBE
#D2D3C1
#D0D5C1
#CED7C1
#CDD8C1
#CBDAC1
#C9DCC1
#C7DEC1
#D5CDC4
#D2D0C4
#D0D2C4
#CDD5C4
#CAD8C4
#C7DBC4
#C4DEC4
#D8C8C7
#D4CCC7
#D1CFC7
#CDD3C7
#C9D6C7
#C6DAC7
#C1DEC7
#DBC2C9
#D7C6C9
#D2CBC9
#CECFC9
#C9D4C9
#C5D8C9
#BFDEC9
#DEBBCD
#D8C1CD
#D3C6CD
#CDCCCD
#C8D1CD
#C2D7CD
#BBDECD
Colorpallet from #CDDEBB to #BBCDDE and to #BBDECD
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CDDEBB
#CADBC1
#CADBC1
#CADCC0
#CADCC0
#CADDBF
#CADDBF
#CADEBE
#C7D9C6
#C7DAC5
#C7DBC4
#C7DBC4
#C7DCC3
#C7DDC2
#C7DEC1
#C4D6CC
#C4D7CB
#C4D9C9
#C4DAC8
#C4DBC7
#C4DCC6
#C4DEC4
#C1D3D1
#C1D5CF
#C1D7CE
#C1D8CC
#C1DACB
#C1DCC9
#C1DEC7
#BFD0D7
#BFD2D5
#BFD4D3
#BFD7D0
#BFD9CE
#BFDBCC
#BFDEC9
#BBCDDE
#BBD0DB
#BBD2D9
#BBD5D6
#BBD8D3
#BBDBD0
#BBDECD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
