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 #D3F0C1 to #D3C1F0 and to #F0D3C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3E8C9
#D4E8C8
#D5E9C6
#D5E9C5
#D6EAC4
#D7EAC3
#D8EBC1
#D3E1D0
#D4E2CE
#D6E3CB
#D7E4C9
#D9E5C6
#DAE6C4
#DCE7C1
#D3D9D8
#D5DAD4
#D7DCD1
#DADDCD
#DCDFC9
#DEE0C6
#E1E2C1
#D3D2DF
#D6D4DA
#D9D6D5
#DCD7D1
#DFD9CC
#E2DBC7
#E6DDC1
#D3CAE7
#D7CCE1
#DACFDB
#DED1D5
#E2D4CF
#E5D6C9
#EAD9C1
#D3C1F0
#D8C4E8
#DCC7E1
#E1CAD9
#E6CDD2
#EACFCA
#F0D3C1
Colorpallet from #D3F0C1 to #D3C1F0 and to #F0C1D3
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3E8C9
#D4E8C8
#D5E8C7
#D5E8C7
#D6E8C6
#D7E8C5
#D8E8C4
#D3E1D0
#D4E1CF
#D6E1CD
#D7E1CC
#D9E1CA
#DAE1C9
#DCE1C7
#D3D9D8
#D5D9D6
#D7D9D4
#DAD9D1
#DCD9CF
#DED9CD
#E1D9CA
#D3D2DF
#D6D2DC
#D9D2D9
#DCD2D6
#DFD2D3
#E2D2D1
#E6D2CD
#D3CAE7
#D7CAE3
#DACADF
#DECADB
#E2CAD8
#E5CAD4
#EACACF
#D3C1F0
#D8C1EB
#DCC1E7
#E1C1E2
#E6C1DD
#EAC1D9
#F0C1D3
Colorpallet from #D3F0C1 to #D3C1F0 and to #C1D3F0
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3E8C9
#D3E8C9
#D2E9C9
#D2E9C9
#D1EAC9
#D1EAC9
#D0EBC9
#D3E1D0
#D2E2D0
#D1E3D0
#D0E4D0
#CFE5D0
#CEE6D0
#CDE7D0
#D3D9D8
#D2DAD8
#D0DCD8
#CFDDD8
#CDDFD8
#CCE0D8
#CAE2D8
#D3D2DF
#D1D4DF
#CFD6DF
#CDD7DF
#CBD9DF
#C9DBDF
#C7DDDF
#D3CAE7
#D1CCE7
#CFCFE7
#CCD1E7
#CAD4E7
#C8D6E7
#C5D9E7
#D3C1F0
#D0C4F0
#CDC7F0
#CACAF0
#C7CDF0
#C5CFF0
#C1D3F0
Colorpallet from #D3F0C1 to #D3C1F0 and to #C1F0D3
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3E8C9
#D3E9C8
#D2EBC7
#D2ECC7
#D1EDC6
#D1EEC5
#D0F0C4
#D3E1D0
#D2E3CF
#D1E6CD
#D0E8CC
#CFEBCA
#CEEDC9
#CDF0C7
#D3D9D8
#D2DDD6
#D0E0D4
#CFE4D1
#CDE8CF
#CCEBCD
#CAF0CA
#D3D2DF
#D1D7DC
#CFDCD9
#CDE0D6
#CBE5D3
#C9EAD1
#C7F0CD
#D3CAE7
#D1D0E3
#CFD6DF
#CCDCDB
#CAE2D8
#C8E8D4
#C5F0CF
#D3C1F0
#D0C9EB
#CDD0E7
#CAD8E2
#C7DFDD
#C5E7D9
#C1F0D3
Colorpallet from #D3F0C1 to #F0D3C1 and to #F0C1D3
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D8EBC1
#D8EBC1
#D8EAC2
#D8EAC2
#D8E9C3
#D8E9C3
#D8E8C4
#DCE7C1
#DCE6C2
#DCE5C3
#DCE4C4
#DCE3C5
#DCE2C6
#DCE1C7
#E1E2C1
#E1E1C2
#E1DFC4
#E1DEC5
#E1DCC7
#E1DBC8
#E1D9CA
#E6DDC1
#E6DBC3
#E6D9C5
#E6D8C7
#E6D6C9
#E6D4CB
#E6D2CD
#EAD9C1
#EAD7C3
#EAD4C5
#EAD2C8
#EACFCA
#EACDCC
#EACACF
#F0D3C1
#F0D0C4
#F0CDC7
#F0CACA
#F0C7CD
#F0C5CF
#F0C1D3
Colorpallet from #D3F0C1 to #F0D3C1 and to #C1D3F0
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D8EBC1
#D7EBC2
#D5EBC4
#D4EBC5
#D3EBC6
#D2EBC7
#D0EBC9
#DCE7C1
#DAE7C3
#D7E7C6
#D5E7C8
#D2E7CB
#D0E7CD
#CDE7D0
#E1E2C1
#DDE2C5
#DAE2C8
#D6E2CC
#D2E2D0
#CFE2D3
#CAE2D8
#E6DDC1
#E1DDC6
#DCDDCB
#D7DDCF
#D2DDD4
#CDDDD9
#C7DDDF
#EAD9C1
#E4D9C7
#DED9CD
#D8D9D3
#D2D9D9
#CCD9DF
#C5D9E7
#F0D3C1
#E8D3C9
#E1D3D0
#D9D3D8
#D2D3DF
#CAD3E7
#C1D3F0
Colorpallet from #D3F0C1 to #F0D3C1 and to #C1F0D3
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D8EBC1
#D7ECC1
#D5EDC2
#D4EDC2
#D3EEC3
#D2EFC3
#D0F0C4
#DCE7C1
#DAE8C2
#D7EAC3
#D5EBC4
#D2EDC5
#D0EEC6
#CDF0C7
#E1E2C1
#DDE4C2
#DAE6C4
#D6E9C5
#D2EBC7
#CFEDC8
#CAF0CA
#E6DDC1
#E1E0C3
#DCE3C5
#D7E6C7
#D2E9C9
#CDECCB
#C7F0CD
#EAD9C1
#E4DDC3
#DEE0C5
#D8E4C8
#D2E8CA
#CCEBCC
#C5F0CF
#F0D3C1
#E8D8C4
#E1DCC7
#D9E1CA
#D2E6CD
#CAEACF
#C1F0D3
Colorpallet from #D3F0C1 to #F0C1D3 and to #C1D3F0
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D8E8C4
#D7E8C5
#D5E9C6
#D4E9C6
#D3EAC7
#D2EAC8
#D0EBC9
#DCE1C7
#DAE2C8
#D7E3CA
#D5E4CB
#D2E5CD
#D0E6CE
#CDE7D0
#E1D9CA
#DDDACC
#DADCCE
#D6DDD1
#D2DFD3
#CFE0D5
#CAE2D8
#E6D2CD
#E1D4D0
#DCD6D3
#D7D7D6
#D2D9D9
#CDDBDB
#C7DDDF
#EACACF
#E4CCD3
#DECFD7
#D8D1DB
#D2D4DE
#CCD6E2
#C5D9E7
#F0C1D3
#E8C4D8
#E1C7DC
#D9CAE1
#D2CDE6
#CACFEA
#C1D3F0
Colorpallet from #D3F0C1 to #F0C1D3 and to #C1F0D3
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D8E8C4
#D7E9C4
#D5EBC4
#D4ECC4
#D3EDC4
#D2EEC4
#D0F0C4
#DCE1C7
#DAE3C7
#D7E6C7
#D5E8C7
#D2EBC7
#D0EDC7
#CDF0C7
#E1D9CA
#DDDDCA
#DAE0CA
#D6E4CA
#D2E8CA
#CFEBCA
#CAF0CA
#E6D2CD
#E1D7CD
#DCDCCD
#D7E0CD
#D2E5CD
#CDEACD
#C7F0CD
#EACACF
#E4D0CF
#DED6CF
#D8DCCF
#D2E2CF
#CCE8CF
#C5F0CF
#F0C1D3
#E8C9D3
#E1D0D3
#D9D8D3
#D2DFD3
#CAE7D3
#C1F0D3
Colorpallet from #D3F0C1 to #C1D3F0 and to #C1F0D3
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D3F0C1
#D0EBC9
#D0ECC8
#D0EDC7
#D0EDC7
#D0EEC6
#D0EFC5
#D0F0C4
#CDE7D0
#CDE8CF
#CDEACD
#CDEBCC
#CDEDCA
#CDEEC9
#CDF0C7
#CAE2D8
#CAE4D6
#CAE6D4
#CAE9D1
#CAEBCF
#CAEDCD
#CAF0CA
#C7DDDF
#C7E0DC
#C7E3D9
#C7E6D6
#C7E9D3
#C7ECD1
#C7F0CD
#C5D9E7
#C5DDE3
#C5E0DF
#C5E4DB
#C5E8D8
#C5EBD4
#C5F0CF
#C1D3F0
#C1D8EB
#C1DCE7
#C1E1E2
#C1E6DD
#C1EAD9
#C1F0D3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
