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 #D1E2A8 to #D1A8E2 and to #E2D1A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1D9B1
#D1DAB0
#D2DBAE
#D2DCAD
#D3DDAB
#D3DEAA
#D4DFA8
#D1CFBB
#D2D1B8
#D3D3B5
#D3D6B2
#D4D8AF
#D5DAAC
#D6DDA8
#D1C6C4
#D2C9C0
#D4CCBB
#D5D0B7
#D6D3B2
#D7D6AE
#D9DAA8
#D1BDCD
#D3C1C7
#D5C5C1
#D6C9BB
#D8CEB5
#DAD2AF
#DCD7A8
#D1B4D6
#D3B9CF
#D5BEC7
#D8C3C0
#DAC8B9
#DCCEB1
#DFD4A8
#D1A8E2
#D4AFD9
#D6B5CF
#D9BCC6
#DCC2BD
#DFC9B4
#E2D1A8
Colorpallet from #D1E2A8 to #D1A8E2 and to #E2A8D1
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1D9B1
#D1D9B1
#D2D9B0
#D2D9B0
#D3D9B0
#D3D9AF
#D4D9AF
#D1CFBB
#D2CFBA
#D3CFB9
#D3CFB8
#D4CFB7
#D5CFB6
#D6CFB5
#D1C6C4
#D2C6C3
#D4C6C1
#D5C6C0
#D6C6BF
#D7C6BE
#D9C6BC
#D1BDCD
#D3BDCB
#D5BDC9
#D6BDC8
#D8BDC6
#DABDC4
#DCBDC2
#D1B4D6
#D3B4D4
#D5B4D2
#D8B4D0
#DAB4CE
#DCB4CC
#DFB4C9
#D1A8E2
#D4A8DF
#D6A8DD
#D9A8DA
#DCA8D7
#DFA8D4
#E2A8D1
Colorpallet from #D1E2A8 to #D1A8E2 and to #A8D1E2
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1D9B1
#D0DAB1
#CFDBB1
#CEDCB1
#CDDDB1
#CBDEB1
#CADFB1
#D1CFBB
#CFD1BB
#CDD3BB
#CBD6BB
#C9D8BB
#C7DABB
#C4DDBB
#D1C6C4
#CEC9C4
#CBCCC4
#C7D0C4
#C4D3C4
#C1D6C4
#BDDAC4
#D1BDCD
#CDC1CD
#C9C5CD
#C5C9CD
#C0CECD
#BCD2CD
#B7D7CD
#D1B4D6
#CCB9D6
#C6BED6
#C1C3D6
#BCC8D6
#B7CED6
#B0D4D6
#D1A8E2
#CAAFE2
#C4B5E2
#BDBCE2
#B7C2E2
#B0C9E2
#A8D1E2
Colorpallet from #D1E2A8 to #D1A8E2 and to #A8E2D1
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1D9B1
#D0DAB1
#CFDCB0
#CEDDB0
#CDDFB0
#CBE0AF
#CAE2AF
#D1CFBB
#CFD2BA
#CDD5B9
#CBD8B8
#C9DBB7
#C7DEB6
#C4E2B5
#D1C6C4
#CECAC3
#CBCFC1
#C7D3C0
#C4D8BF
#C1DCBE
#BDE2BC
#D1BDCD
#CDC3CB
#C9C9C9
#C5CFC8
#C0D5C6
#BCDBC4
#B7E2C2
#D1B4D6
#CCBBD4
#C6C3D2
#C1CAD0
#BCD1CE
#B7D9CC
#B0E2C9
#D1A8E2
#CAB1DF
#C4BBDD
#BDC4DA
#B7CDD7
#B0D6D4
#A8E2D1
Colorpallet from #D1E2A8 to #E2D1A8 and to #E2A8D1
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D4DFA8
#D4DEA9
#D4DDAA
#D4DCAB
#D4DBAC
#D4DAAE
#D4D9AF
#D6DDA8
#D6DBAA
#D6D9AC
#D6D6AE
#D6D4B0
#D6D2B2
#D6CFB5
#D9DAA8
#D9D7AB
#D9D4AE
#D9D0B2
#D9CDB5
#D9CAB8
#D9C6BC
#DCD7A8
#DCD3AC
#DCCFB0
#DCCBB4
#DCC6B9
#DCC2BD
#DCBDC2
#DFD4A8
#DFCFAD
#DFCAB3
#DFC5B8
#DFC0BD
#DFBAC2
#DFB4C9
#E2D1A8
#E2CAAF
#E2C4B5
#E2BDBC
#E2B7C2
#E2B0C9
#E2A8D1
Colorpallet from #D1E2A8 to #E2D1A8 and to #A8D1E2
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D4DFA8
#D2DFA9
#D1DFAB
#CFDFAC
#CEDFAE
#CCDFAF
#CADFB1
#D6DDA8
#D3DDAB
#D0DDAE
#CDDDB1
#CADDB4
#C8DDB7
#C4DDBB
#D9DAA8
#D5DAAC
#D0DAB1
#CCDAB5
#C7DABA
#C3DABE
#BDDAC4
#DCD7A8
#D6D7AE
#D0D7B4
#CAD7BA
#C4D7C0
#BED7C6
#B7D7CD
#DFD4A8
#D7D4AF
#D0D4B7
#C8D4BE
#C1D4C5
#B9D4CD
#B0D4D6
#E2D1A8
#D9D1B1
#CFD1BB
#C6D1C4
#BDD1CD
#B4D1D6
#A8D1E2
Colorpallet from #D1E2A8 to #E2D1A8 and to #A8E2D1
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D4DFA8
#D2DFA9
#D1E0AA
#CFE0AB
#CEE1AC
#CCE1AE
#CAE2AF
#D6DDA8
#D3DEAA
#D0DFAC
#CDDFAE
#CAE0B0
#C8E1B2
#C4E2B5
#D9DAA8
#D5DBAB
#D0DDAE
#CCDEB2
#C7DFB5
#C3E0B8
#BDE2BC
#DCD7A8
#D6D9AC
#D0DBB0
#CADCB4
#C4DEB9
#BEE0BD
#B7E2C2
#DFD4A8
#D7D6AD
#D0D8B3
#C8DBB8
#C1DDBD
#B9DFC2
#B0E2C9
#E2D1A8
#D9D4AF
#CFD6B5
#C6D9BC
#BDDCC2
#B4DFC9
#A8E2D1
Colorpallet from #D1E2A8 to #E2A8D1 and to #A8D1E2
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D4D9AF
#D2DAAF
#D1DBB0
#CFDCB0
#CEDDB0
#CCDEB1
#CADFB1
#D6CFB5
#D3D1B6
#D0D3B7
#CDD6B8
#CAD8B9
#C8DABA
#C4DDBB
#D9C6BC
#D5C9BD
#D0CCBF
#CCD0C0
#C7D3C1
#C3D6C2
#BDDAC4
#DCBDC2
#D6C1C4
#D0C5C6
#CAC9C7
#C4CEC9
#BED2CB
#B7D7CD
#DFB4C9
#D7B9CB
#D0BECD
#C8C3CF
#C1C8D1
#B9CED3
#B0D4D6
#E2A8D1
#D9AFD4
#CFB5D6
#C6BCD9
#BDC2DC
#B4C9DF
#A8D1E2
Colorpallet from #D1E2A8 to #E2A8D1 and to #A8E2D1
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D4D9AF
#D2DAAF
#D1DCAF
#CFDDAF
#CEDFAF
#CCE0AF
#CAE2AF
#D6CFB5
#D3D2B5
#D0D5B5
#CDD8B5
#CADBB5
#C8DEB5
#C4E2B5
#D9C6BC
#D5CABC
#D0CFBC
#CCD3BC
#C7D8BC
#C3DCBC
#BDE2BC
#DCBDC2
#D6C3C2
#D0C9C2
#CACFC2
#C4D5C2
#BEDBC2
#B7E2C2
#DFB4C9
#D7BBC9
#D0C3C9
#C8CAC9
#C1D1C9
#B9D9C9
#B0E2C9
#E2A8D1
#D9B1D1
#CFBBD1
#C6C4D1
#BDCDD1
#B4D6D1
#A8E2D1
Colorpallet from #D1E2A8 to #A8D1E2 and to #A8E2D1
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#D1E2A8
#CADFB1
#CADFB1
#CAE0B0
#CAE0B0
#CAE1B0
#CAE1AF
#CAE2AF
#C4DDBB
#C4DEBA
#C4DFB9
#C4DFB8
#C4E0B7
#C4E1B6
#C4E2B5
#BDDAC4
#BDDBC3
#BDDDC1
#BDDEC0
#BDDFBF
#BDE0BE
#BDE2BC
#B7D7CD
#B7D9CB
#B7DBC9
#B7DCC8
#B7DEC6
#B7E0C4
#B7E2C2
#B0D4D6
#B0D6D4
#B0D8D2
#B0DBD0
#B0DDCE
#B0DFCC
#B0E2C9
#A8D1E2
#A8D4DF
#A8D6DD
#A8D9DA
#A8DCD7
#A8DFD4
#A8E2D1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts