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 #BDDED4 to #BDD4DE and to #DEBDD4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDCD6
#BEDCD6
#BFDBD5
#BFDBD5
#C0DAD5
#C1DAD4
#C2D9D4
#BDDBD7
#BFDAD7
#C1D8D6
#C2D7D6
#C4D6D5
#C6D5D5
#C8D3D4
#BDD9D9
#C0D7D8
#C2D5D7
#C5D4D7
#C7D2D6
#CAD0D5
#CDCED4
#BDD8DA
#C0D6D9
#C4D3D8
#C7D1D7
#CACED6
#CECCD5
#D2C9D4
#BDD6DC
#C1D3DB
#C5D0D9
#C9CDD8
#CECAD7
#D2C8D6
#D7C4D4
#BDD4DE
#C2D0DC
#C8CDDB
#CDC9D9
#D2C5D8
#D7C2D6
#DEBDD4
Colorpallet from #BDDED4 to #BDD4DE and to #DED4BD
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDCD6
#BEDCD5
#BFDCD4
#BFDCD3
#C0DCD2
#C1DCD1
#C2DCD0
#BDDBD7
#BFDBD5
#C1DBD4
#C2DBD2
#C4DBD1
#C6DBCF
#C8DBCD
#BDD9D9
#C0D9D6
#C2D9D4
#C5D9D1
#C7D9CF
#CAD9CC
#CDD9C9
#BDD8DA
#C0D8D7
#C4D8D3
#C7D8D0
#CAD8CD
#CED8C9
#D2D8C5
#BDD6DC
#C1D6D8
#C5D6D4
#C9D6D0
#CED6CB
#D2D6C7
#D7D6C2
#BDD4DE
#C2D4D9
#C8D4D3
#CDD4CE
#D2D4C9
#D7D4C4
#DED4BD
Colorpallet from #BDDED4 to #BDD4DE and to #D4BDDE
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDCD6
#BEDCD6
#BEDBD6
#BFDBD6
#C0DAD6
#C0DAD6
#C1D9D6
#BDDBD7
#BEDAD7
#BFD8D7
#C0D7D7
#C1D6D7
#C3D5D7
#C4D3D7
#BDD9D9
#BFD7D9
#C1D5D9
#C2D4D9
#C4D2D9
#C6D0D9
#C8CED9
#BDD8DA
#BFD6DA
#C2D3DA
#C4D1DA
#C7CEDA
#C9CCDA
#CCC9DA
#BDD6DC
#C0D3DC
#C3D0DC
#C6CDDC
#C9CADC
#CBC8DC
#CFC4DC
#BDD4DE
#C1D0DE
#C4CDDE
#C8C9DE
#CCC5DE
#CFC2DE
#D4BDDE
Colorpallet from #BDDED4 to #BDD4DE and to #D4DEBD
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDCD6
#BEDCD5
#BEDDD4
#BFDDD3
#C0DDD2
#C0DED1
#C1DED0
#BDDBD7
#BEDBD5
#BFDCD4
#C0DCD2
#C1DDD1
#C3DDCF
#C4DECD
#BDD9D9
#BFDAD6
#C1DBD4
#C2DBD1
#C4DCCF
#C6DDCC
#C8DEC9
#BDD8DA
#BFD9D7
#C2DAD3
#C4DBD0
#C7DCCD
#C9DDC9
#CCDEC5
#BDD6DC
#C0D7D8
#C3D9D4
#C6DAD0
#C9DBCB
#CBDCC7
#CFDEC2
#BDD4DE
#C1D6D9
#C4D7D3
#C8D9CE
#CCDAC9
#CFDCC4
#D4DEBD
Colorpallet from #BDDED4 to #DEBDD4 and to #DED4BD
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#C2D9D4
#C2D9D3
#C2DAD3
#C2DAD2
#C2DBD1
#C2DBD1
#C2DCD0
#C8D3D4
#C8D4D3
#C8D6D2
#C8D7D1
#C8D8D0
#C8D9CE
#C8DBCD
#CDCED4
#CDD0D2
#CDD2D0
#CDD3CF
#CDD5CD
#CDD7CB
#CDD9C9
#D2C9D4
#D2CBD2
#D2CECF
#D2D0CD
#D2D3CA
#D2D5C8
#D2D8C5
#D7C4D4
#D7C7D1
#D7CACE
#D7CDCB
#D7D0C8
#D7D2C6
#D7D6C2
#DEBDD4
#DEC1D0
#DEC4CD
#DEC8C9
#DECCC5
#DECFC2
#DED4BD
Colorpallet from #BDDED4 to #DEBDD4 and to #D4BDDE
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#C2D9D4
#C2D9D4
#C2D9D5
#C2D9D5
#C1D9D5
#C1D9D6
#C1D9D6
#C8D3D4
#C7D3D4
#C7D3D5
#C6D3D5
#C5D3D6
#C5D3D6
#C4D3D7
#CDCED4
#CCCED5
#CBCED6
#CBCED6
#CACED7
#C9CED8
#C8CED9
#D2C9D4
#D1C9D5
#D0C9D6
#CFC9D7
#CEC9D8
#CDC9D9
#CCC9DA
#D7C4D4
#D6C4D5
#D4C4D7
#D3C4D8
#D2C4D9
#D1C4DA
#CFC4DC
#DEBDD4
#DCBDD6
#DBBDD7
#D9BDD9
#D8BDDA
#D6BDDC
#D4BDDE
Colorpallet from #BDDED4 to #DEBDD4 and to #D4DEBD
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#C2D9D4
#C2DAD3
#C2DBD3
#C2DBD2
#C1DCD1
#C1DDD1
#C1DED0
#C8D3D4
#C7D5D3
#C7D7D2
#C6D8D1
#C5DAD0
#C5DCCE
#C4DECD
#CDCED4
#CCD1D2
#CBD3D0
#CBD6CF
#CAD8CD
#C9DBCB
#C8DEC9
#D2C9D4
#D1CCD2
#D0D0CF
#CFD3CD
#CED6CA
#CDDAC8
#CCDEC5
#D7C4D4
#D6C8D1
#D4CCCE
#D3D0CB
#D2D5C8
#D1D9C6
#CFDEC2
#DEBDD4
#DCC2D0
#DBC8CD
#D9CDC9
#D8D2C5
#D6D7C2
#D4DEBD
Colorpallet from #BDDED4 to #DED4BD and to #D4BDDE
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#C2DCD0
#C2DCD1
#C2DBD2
#C2DBD3
#C1DAD4
#C1DAD5
#C1D9D6
#C8DBCD
#C7DACF
#C7D8D0
#C6D7D2
#C5D6D3
#C5D5D5
#C4D3D7
#CDD9C9
#CCD7CC
#CBD5CE
#CBD4D1
#CAD2D3
#C9D0D6
#C8CED9
#D2D8C5
#D1D6C8
#D0D3CC
#CFD1CF
#CECED2
#CDCCD6
#CCC9DA
#D7D6C2
#D6D3C6
#D4D0CA
#D3CDCE
#D2CAD3
#D1C8D7
#CFC4DC
#DED4BD
#DCD0C2
#DBCDC8
#D9C9CD
#D8C5D2
#D6C2D7
#D4BDDE
Colorpallet from #BDDED4 to #DED4BD and to #D4DEBD
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#C2DCD0
#C2DCD0
#C2DDD0
#C2DDD0
#C1DDD0
#C1DED0
#C1DED0
#C8DBCD
#C7DBCD
#C7DCCD
#C6DCCD
#C5DDCD
#C5DDCD
#C4DECD
#CDD9C9
#CCDAC9
#CBDBC9
#CBDBC9
#CADCC9
#C9DDC9
#C8DEC9
#D2D8C5
#D1D9C5
#D0DAC5
#CFDBC5
#CEDCC5
#CDDDC5
#CCDEC5
#D7D6C2
#D6D7C2
#D4D9C2
#D3DAC2
#D2DBC2
#D1DCC2
#CFDEC2
#DED4BD
#DCD6BD
#DBD7BD
#D9D9BD
#D8DABD
#D6DCBD
#D4DEBD
Colorpallet from #BDDED4 to #D4BDDE and to #D4DEBD
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#BDDED4
#C1D9D6
#C1DAD5
#C1DBD4
#C1DBD3
#C1DCD2
#C1DDD1
#C1DED0
#C4D3D7
#C4D5D5
#C4D7D4
#C4D8D2
#C4DAD1
#C4DCCF
#C4DECD
#C8CED9
#C8D1D6
#C8D3D4
#C8D6D1
#C8D8CF
#C8DBCC
#C8DEC9
#CCC9DA
#CCCCD7
#CCD0D3
#CCD3D0
#CCD6CD
#CCDAC9
#CCDEC5
#CFC4DC
#CFC8D8
#CFCCD4
#CFD0D0
#CFD5CB
#CFD9C7
#CFDEC2
#D4BDDE
#D4C2D9
#D4C8D3
#D4CDCE
#D4D2C9
#D4D7C4
#D4DEBD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts