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 #D1BDE2 to #D1E2BD and to #BDD1E2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1C3DC
#D1C3DD
#D0C2DE
#D0C2DF
#CFC1E0
#CFC1E1
#CEC0E2
#D1C9D6
#D0C8D8
#CFC7DA
#CEC6DC
#CDC5DE
#CCC4E0
#CBC3E2
#D1CFD0
#CFCED3
#CECCD6
#CCCBD9
#CBCADC
#C9C9DE
#C7C7E2
#D1D5CA
#CFD3CE
#CDD1D2
#CBD0D6
#C9CED9
#C7CCDD
#C4CAE2
#D1DBC4
#CED9C9
#CCD7CE
#C9D4D2
#C7D2D7
#C4D0DC
#C1CDE2
#D1E2BD
#CEDFC3
#CBDDC9
#C7DACF
#C4D7D5
#C1D4DB
#BDD1E2
Colorpallet from #D1BDE2 to #D1E2BD and to #BDE2D1
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1C3DC
#D1C3DC
#D0C3DD
#D0C3DD
#CFC3DE
#CFC3DE
#CEC3DF
#D1C9D6
#D0C9D7
#CFC9D8
#CEC9D9
#CDC9DA
#CCC9DC
#CBC9DD
#D1CFD0
#CFCFD2
#CECFD3
#CCCFD5
#CBCFD6
#C9CFD8
#C7CFDA
#D1D5CA
#CFD5CC
#CDD5CE
#CBD5D0
#C9D5D2
#C7D5D4
#C4D5D7
#D1DBC4
#CEDBC7
#CCDBC9
#C9DBCC
#C7DBCE
#C4DBD1
#C1DBD4
#D1E2BD
#CEE2C0
#CBE2C3
#C7E2C7
#C4E2CA
#C1E2CD
#BDE2D1
Colorpallet from #D1BDE2 to #D1E2BD and to #E2D1BD
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1C3DC
#D1C3DC
#D2C2DC
#D2C2DC
#D3C1DC
#D3C1DC
#D4C0DC
#D1C9D6
#D2C8D6
#D3C7D6
#D3C6D6
#D4C5D6
#D5C4D6
#D6C3D6
#D1CFD0
#D2CED0
#D4CCD0
#D5CBD0
#D6CAD0
#D7C9D0
#D9C7D0
#D1D5CA
#D3D3CA
#D5D1CA
#D6D0CA
#D8CECA
#DACCCA
#DCCACA
#D1DBC4
#D3D9C4
#D5D7C4
#D8D4C4
#DAD2C4
#DCD0C4
#DFCDC4
#D1E2BD
#D4DFBD
#D6DDBD
#D9DABD
#DCD7BD
#DFD4BD
#E2D1BD
Colorpallet from #D1BDE2 to #D1E2BD and to #E2BDD1
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1C3DC
#D1C2DC
#D2C1DD
#D2C0DD
#D3BFDE
#D3BEDE
#D4BDDF
#D1C9D6
#D2C7D7
#D3C5D8
#D3C3D9
#D4C1DA
#D5BFDC
#D6BDDD
#D1CFD0
#D2CCD2
#D4C9D3
#D5C6D5
#D6C3D6
#D7C1D8
#D9BDDA
#D1D5CA
#D3D1CC
#D5CDCE
#D6C9D0
#D8C6D2
#DAC2D4
#DCBDD7
#D1DBC4
#D3D6C7
#D5D1C9
#D8CDCC
#DAC8CE
#DCC3D1
#DFBDD4
#D1E2BD
#D4DCC0
#D6D6C3
#D9D0C7
#DCCACA
#DFC4CD
#E2BDD1
Colorpallet from #D1BDE2 to #BDD1E2 and to #BDE2D1
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#CEC0E2
#CEC0E2
#CEC1E1
#CEC1E1
#CEC2E0
#CEC2E0
#CEC3DF
#CBC3E2
#CBC4E1
#CBC5E0
#CBC6E0
#CBC7DF
#CBC8DE
#CBC9DD
#C7C7E2
#C7C8E1
#C7CADF
#C7CBDE
#C7CCDD
#C7CDDC
#C7CFDA
#C4CAE2
#C4CCE0
#C4CEDE
#C4CFDD
#C4D1DB
#C4D3D9
#C4D5D7
#C1CDE2
#C1CFE0
#C1D1DE
#C1D4DB
#C1D6D9
#C1D8D7
#C1DBD4
#BDD1E2
#BDD4DF
#BDD6DD
#BDD9DA
#BDDCD7
#BDDFD4
#BDE2D1
Colorpallet from #D1BDE2 to #BDD1E2 and to #E2D1BD
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#CEC0E2
#CFC0E1
#D0C0E0
#D1C0DF
#D2C0DE
#D3C0DD
#D4C0DC
#CBC3E2
#CDC3E0
#CFC3DE
#D0C3DC
#D2C3DA
#D4C3D8
#D6C3D6
#C7C7E2
#CAC7DF
#CDC7DC
#D0C7D9
#D3C7D6
#D5C7D4
#D9C7D0
#C4CAE2
#C8CADE
#CCCADA
#D0CAD6
#D3CAD3
#D7CACF
#DCCACA
#C1CDE2
#C6CDDD
#CBCDD8
#CFCDD4
#D4CDCF
#D9CDCA
#DFCDC4
#BDD1E2
#C3D1DC
#C9D1D6
#CFD1D0
#D5D1CA
#DBD1C4
#E2D1BD
Colorpallet from #D1BDE2 to #BDD1E2 and to #E2BDD1
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#CEC0E2
#CFC0E2
#D0BFE1
#D1BFE1
#D2BEE0
#D3BEE0
#D4BDDF
#CBC3E2
#CDC2E1
#CFC1E0
#D0C0E0
#D2BFDF
#D4BEDE
#D6BDDD
#C7C7E2
#CAC5E1
#CDC4DF
#D0C2DE
#D3C1DD
#D5BFDC
#D9BDDA
#C4CAE2
#C8C8E0
#CCC6DE
#D0C4DD
#D3C2DB
#D7C0D9
#DCBDD7
#C1CDE2
#C6CAE0
#CBC8DE
#CFC5DB
#D4C3D9
#D9C0D7
#DFBDD4
#BDD1E2
#C3CEDF
#C9CBDD
#CFC7DA
#D5C4D7
#DBC1D4
#E2BDD1
Colorpallet from #D1BDE2 to #BDE2D1 and to #E2D1BD
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#CEC3DF
#CFC3DF
#D0C2DE
#D1C2DE
#D2C1DD
#D3C1DD
#D4C0DC
#CBC9DD
#CDC8DC
#CFC7DB
#D0C6DA
#D2C5D9
#D4C4D7
#D6C3D6
#C7CFDA
#CACED8
#CDCCD7
#D0CBD5
#D3CAD4
#D5C9D2
#D9C7D0
#C4D5D7
#C8D3D5
#CCD1D3
#D0D0D1
#D3CECF
#D7CCCD
#DCCACA
#C1DBD4
#C6D9D1
#CBD7CF
#CFD4CC
#D4D2CA
#D9D0C7
#DFCDC4
#BDE2D1
#C3DFCE
#C9DDCB
#CFDAC7
#D5D7C4
#DBD4C1
#E2D1BD
Colorpallet from #D1BDE2 to #BDE2D1 and to #E2BDD1
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#CEC3DF
#CFC2DF
#D0C1DF
#D1C0DF
#D2BFDF
#D3BEDF
#D4BDDF
#CBC9DD
#CDC7DD
#CFC5DD
#D0C3DD
#D2C1DD
#D4BFDD
#D6BDDD
#C7CFDA
#CACCDA
#CDC9DA
#D0C6DA
#D3C3DA
#D5C1DA
#D9BDDA
#C4D5D7
#C8D1D7
#CCCDD7
#D0C9D7
#D3C6D7
#D7C2D7
#DCBDD7
#C1DBD4
#C6D6D4
#CBD1D4
#CFCDD4
#D4C8D4
#D9C3D4
#DFBDD4
#BDE2D1
#C3DCD1
#C9D6D1
#CFD0D1
#D5CAD1
#DBC4D1
#E2BDD1
Colorpallet from #D1BDE2 to #E2D1BD and to #E2BDD1
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D1BDE2
#D4C0DC
#D4C0DC
#D4BFDD
#D4BFDD
#D4BEDE
#D4BEDE
#D4BDDF
#D6C3D6
#D6C2D7
#D6C1D8
#D6C0D9
#D6BFDA
#D6BEDC
#D6BDDD
#D9C7D0
#D9C5D2
#D9C4D3
#D9C2D5
#D9C1D6
#D9BFD8
#D9BDDA
#DCCACA
#DCC8CC
#DCC6CE
#DCC4D0
#DCC2D2
#DCC0D4
#DCBDD7
#DFCDC4
#DFCAC7
#DFC8C9
#DFC5CC
#DFC3CE
#DFC0D1
#DFBDD4
#E2D1BD
#E2CEC0
#E2CBC3
#E2C7C7
#E2C4CA
#E2C1CD
#E2BDD1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
