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 #CCDAF2 to #CCF2DA and to #DACCF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDEEE
#CCDDEF
#CDDCEF
#CDDBF0
#CDDAF1
#CED9F1
#CED8F2
#CCE2EA
#CDE0EB
#CDDEED
#CEDCEE
#CFDAEF
#CFD8F0
#D0D6F2
#CCE6E6
#CDE3E8
#CEE0EA
#CFDDEC
#D0DAEE
#D2D7F0
#D3D3F2
#CCE9E3
#CDE5E5
#CFE1E8
#D0DDEA
#D2DAED
#D3D6EF
#D5D1F2
#CCEDDF
#CEE8E2
#D0E3E5
#D1DFE8
#D3DAEB
#D5D5EE
#D7CFF2
#CCF2DA
#CEECDE
#D0E6E2
#D3E0E6
#D5DAE9
#D7D4ED
#DACCF2
Colorpallet from #CCDAF2 to #CCF2DA and to #DAF2CC
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDEEE
#CCDEEE
#CDDEED
#CDDEED
#CDDEED
#CEDEEC
#CEDEEC
#CCE2EA
#CDE2E9
#CDE2E9
#CEE2E8
#CFE2E7
#CFE2E7
#D0E2E6
#CCE6E6
#CDE6E5
#CEE6E4
#CFE6E3
#D0E6E2
#D2E6E1
#D3E6E0
#CCE9E3
#CDE9E2
#CFE9E0
#D0E9DF
#D2E9DD
#D3E9DC
#D5E9DA
#CCEDDF
#CEEDDD
#D0EDDB
#D1EDDA
#D3EDD8
#D5EDD6
#D7EDD4
#CCF2DA
#CEF2D8
#D0F2D6
#D3F2D3
#D5F2D1
#D7F2CF
#DAF2CC
Colorpallet from #CCDAF2 to #CCF2DA and to #F2CCDA
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDEEE
#CDDDEE
#CEDCEE
#CFDBEE
#D0DAEE
#D1D9EE
#D2D8EE
#CCE2EA
#CEE0EA
#D0DEEA
#D2DCEA
#D4DAEA
#D6D8EA
#D8D6EA
#CCE6E6
#CFE3E6
#D2E0E6
#D5DDE6
#D8DAE6
#DAD7E6
#DED3E6
#CCE9E3
#D0E5E3
#D4E1E3
#D8DDE3
#DBDAE3
#DFD6E3
#E4D1E3
#CCEDDF
#D1E8DF
#D6E3DF
#DADFDF
#DFDADF
#E4D5DF
#EACFDF
#CCF2DA
#D2ECDA
#D8E6DA
#DEE0DA
#E4DADA
#EAD4DA
#F2CCDA
Colorpallet from #CCDAF2 to #CCF2DA and to #F2DACC
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDEEE
#CDDDEE
#CEDDED
#CFDCED
#D0DBED
#D1DBEC
#D2DAEC
#CCE2EA
#CEE1E9
#D0DFE9
#D2DEE8
#D4DDE7
#D6DCE7
#D8DAE6
#CCE6E6
#CFE4E5
#D2E2E4
#D5E0E3
#D8DEE2
#DADCE1
#DEDAE0
#CCE9E3
#D0E7E2
#D4E4E0
#D8E2DF
#DBDFDD
#DFDDDC
#E4DADA
#CCEDDF
#D1EADD
#D6E7DB
#DAE4DA
#DFE1D8
#E4DED6
#EADAD4
#CCF2DA
#D2EED8
#D8EAD6
#DEE6D3
#E4E3D1
#EADFCF
#F2DACC
Colorpallet from #CCDAF2 to #DACCF2 and to #DAF2CC
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CED8F2
#CED9F1
#CEDAF0
#CEDBEF
#CEDCEE
#CEDDED
#CEDEEC
#D0D6F2
#D0D8F0
#D0DAEE
#D0DCEC
#D0DEEA
#D0E0E8
#D0E2E6
#D3D3F2
#D3D6EF
#D3D9EC
#D3DCE9
#D3DFE6
#D3E2E4
#D3E6E0
#D5D1F2
#D5D5EE
#D5D9EA
#D5DDE6
#D5E0E3
#D5E4DF
#D5E9DA
#D7CFF2
#D7D4ED
#D7D9E8
#D7DDE4
#D7E2DF
#D7E7DA
#D7EDD4
#DACCF2
#DAD2EC
#DAD8E6
#DADEE0
#DAE4DA
#DAEAD4
#DAF2CC
Colorpallet from #CCDAF2 to #DACCF2 and to #F2CCDA
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CED8F2
#CFD8F1
#CFD8F1
#D0D8F0
#D1D8EF
#D1D8EF
#D2D8EE
#D0D6F2
#D1D6F1
#D3D6EF
#D4D6EE
#D5D6ED
#D6D6EC
#D8D6EA
#D3D3F2
#D5D3F0
#D7D3EE
#D8D3EC
#DAD3EA
#DCD3E8
#DED3E6
#D5D1F2
#D7D1F0
#DAD1ED
#DCD1EB
#DFD1E8
#E1D1E6
#E4D1E3
#D7CFF2
#DACFEF
#DDCFEC
#E0CFE9
#E3CFE6
#E6CFE3
#EACFDF
#DACCF2
#DECCEE
#E2CCEA
#E6CCE6
#E9CCE3
#EDCCDF
#F2CCDA
Colorpallet from #CCDAF2 to #DACCF2 and to #F2DACC
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CED8F2
#CFD8F1
#CFD9F0
#D0D9EF
#D1D9EE
#D1DAED
#D2DAEC
#D0D6F2
#D1D7F0
#D3D7EE
#D4D8EC
#D5D9EA
#D6D9E8
#D8DAE6
#D3D3F2
#D5D4EF
#D7D5EC
#D8D6E9
#DAD7E6
#DCD9E4
#DEDAE0
#D5D1F2
#D7D2EE
#DAD4EA
#DCD5E6
#DFD7E3
#E1D8DF
#E4DADA
#D7CFF2
#DAD1ED
#DDD3E8
#E0D4E4
#E3D6DF
#E6D8DA
#EADAD4
#DACCF2
#DECEEC
#E2D0E6
#E6D3E0
#E9D5DA
#EDD7D4
#F2DACC
Colorpallet from #CCDAF2 to #DAF2CC and to #F2CCDA
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CEDEEC
#CFDDEC
#CFDCED
#D0DBED
#D1DAED
#D1D9EE
#D2D8EE
#D0E2E6
#D1E0E7
#D3DEE7
#D4DCE8
#D5DAE9
#D6D8E9
#D8D6EA
#D3E6E0
#D5E3E1
#D7E0E2
#D8DDE3
#DADAE4
#DCD7E5
#DED3E6
#D5E9DA
#D7E5DB
#DAE1DD
#DCDDDE
#DFDAE0
#E1D6E1
#E4D1E3
#D7EDD4
#DAE8D6
#DDE3D8
#E0DFD9
#E3DADB
#E6D5DD
#EACFDF
#DAF2CC
#DEECCE
#E2E6D0
#E6E0D3
#E9DAD5
#EDD4D7
#F2CCDA
Colorpallet from #CCDAF2 to #DAF2CC and to #F2DACC
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CEDEEC
#CFDDEC
#CFDDEC
#D0DCEC
#D1DBEC
#D1DBEC
#D2DAEC
#D0E2E6
#D1E1E6
#D3DFE6
#D4DEE6
#D5DDE6
#D6DCE6
#D8DAE6
#D3E6E0
#D5E4E0
#D7E2E0
#D8E0E0
#DADEE0
#DCDCE0
#DEDAE0
#D5E9DA
#D7E7DA
#DAE4DA
#DCE2DA
#DFDFDA
#E1DDDA
#E4DADA
#D7EDD4
#DAEAD4
#DDE7D4
#E0E4D4
#E3E1D4
#E6DED4
#EADAD4
#DAF2CC
#DEEECC
#E2EACC
#E6E6CC
#E9E3CC
#EDDFCC
#F2DACC
Colorpallet from #CCDAF2 to #F2CCDA and to #F2DACC
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#CCDAF2
#D2D8EE
#D2D8EE
#D2D9ED
#D2D9ED
#D2D9ED
#D2DAEC
#D2DAEC
#D8D6EA
#D8D7E9
#D8D7E9
#D8D8E8
#D8D9E7
#D8D9E7
#D8DAE6
#DED3E6
#DED4E5
#DED5E4
#DED6E3
#DED7E2
#DED9E1
#DEDAE0
#E4D1E3
#E4D2E2
#E4D4E0
#E4D5DF
#E4D7DD
#E4D8DC
#E4DADA
#EACFDF
#EAD1DD
#EAD3DB
#EAD4DA
#EAD6D8
#EAD8D6
#EADAD4
#F2CCDA
#F2CED8
#F2D0D6
#F2D3D3
#F2D5D1
#F2D7CF
#F2DACC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts