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 #DFC4E8 to #DFE8C4 and to #C4DFE8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFCAE2
#DECAE3
#DEC9E4
#DDC9E5
#DCC9E6
#DCC8E7
#DBC8E8
#DFD0DC
#DED0DE
#DCCFE0
#DBCFE2
#D9CEE4
#D8CEE6
#D6CDE8
#DFD5D7
#DDD4DA
#DBD4DC
#D9D3DF
#D7D2E2
#D5D2E5
#D2D1E8
#DFDBD1
#DCDAD5
#DAD9D8
#D7D8DC
#D4D7E0
#D1D6E3
#CED5E8
#DFE1CB
#DBE0D0
#D8DFD4
#D4DED9
#D1DDDE
#CDDBE2
#C9DAE8
#DFE8C4
#DBE7CA
#D6E5D0
#D2E4D5
#CEE2DB
#C9E1E1
#C4DFE8
Colorpallet from #DFC4E8 to #DFE8C4 and to #C4E8DF
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFCAE2
#DECAE3
#DECAE4
#DDCAE4
#DCCAE5
#DCCAE6
#DBCAE7
#DFD0DC
#DED0DD
#DCD0DF
#DBD0E0
#D9D0E2
#D8D0E3
#D6D0E5
#DFD5D7
#DDD5D9
#DBD5DB
#D9D5DD
#D7D5DF
#D5D5E1
#D2D5E4
#DFDBD1
#DCDBD4
#DADBD6
#D7DBD9
#D4DBDC
#D1DBDF
#CEDBE2
#DFE1CB
#DBE1CF
#D8E1D2
#D4E1D6
#D1E1D9
#CDE1DD
#C9E1E1
#DFE8C4
#DBE8C8
#D6E8CD
#D2E8D1
#CEE8D5
#C9E8DA
#C4E8DF
Colorpallet from #DFC4E8 to #DFE8C4 and to #E8DFC4
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFCAE2
#DFCAE2
#DFC9E2
#DFC9E2
#E0C9E2
#E0C8E2
#E0C8E2
#DFD0DC
#DFD0DC
#E0CFDC
#E0CFDC
#E1CEDC
#E1CEDC
#E2CDDC
#DFD5D7
#E0D4D7
#E0D4D7
#E1D3D7
#E2D2D7
#E2D2D7
#E3D1D7
#DFDBD1
#E0DAD1
#E1D9D1
#E2D8D1
#E3D7D1
#E4D6D1
#E5D5D1
#DFE1CB
#E0E0CB
#E1DFCB
#E2DECB
#E3DDCB
#E5DBCB
#E6DACB
#DFE8C4
#E0E7C4
#E2E5C4
#E3E4C4
#E5E2C4
#E6E1C4
#E8DFC4
Colorpallet from #DFC4E8 to #DFE8C4 and to #E8C4DF
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFCAE2
#DFC9E3
#DFC8E4
#DFC7E4
#E0C6E5
#E0C5E6
#E0C4E7
#DFD0DC
#DFCEDD
#E0CCDF
#E0CAE0
#E1C8E2
#E1C6E3
#E2C4E5
#DFD5D7
#E0D2D9
#E0D0DB
#E1CDDD
#E2CADF
#E2C7E1
#E3C4E4
#DFDBD1
#E0D7D4
#E1D4D6
#E2D0D9
#E3CCDC
#E4C9DF
#E5C4E2
#DFE1CB
#E0DCCF
#E1D8D2
#E2D3D6
#E3CED9
#E5CADD
#E6C4E1
#DFE8C4
#E0E2C8
#E2DCCD
#E3D7D1
#E5D1D5
#E6CBDA
#E8C4DF
Colorpallet from #DFC4E8 to #C4DFE8 and to #C4E8DF
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DBC8E8
#DBC8E8
#DBC9E8
#DBC9E8
#DBC9E7
#DBCAE7
#DBCAE7
#D6CDE8
#D6CDE8
#D6CEE7
#D6CEE7
#D6CFE6
#D6CFE6
#D6D0E5
#D2D1E8
#D2D2E7
#D2D2E7
#D2D3E6
#D2D4E5
#D2D4E5
#D2D5E4
#CED5E8
#CED6E7
#CED7E6
#CED8E5
#CED9E4
#CEDAE3
#CEDBE2
#C9DAE8
#C9DBE7
#C9DCE6
#C9DDE5
#C9DEE4
#C9E0E2
#C9E1E1
#C4DFE8
#C4E0E7
#C4E2E5
#C4E3E4
#C4E5E2
#C4E6E1
#C4E8DF
Colorpallet from #DFC4E8 to #C4DFE8 and to #E8DFC4
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DBC8E8
#DCC8E7
#DDC8E6
#DDC8E5
#DEC8E4
#DFC8E3
#E0C8E2
#D6CDE8
#D8CDE6
#DACDE4
#DCCDE2
#DECDE0
#E0CDDE
#E2CDDC
#D2D1E8
#D5D1E5
#D7D1E3
#DAD1E0
#DDD1DD
#E0D1DA
#E3D1D7
#CED5E8
#D2D5E4
#D5D5E1
#D9D5DD
#DDD5D9
#E0D5D6
#E5D5D1
#C9DAE8
#CEDAE3
#D2DADF
#D7DADA
#DCDAD5
#E0DAD1
#E6DACB
#C4DFE8
#CADFE2
#D0DFDC
#D5DFD7
#DBDFD1
#E1DFCB
#E8DFC4
Colorpallet from #DFC4E8 to #C4DFE8 and to #E8C4DF
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DBC8E8
#DCC7E8
#DDC7E8
#DDC6E8
#DEC5E7
#DFC5E7
#E0C4E7
#D6CDE8
#D8CCE8
#DACAE7
#DCC9E7
#DEC7E6
#E0C6E6
#E2C4E5
#D2D1E8
#D5CFE7
#D7CDE7
#DACBE6
#DDC9E5
#E0C7E5
#E3C4E4
#CED5E8
#D2D2E7
#D5D0E6
#D9CDE5
#DDCAE4
#E0C7E3
#E5C4E2
#C9DAE8
#CED6E7
#D2D3E6
#D7CFE5
#DCCCE4
#E0C8E2
#E6C4E1
#C4DFE8
#CADBE7
#D0D6E5
#D5D2E4
#DBCEE2
#E1C9E1
#E8C4DF
Colorpallet from #DFC4E8 to #C4E8DF and to #E8DFC4
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DBCAE7
#DCCAE6
#DDC9E5
#DDC9E5
#DEC9E4
#DFC8E3
#E0C8E2
#D6D0E5
#D8D0E4
#DACFE2
#DCCFE1
#DECEDF
#E0CEDE
#E2CDDC
#D2D5E4
#D5D4E2
#D7D4E0
#DAD3DE
#DDD2DC
#E0D2DA
#E3D1D7
#CEDBE2
#D2DADF
#D5D9DD
#D9D8DA
#DDD7D7
#E0D6D4
#E5D5D1
#C9E1E1
#CEE0DD
#D2DFDA
#D7DED6
#DCDDD3
#E0DBCF
#E6DACB
#C4E8DF
#CAE7DB
#D0E5D6
#D5E4D2
#DBE2CE
#E1E1C9
#E8DFC4
Colorpallet from #DFC4E8 to #C4E8DF and to #E8C4DF
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DBCAE7
#DCC9E7
#DDC8E7
#DDC7E7
#DEC6E7
#DFC5E7
#E0C4E7
#D6D0E5
#D8CEE5
#DACCE5
#DCCAE5
#DEC8E5
#E0C6E5
#E2C4E5
#D2D5E4
#D5D2E4
#D7D0E4
#DACDE4
#DDCAE4
#E0C7E4
#E3C4E4
#CEDBE2
#D2D7E2
#D5D4E2
#D9D0E2
#DDCCE2
#E0C9E2
#E5C4E2
#C9E1E1
#CEDCE1
#D2D8E1
#D7D3E1
#DCCEE1
#E0CAE1
#E6C4E1
#C4E8DF
#CAE2DF
#D0DCDF
#D5D7DF
#DBD1DF
#E1CBDF
#E8C4DF
Colorpallet from #DFC4E8 to #E8DFC4 and to #E8C4DF
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#DFC4E8
#E0C8E2
#E0C7E3
#E0C7E4
#E0C6E4
#E0C5E5
#E0C5E6
#E0C4E7
#E2CDDC
#E2CCDD
#E2CADF
#E2C9E0
#E2C7E2
#E2C6E3
#E2C4E5
#E3D1D7
#E3CFD9
#E3CDDB
#E3CBDD
#E3C9DF
#E3C7E1
#E3C4E4
#E5D5D1
#E5D2D4
#E5D0D6
#E5CDD9
#E5CADC
#E5C7DF
#E5C4E2
#E6DACB
#E6D6CF
#E6D3D2
#E6CFD6
#E6CCD9
#E6C8DD
#E6C4E1
#E8DFC4
#E8DBC8
#E8D6CD
#E8D2D1
#E8CED5
#E8C9DA
#E8C4DF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
