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 #C7C1E2 to #C7E2C1 and to #C1C7E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C6DD
#C7C5DE
#C7C5DF
#C7C4DF
#C6C3E0
#C6C3E1
#C6C2E2
#C7CCD7
#C7CBD9
#C6C9DB
#C6C8DC
#C6C6DE
#C5C5E0
#C5C3E2
#C7D1D2
#C7CFD5
#C6CDD7
#C6CBDA
#C5C9DC
#C5C7DF
#C4C4E2
#C7D6CD
#C6D3D0
#C6D1D4
#C5CED7
#C4CBDA
#C4C8DE
#C3C5E2
#C7DBC8
#C6D8CC
#C5D4D0
#C5D1D4
#C4CED9
#C3CADD
#C2C6E2
#C7E2C1
#C6DEC6
#C5D9CC
#C4D5D1
#C3D1D6
#C2CCDB
#C1C7E2
Colorpallet from #C7C1E2 to #C7E2C1 and to #C1E2C7
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C6DD
#C7C6DD
#C7C6DD
#C7C6DD
#C6C6DE
#C6C6DE
#C6C6DE
#C7CCD7
#C7CCD7
#C6CCD8
#C6CCD8
#C6CCD8
#C5CCD9
#C5CCD9
#C7D1D2
#C7D1D2
#C6D1D3
#C6D1D3
#C5D1D4
#C5D1D4
#C4D1D5
#C7D6CD
#C6D6CE
#C6D6CE
#C5D6CF
#C4D6D0
#C4D6D0
#C3D6D1
#C7DBC8
#C6DBC9
#C5DBC9
#C5DBCA
#C4DBCB
#C3DBCB
#C2DBCC
#C7E2C1
#C6E2C2
#C5E2C3
#C4E2C4
#C3E2C5
#C2E2C6
#C1E2C7
Colorpallet from #C7C1E2 to #C7E2C1 and to #E2C7C1
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C6DD
#C8C5DD
#C8C5DD
#C9C4DD
#CAC3DD
#CAC3DD
#CBC2DD
#C7CCD7
#C8CBD7
#CAC9D7
#CBC8D7
#CDC6D7
#CEC5D7
#D0C3D7
#C7D1D2
#C9CFD2
#CBCDD2
#CDCBD2
#CFC9D2
#D1C7D2
#D4C4D2
#C7D6CD
#CAD3CD
#CCD1CD
#CFCECD
#D2CBCD
#D5C8CD
#D8C5CD
#C7DBC8
#CBD8C8
#CED4C8
#D2D1C8
#D5CEC8
#D9CAC8
#DDC6C8
#C7E2C1
#CBDEC1
#D0D9C1
#D4D5C1
#D8D1C1
#DDCCC1
#E2C7C1
Colorpallet from #C7C1E2 to #C7E2C1 and to #E2C1C7
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C6DD
#C8C5DD
#C8C4DD
#C9C4DD
#CAC3DE
#CAC2DE
#CBC1DE
#C7CCD7
#C8CAD7
#CAC8D8
#CBC7D8
#CDC5D8
#CEC3D9
#D0C1D9
#C7D1D2
#C9CED2
#CBCCD3
#CDC9D3
#CFC7D4
#D1C4D4
#D4C1D5
#C7D6CD
#CAD3CE
#CCCFCE
#CFCCCF
#D2C9D0
#D5C5D0
#D8C1D1
#C7DBC8
#CBD7C9
#CED3C9
#D2CFCA
#D5CACB
#D9C6CB
#DDC1CC
#C7E2C1
#CBDDC2
#D0D7C3
#D4D2C4
#D8CDC5
#DDC8C6
#E2C1C7
Colorpallet from #C7C1E2 to #C1C7E2 and to #C1E2C7
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C6C2E2
#C6C3E1
#C6C3E1
#C6C4E0
#C6C5DF
#C6C5DF
#C6C6DE
#C5C3E2
#C5C4E1
#C5C6DF
#C5C7DE
#C5C9DC
#C5CADB
#C5CCD9
#C4C4E2
#C4C6E0
#C4C8DE
#C4CADC
#C4CCDA
#C4CED8
#C4D1D5
#C3C5E2
#C3C8DF
#C3CADD
#C3CDDA
#C3D0D7
#C3D3D4
#C3D6D1
#C2C6E2
#C2C9DE
#C2CDDB
#C2D0D7
#C2D3D4
#C2D7D0
#C2DBCC
#C1C7E2
#C1CBDE
#C1D0D9
#C1D4D5
#C1D8D1
#C1DDCC
#C1E2C7
Colorpallet from #C7C1E2 to #C1C7E2 and to #E2C7C1
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C6C2E2
#C7C2E1
#C8C2E0
#C8C2E0
#C9C2DF
#CAC2DE
#CBC2DD
#C5C3E2
#C7C3E0
#C9C3DE
#CAC3DD
#CCC3DB
#CEC3D9
#D0C3D7
#C4C4E2
#C7C4DF
#C9C4DD
#CCC4DA
#CEC4D8
#D1C4D5
#D4C4D2
#C3C5E2
#C6C5DF
#CAC5DB
#CDC5D8
#D0C5D5
#D4C5D1
#D8C5CD
#C2C6E2
#C6C6DE
#CBC6DA
#CFC6D6
#D3C6D1
#D8C6CD
#DDC6C8
#C1C7E2
#C6C7DD
#CCC7D7
#D1C7D2
#D6C7CD
#DBC7C8
#E2C7C1
Colorpallet from #C7C1E2 to #C1C7E2 and to #E2C1C7
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C6C2E2
#C7C2E1
#C8C2E1
#C8C2E0
#C9C1DF
#CAC1DF
#CBC1DE
#C5C3E2
#C7C3E1
#C9C2DF
#CAC2DE
#CCC2DC
#CEC1DB
#D0C1D9
#C4C4E2
#C7C4E0
#C9C3DE
#CCC3DC
#CEC2DA
#D1C2D8
#D4C1D5
#C3C5E2
#C6C4DF
#CAC4DD
#CDC3DA
#D0C2D7
#D4C2D4
#D8C1D1
#C2C6E2
#C6C5DE
#CBC4DB
#CFC4D7
#D3C3D4
#D8C2D0
#DDC1CC
#C1C7E2
#C6C6DE
#CCC5D9
#D1C4D5
#D6C3D1
#DBC2CC
#E2C1C7
Colorpallet from #C7C1E2 to #C1E2C7 and to #E2C7C1
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C6C6DE
#C7C5DE
#C8C5DE
#C8C4DE
#C9C3DD
#CAC3DD
#CBC2DD
#C5CCD9
#C7CBD9
#C9C9D8
#CAC8D8
#CCC6D8
#CEC5D7
#D0C3D7
#C4D1D5
#C7CFD5
#C9CDD4
#CCCBD4
#CEC9D3
#D1C7D3
#D4C4D2
#C3D6D1
#C6D3D0
#CAD1D0
#CDCECF
#D0CBCE
#D4C8CE
#D8C5CD
#C2DBCC
#C6D8CB
#CBD4CB
#CFD1CA
#D3CEC9
#D8CAC9
#DDC6C8
#C1E2C7
#C6DEC6
#CCD9C5
#D1D5C4
#D6D1C3
#DBCCC2
#E2C7C1
Colorpallet from #C7C1E2 to #C1E2C7 and to #E2C1C7
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C6C6DE
#C7C5DE
#C8C4DE
#C8C4DE
#C9C3DE
#CAC2DE
#CBC1DE
#C5CCD9
#C7CAD9
#C9C8D9
#CAC7D9
#CCC5D9
#CEC3D9
#D0C1D9
#C4D1D5
#C7CED5
#C9CCD5
#CCC9D5
#CEC7D5
#D1C4D5
#D4C1D5
#C3D6D1
#C6D3D1
#CACFD1
#CDCCD1
#D0C9D1
#D4C5D1
#D8C1D1
#C2DBCC
#C6D7CC
#CBD3CC
#CFCFCC
#D3CACC
#D8C6CC
#DDC1CC
#C1E2C7
#C6DDC7
#CCD7C7
#D1D2C7
#D6CDC7
#DBC8C7
#E2C1C7
Colorpallet from #C7C1E2 to #E2C7C1 and to #E2C1C7
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#C7C1E2
#CBC2DD
#CBC2DD
#CBC2DD
#CBC2DD
#CBC1DE
#CBC1DE
#CBC1DE
#D0C3D7
#D0C3D7
#D0C2D8
#D0C2D8
#D0C2D8
#D0C1D9
#D0C1D9
#D4C4D2
#D4C4D2
#D4C3D3
#D4C3D3
#D4C2D4
#D4C2D4
#D4C1D5
#D8C5CD
#D8C4CE
#D8C4CE
#D8C3CF
#D8C2D0
#D8C2D0
#D8C1D1
#DDC6C8
#DDC5C9
#DDC4C9
#DDC4CA
#DDC3CB
#DDC2CB
#DDC1CC
#E2C7C1
#E2C6C2
#E2C5C3
#E2C4C4
#E2C3C5
#E2C2C6
#E2C1C7
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts