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 #CCDAF1 to #CCF1DA and to #DACCF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDEED
#CCDDEE
#CDDCEE
#CDDBEF
#CDDAF0
#CED9F0
#CED8F1
#CCE1EA
#CDDFEB
#CDDDEC
#CEDCED
#CFDAEE
#CFD8F0
#D0D6F1
#CCE5E6
#CDE2E8
#CEDFEA
#CFDCEB
#D0D9ED
#D2D7EF
#D3D3F1
#CCE9E2
#CDE5E4
#CFE1E7
#D0DDE9
#D2DAEC
#D3D6EE
#D5D1F1
#CCECDF
#CEE7E2
#D0E3E5
#D1DEE8
#D3D9EB
#D5D5ED
#D7CFF1
#CCF1DA
#CEEBDE
#D0E5E1
#D3DFE5
#D5D9E9
#D7D3EC
#DACCF1
Colorpallet from #CCDAF1 to #CCF1DA and to #DAF1CC
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDEED
#CCDEED
#CDDEEC
#CDDEEC
#CDDEEC
#CEDEEB
#CEDEEB
#CCE1EA
#CDE1E9
#CDE1E8
#CEE1E8
#CFE1E7
#CFE1E6
#D0E1E5
#CCE5E6
#CDE5E5
#CEE5E4
#CFE5E3
#D0E5E2
#D2E5E0
#D3E5DF
#CCE9E2
#CDE9E1
#CFE9DF
#D0E9DE
#D2E9DC
#D3E9DB
#D5E9D9
#CCECDF
#CEECDD
#D0ECDB
#D1ECD9
#D3ECD7
#D5ECD5
#D7ECD3
#CCF1DA
#CEF1D8
#D0F1D6
#D3F1D3
#D5F1D1
#D7F1CF
#DAF1CC
Colorpallet from #CCDAF1 to #CCF1DA and to #F1CCDA
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDEED
#CDDDED
#CEDCED
#CFDBED
#D0DAED
#D1D9ED
#D2D8ED
#CCE1EA
#CEDFEA
#D0DDEA
#D2DCEA
#D4DAEA
#D6D8EA
#D8D6EA
#CCE5E6
#CFE2E6
#D2DFE6
#D5DCE6
#D8D9E6
#DAD7E6
#DED3E6
#CCE9E2
#D0E5E2
#D4E1E2
#D8DDE2
#DBDAE2
#DFD6E2
#E4D1E2
#CCECDF
#D1E7DF
#D6E3DF
#DADEDF
#DFD9DF
#E4D5DF
#EACFDF
#CCF1DA
#D2EBDA
#D8E5DA
#DEDFDA
#E4D9DA
#EAD3DA
#F1CCDA
Colorpallet from #CCDAF1 to #CCF1DA and to #F1DACC
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDEED
#CDDDED
#CEDDEC
#CFDCEC
#D0DBEC
#D1DBEB
#D2DAEB
#CCE1EA
#CEE0E9
#D0DFE8
#D2DEE8
#D4DDE7
#D6DBE6
#D8DAE5
#CCE5E6
#CFE3E5
#D2E1E4
#D5E0E3
#D8DEE2
#DADCE0
#DEDADF
#CCE9E2
#D0E7E1
#D4E4DF
#D8E2DE
#DBDFDC
#DFDDDB
#E4DAD9
#CCECDF
#D1E9DD
#D6E6DB
#DAE3D9
#DFE0D7
#E4DED5
#EADAD3
#CCF1DA
#D2EDD8
#D8EAD6
#DEE6D3
#E4E2D1
#EADFCF
#F1DACC
Colorpallet from #CCDAF1 to #DACCF1 and to #DAF1CC
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CED8F1
#CED9F0
#CEDAEF
#CEDBEE
#CEDCED
#CEDDEC
#CEDEEB
#D0D6F1
#D0D8EF
#D0DAED
#D0DBEB
#D0DDE9
#D0DFE7
#D0E1E5
#D3D3F1
#D3D6EE
#D3D9EB
#D3DCE8
#D3DFE5
#D3E1E3
#D3E5DF
#D5D1F1
#D5D5ED
#D5D9E9
#D5DDE5
#D5E0E2
#D5E4DE
#D5E9D9
#D7CFF1
#D7D4EC
#D7D8E7
#D7DDE3
#D7E2DE
#D7E6D9
#D7ECD3
#DACCF1
#DAD2EB
#DAD8E5
#DADEDF
#DAE4D9
#DAEAD3
#DAF1CC
Colorpallet from #CCDAF1 to #DACCF1 and to #F1CCDA
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CED8F1
#CFD8F0
#CFD8F0
#D0D8EF
#D1D8EE
#D1D8EE
#D2D8ED
#D0D6F1
#D1D6F0
#D3D6EF
#D4D6EE
#D5D6ED
#D6D6EB
#D8D6EA
#D3D3F1
#D5D3EF
#D7D3ED
#D8D3EC
#DAD3EA
#DCD3E8
#DED3E6
#D5D1F1
#D7D1EF
#DAD1EC
#DCD1EA
#DFD1E7
#E1D1E5
#E4D1E2
#D7CFF1
#DACFEE
#DDCFEB
#E0CFE8
#E3CFE5
#E6CFE3
#EACFDF
#DACCF1
#DECCED
#E1CCEA
#E5CCE6
#E9CCE2
#ECCCDF
#F1CCDA
Colorpallet from #CCDAF1 to #DACCF1 and to #F1DACC
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CED8F1
#CFD8F0
#CFD9EF
#D0D9EE
#D1D9ED
#D1DAEC
#D2DAEB
#D0D6F1
#D1D7EF
#D3D7ED
#D4D8EB
#D5D9E9
#D6D9E7
#D8DAE5
#D3D3F1
#D5D4EE
#D7D5EB
#D8D6E8
#DAD7E5
#DCD9E3
#DEDADF
#D5D1F1
#D7D2ED
#DAD4E9
#DCD5E5
#DFD7E2
#E1D8DE
#E4DAD9
#D7CFF1
#DAD1EC
#DDD3E7
#E0D4E3
#E3D6DE
#E6D8D9
#EADAD3
#DACCF1
#DECEEB
#E1D0E5
#E5D3DF
#E9D5D9
#ECD7D3
#F1DACC
Colorpallet from #CCDAF1 to #DAF1CC and to #F1CCDA
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CEDEEB
#CFDDEB
#CFDCEC
#D0DBEC
#D1DAEC
#D1D9ED
#D2D8ED
#D0E1E5
#D1DFE6
#D3DDE7
#D4DCE7
#D5DAE8
#D6D8E9
#D8D6EA
#D3E5DF
#D5E2E0
#D7DFE1
#D8DCE2
#DAD9E3
#DCD7E5
#DED3E6
#D5E9D9
#D7E5DA
#DAE1DC
#DCDDDD
#DFDADF
#E1D6E0
#E4D1E2
#D7ECD3
#DAE7D5
#DDE3D7
#E0DED9
#E3D9DB
#E6D5DD
#EACFDF
#DAF1CC
#DEEBCE
#E1E5D0
#E5DFD3
#E9D9D5
#ECD3D7
#F1CCDA
Colorpallet from #CCDAF1 to #DAF1CC and to #F1DACC
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CEDEEB
#CFDDEB
#CFDDEB
#D0DCEB
#D1DBEB
#D1DBEB
#D2DAEB
#D0E1E5
#D1E0E5
#D3DFE5
#D4DEE5
#D5DDE5
#D6DBE5
#D8DAE5
#D3E5DF
#D5E3DF
#D7E1DF
#D8E0DF
#DADEDF
#DCDCDF
#DEDADF
#D5E9D9
#D7E7D9
#DAE4D9
#DCE2D9
#DFDFD9
#E1DDD9
#E4DAD9
#D7ECD3
#DAE9D3
#DDE6D3
#E0E3D3
#E3E0D3
#E6DED3
#EADAD3
#DAF1CC
#DEEDCC
#E1EACC
#E5E6CC
#E9E2CC
#ECDFCC
#F1DACC
Colorpallet from #CCDAF1 to #F1CCDA and to #F1DACC
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#CCDAF1
#D2D8ED
#D2D8ED
#D2D9EC
#D2D9EC
#D2D9EC
#D2DAEB
#D2DAEB
#D8D6EA
#D8D7E9
#D8D7E8
#D8D8E8
#D8D9E7
#D8D9E6
#D8DAE5
#DED3E6
#DED4E5
#DED5E4
#DED6E3
#DED7E2
#DED9E0
#DEDADF
#E4D1E2
#E4D2E1
#E4D4DF
#E4D5DE
#E4D7DC
#E4D8DB
#E4DAD9
#EACFDF
#EAD1DD
#EAD3DB
#EAD4D9
#EAD6D7
#EAD8D5
#EADAD3
#F1CCDA
#F1CED8
#F1D0D6
#F1D3D3
#F1D5D1
#F1D7CF
#F1DACC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts