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 #C2BDED to #C2EDBD and to #BDC2ED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2C5E5
#C2C4E6
#C2C3E8
#C2C2E9
#C1C1EA
#C1BFEB
#C1BEED
#C2CCDE
#C2CAE0
#C1C8E3
#C1C6E5
#C1C4E8
#C0C2EA
#C0BFED
#C2D4D6
#C2D1DA
#C1CDDD
#C1CAE1
#C1C7E5
#C0C3E8
#C0BFED
#C2DCCE
#C2D8D3
#C1D3D8
#C1CFDD
#C0CAE2
#C0C6E7
#BFC0ED
#C2E3C7
#C1DECD
#C1D8D3
#C0D3D9
#BFCDDF
#BFC8E5
#BEC1ED
#C2EDBD
#C1E6C5
#C0DFCC
#C0D8D4
#BFD1DC
#BECBE3
#BDC2ED
Colorpallet from #C2BDED to #C2EDBD and to #BDEDC2
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2C5E5
#C2C5E5
#C2C5E5
#C2C5E5
#C1C5E6
#C1C5E6
#C1C5E6
#C2CCDE
#C2CCDE
#C1CCDE
#C1CCDE
#C1CCDF
#C0CCDF
#C0CCDF
#C2D4D6
#C2D4D6
#C1D4D7
#C1D4D7
#C1D4D7
#C0D4D8
#C0D4D8
#C2DCCE
#C2DCCE
#C1DCCF
#C1DCCF
#C0DCD0
#C0DCD0
#BFDCD1
#C2E3C7
#C1E3C8
#C1E3C8
#C0E3C9
#BFE3CA
#BFE3CA
#BEE3CB
#C2EDBD
#C1EDBE
#C0EDBF
#C0EDBF
#BFEDC0
#BEEDC1
#BDEDC2
Colorpallet from #C2BDED to #C2EDBD and to #EDC2BD
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2C5E5
#C3C4E5
#C4C3E5
#C5C2E5
#C6C1E5
#C8BFE5
#C9BEE5
#C2CCDE
#C4CADE
#C6C8DE
#C9C6DE
#CBC4DE
#CDC2DE
#D0BFDE
#C2D4D6
#C5D1D6
#C9CDD6
#CCCAD6
#CFC7D6
#D3C3D6
#D7BFD6
#C2DCCE
#C6D8CE
#CBD3CE
#CFCFCE
#D4CACE
#D8C6CE
#DEC0CE
#C2E3C7
#C7DEC7
#CDD8C7
#D2D3C7
#D8CDC7
#DDC8C7
#E4C1C7
#C2EDBD
#C9E6BD
#D0DFBD
#D7D8BD
#DED1BD
#E4CBBD
#EDC2BD
Colorpallet from #C2BDED to #C2EDBD and to #EDBDC2
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2C5E5
#C3C4E5
#C4C2E5
#C5C1E5
#C6C0E6
#C8BFE6
#C9BDE6
#C2CCDE
#C4CADE
#C6C7DE
#C9C5DE
#CBC2DF
#CDC0DF
#D0BDDF
#C2D4D6
#C5D0D6
#C9CDD7
#CCC9D7
#CFC5D7
#D3C2D8
#D7BDD8
#C2DCCE
#C6D7CE
#CBD2CF
#CFCDCF
#D4C8D0
#D8C3D0
#DEBDD1
#C2E3C7
#C7DDC8
#CDD7C8
#D2D1C9
#D8CBCA
#DDC5CA
#E4BDCB
#C2EDBD
#C9E5BE
#D0DEBF
#D7D6BF
#DECEC0
#E4C7C1
#EDBDC2
Colorpallet from #C2BDED to #BDC2ED and to #BDEDC2
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C1BEED
#C1BFEC
#C1C0EB
#C1C1EA
#C1C2E9
#C1C4E7
#C1C5E6
#C0BFED
#C0C1EB
#C0C3E9
#C0C5E6
#C0C7E4
#C0C9E2
#C0CCDF
#C0BFED
#C0C2EA
#C0C6E6
#C0C9E3
#C0CCE0
#C0D0DC
#C0D4D8
#BFC0ED
#BFC4E9
#BFC9E4
#BFCDE0
#BFD2DB
#BFD6D7
#BFDCD1
#BEC1ED
#BEC6E8
#BECCE2
#BED1DD
#BED7D7
#BEDCD2
#BEE3CB
#BDC2ED
#BDC9E6
#BDD0DF
#BDD7D8
#BDDED1
#BDE4CB
#BDEDC2
Colorpallet from #C2BDED to #BDC2ED and to #EDC2BD
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C1BEED
#C2BEEC
#C4BEEA
#C5BEE9
#C6BEE8
#C7BEE7
#C9BEE5
#C0BFED
#C3BFEB
#C5BFE8
#C8BFE6
#CABFE3
#CDBFE1
#D0BFDE
#C0BFED
#C4BFE9
#C7BFE6
#CBBFE2
#CFBFDE
#D2BFDB
#D7BFD6
#BFC0ED
#C4C0E8
#C9C0E3
#CEC0DE
#D3C0D9
#D8C0D4
#DEC0CE
#BEC1ED
#C4C1E7
#CAC1E1
#D0C1DB
#D6C1D5
#DCC1CF
#E4C1C7
#BDC2ED
#C5C2E5
#CCC2DE
#D4C2D6
#DCC2CE
#E3C2C7
#EDC2BD
Colorpallet from #C2BDED to #BDC2ED and to #EDBDC2
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C1BEED
#C2BEEC
#C4BEEB
#C5BEEA
#C6BDE9
#C7BDE7
#C9BDE6
#C0BFED
#C3BFEB
#C5BEE9
#C8BEE6
#CABEE4
#CDBDE2
#D0BDDF
#C0BFED
#C4BFEA
#C7BEE6
#CBBEE3
#CFBEE0
#D2BDDC
#D7BDD8
#BFC0ED
#C4C0E9
#C9BFE4
#CEBFE0
#D3BEDB
#D8BED7
#DEBDD1
#BEC1ED
#C4C0E8
#CAC0E2
#D0BFDD
#D6BED7
#DCBED2
#E4BDCB
#BDC2ED
#C5C1E6
#CCC0DF
#D4C0D8
#DCBFD1
#E3BECB
#EDBDC2
Colorpallet from #C2BDED to #BDEDC2 and to #EDC2BD
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C1C5E6
#C2C4E6
#C4C3E6
#C5C2E6
#C6C1E5
#C7BFE5
#C9BEE5
#C0CCDF
#C3CADF
#C5C8DF
#C8C6DF
#CAC4DE
#CDC2DE
#D0BFDE
#C0D4D8
#C4D1D8
#C7CDD7
#CBCAD7
#CFC7D7
#D2C3D6
#D7BFD6
#BFDCD1
#C4D8D1
#C9D3D0
#CECFD0
#D3CACF
#D8C6CF
#DEC0CE
#BEE3CB
#C4DECA
#CAD8CA
#D0D3C9
#D6CDC8
#DCC8C8
#E4C1C7
#BDEDC2
#C5E6C1
#CCDFC0
#D4D8C0
#DCD1BF
#E3CBBE
#EDC2BD
Colorpallet from #C2BDED to #BDEDC2 and to #EDBDC2
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C1C5E6
#C2C4E6
#C4C2E6
#C5C1E6
#C6C0E6
#C7BFE6
#C9BDE6
#C0CCDF
#C3CADF
#C5C7DF
#C8C5DF
#CAC2DF
#CDC0DF
#D0BDDF
#C0D4D8
#C4D0D8
#C7CDD8
#CBC9D8
#CFC5D8
#D2C2D8
#D7BDD8
#BFDCD1
#C4D7D1
#C9D2D1
#CECDD1
#D3C8D1
#D8C3D1
#DEBDD1
#BEE3CB
#C4DDCB
#CAD7CB
#D0D1CB
#D6CBCB
#DCC5CB
#E4BDCB
#BDEDC2
#C5E5C2
#CCDEC2
#D4D6C2
#DCCEC2
#E3C7C2
#EDBDC2
Colorpallet from #C2BDED to #EDC2BD and to #EDBDC2
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C2BDED
#C9BEE5
#C9BEE5
#C9BEE5
#C9BEE5
#C9BDE6
#C9BDE6
#C9BDE6
#D0BFDE
#D0BFDE
#D0BEDE
#D0BEDE
#D0BEDF
#D0BDDF
#D0BDDF
#D7BFD6
#D7BFD6
#D7BED7
#D7BED7
#D7BED7
#D7BDD8
#D7BDD8
#DEC0CE
#DEC0CE
#DEBFCF
#DEBFCF
#DEBED0
#DEBED0
#DEBDD1
#E4C1C7
#E4C0C8
#E4C0C8
#E4BFC9
#E4BECA
#E4BECA
#E4BDCB
#EDC2BD
#EDC1BE
#EDC0BF
#EDC0BF
#EDBFC0
#EDBEC1
#EDBDC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts