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 #D2C1E9 to #D2E9C1 and to #C1D2E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C7E3
#D2C7E4
#D1C6E5
#D1C6E6
#D0C5E7
#D0C5E8
#CFC4E9
#D2CEDC
#D1CDDE
#D0CBE0
#D0CAE2
#CFC9E4
#CEC8E6
#CDC6E9
#D2D4D6
#D1D2D9
#CFD0DC
#CECFDF
#CDCDE2
#CCCBE5
#CAC9E9
#D2DBCF
#D0D9D3
#CED6D7
#CDD4DB
#CBD1E0
#C9CFE4
#C7CCE9
#D2E1C9
#D0DECE
#CEDBD3
#CBD8D8
#C9D5DD
#C7D3E3
#C4CFE9
#D2E9C1
#CFE5C7
#CDE2CE
#CADED4
#C7DADB
#C4D7E1
#C1D2E9
Colorpallet from #D2C1E9 to #D2E9C1 and to #C1E9D2
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C7E3
#D2C7E3
#D1C7E4
#D1C7E4
#D0C7E4
#D0C7E5
#CFC7E5
#D2CEDC
#D1CEDD
#D0CEDE
#D0CEDF
#CFCEE0
#CECEE1
#CDCEE2
#D2D4D6
#D1D4D7
#CFD4D9
#CED4DA
#CDD4DB
#CCD4DC
#CAD4DE
#D2DBCF
#D0DBD1
#CEDBD3
#CDDBD4
#CBDBD6
#C9DBD8
#C7DBDA
#D2E1C9
#D0E1CB
#CEE1CD
#CBE1D0
#C9E1D2
#C7E1D4
#C4E1D7
#D2E9C1
#CFE9C4
#CDE9C6
#CAE9C9
#C7E9CC
#C4E9CF
#C1E9D2
Colorpallet from #D2C1E9 to #D2E9C1 and to #E9D2C1
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C7E3
#D3C7E3
#D3C6E3
#D4C6E3
#D5C5E3
#D5C5E3
#D6C4E3
#D2CEDC
#D3CDDC
#D4CBDC
#D5CADC
#D6C9DC
#D8C8DC
#D9C6DC
#D2D4D6
#D4D2D6
#D6D0D6
#D7CFD6
#D9CDD6
#DBCBD6
#DDC9D6
#D2DBCF
#D4D9CF
#D7D6CF
#D9D4CF
#DCD1CF
#DECFCF
#E1CCCF
#D2E1C9
#D5DEC9
#D8DBC9
#DBD8C9
#DED5C9
#E0D3C9
#E4CFC9
#D2E9C1
#D6E5C1
#D9E2C1
#DDDEC1
#E1DAC1
#E4D7C1
#E9D2C1
Colorpallet from #D2C1E9 to #D2E9C1 and to #E9C1D2
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C7E3
#D3C6E3
#D3C5E4
#D4C4E4
#D5C3E4
#D5C2E5
#D6C1E5
#D2CEDC
#D3CCDD
#D4CADE
#D5C8DF
#D6C6E0
#D8C4E1
#D9C1E2
#D2D4D6
#D4D1D7
#D6CED9
#D7CBDA
#D9C8DB
#DBC5DC
#DDC1DE
#D2DBCF
#D4D7D1
#D7D3D3
#D9CFD4
#DCCAD6
#DEC6D8
#E1C1DA
#D2E1C9
#D5DCCB
#D8D7CD
#DBD2D0
#DECDD2
#E0C7D4
#E4C1D7
#D2E9C1
#D6E3C4
#D9DCC6
#DDD6C9
#E1CFCC
#E4C9CF
#E9C1D2
Colorpallet from #D2C1E9 to #C1D2E9 and to #C1E9D2
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#CFC4E9
#CFC4E8
#CFC5E8
#CFC5E7
#CFC6E6
#CFC6E6
#CFC7E5
#CDC6E9
#CDC7E8
#CDC9E7
#CDCAE6
#CDCBE5
#CDCCE3
#CDCEE2
#CAC9E9
#CACBE7
#CACDE5
#CACEE4
#CAD0E2
#CAD2E0
#CAD4DE
#C7CCE9
#C7CEE7
#C7D1E4
#C7D3E2
#C7D6DF
#C7D8DD
#C7DBDA
#C4CFE9
#C4D2E6
#C4D5E3
#C4D8E0
#C4DBDD
#C4DDDB
#C4E1D7
#C1D2E9
#C1D6E5
#C1D9E2
#C1DDDE
#C1E1DA
#C1E4D7
#C1E9D2
Colorpallet from #D2C1E9 to #C1D2E9 and to #E9D2C1
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#CFC4E9
#D0C4E8
#D1C4E7
#D2C4E6
#D3C4E5
#D5C4E4
#D6C4E3
#CDC6E9
#CFC6E7
#D1C6E5
#D3C6E3
#D5C6E1
#D7C6DF
#D9C6DC
#CAC9E9
#CDC9E6
#D0C9E3
#D3C9E0
#D6C9DD
#D9C9DA
#DDC9D6
#C7CCE9
#CBCCE5
#CFCCE1
#D3CCDD
#D8CCD8
#DCCCD4
#E1CCCF
#C4CFE9
#C9CFE4
#CECFDF
#D3CFDA
#D8CFD5
#DECFCF
#E4CFC9
#C1D2E9
#C7D2E3
#CED2DC
#D4D2D6
#DBD2CF
#E1D2C9
#E9D2C1
Colorpallet from #D2C1E9 to #C1D2E9 and to #E9C1D2
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#CFC4E9
#D0C4E8
#D1C3E8
#D2C3E7
#D3C2E6
#D5C2E6
#D6C1E5
#CDC6E9
#CFC5E8
#D1C4E7
#D3C4E6
#D5C3E5
#D7C2E3
#D9C1E2
#CAC9E9
#CDC8E7
#D0C6E5
#D3C5E4
#D6C4E2
#D9C3E0
#DDC1DE
#C7CCE9
#CBCAE7
#CFC8E4
#D3C7E2
#D8C5DF
#DCC3DD
#E1C1DA
#C4CFE9
#C9CDE6
#CECBE3
#D3C8E0
#D8C6DD
#DEC4DB
#E4C1D7
#C1D2E9
#C7CFE5
#CECDE2
#D4CADE
#DBC7DA
#E1C4D7
#E9C1D2
Colorpallet from #D2C1E9 to #C1E9D2 and to #E9D2C1
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#CFC7E5
#D0C7E5
#D1C6E4
#D2C6E4
#D3C5E4
#D5C5E3
#D6C4E3
#CDCEE2
#CFCDE1
#D1CBE0
#D3CADF
#D5C9DE
#D7C8DD
#D9C6DC
#CAD4DE
#CDD2DD
#D0D0DB
#D3CFDA
#D6CDD9
#D9CBD8
#DDC9D6
#C7DBDA
#CBD9D8
#CFD6D6
#D3D4D5
#D8D1D3
#DCCFD1
#E1CCCF
#C4E1D7
#C9DED5
#CEDBD3
#D3D8D0
#D8D5CE
#DED3CC
#E4CFC9
#C1E9D2
#C7E5CF
#CEE2CD
#D4DECA
#DBDAC7
#E1D7C4
#E9D2C1
Colorpallet from #D2C1E9 to #C1E9D2 and to #E9C1D2
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#CFC7E5
#D0C6E5
#D1C5E5
#D2C4E5
#D3C3E5
#D5C2E5
#D6C1E5
#CDCEE2
#CFCCE2
#D1CAE2
#D3C8E2
#D5C6E2
#D7C4E2
#D9C1E2
#CAD4DE
#CDD1DE
#D0CEDE
#D3CBDE
#D6C8DE
#D9C5DE
#DDC1DE
#C7DBDA
#CBD7DA
#CFD3DA
#D3CFDA
#D8CADA
#DCC6DA
#E1C1DA
#C4E1D7
#C9DCD7
#CED7D7
#D3D2D7
#D8CDD7
#DEC7D7
#E4C1D7
#C1E9D2
#C7E3D2
#CEDCD2
#D4D6D2
#DBCFD2
#E1C9D2
#E9C1D2
Colorpallet from #D2C1E9 to #E9D2C1 and to #E9C1D2
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D2C1E9
#D6C4E3
#D6C4E3
#D6C3E4
#D6C3E4
#D6C2E4
#D6C2E5
#D6C1E5
#D9C6DC
#D9C5DD
#D9C4DE
#D9C4DF
#D9C3E0
#D9C2E1
#D9C1E2
#DDC9D6
#DDC8D7
#DDC6D9
#DDC5DA
#DDC4DB
#DDC3DC
#DDC1DE
#E1CCCF
#E1CAD1
#E1C8D3
#E1C7D4
#E1C5D6
#E1C3D8
#E1C1DA
#E4CFC9
#E4CDCB
#E4CBCD
#E4C8D0
#E4C6D2
#E4C4D4
#E4C1D7
#E9D2C1
#E9CFC4
#E9CDC6
#E9CAC9
#E9C7CC
#E9C4CF
#E9C1D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts