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 #CAE2D1 to #CAD1E2 and to #E2CAD1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CADFD4
#CBDFD4
#CBDFD3
#CCDFD3
#CDDED2
#CDDED2
#CEDED1
#CADDD6
#CBDDD5
#CDDCD4
#CEDCD4
#CFDBD3
#D0DBD2
#D2DAD1
#CADAD9
#CCD9D8
#CED9D6
#D0D8D5
#D2D7D4
#D4D7D3
#D6D6D1
#CAD7DC
#CCD6DA
#CFD6D8
#D1D5D7
#D4D4D5
#D6D4D3
#D9D3D1
#CAD4DF
#CDD3DD
#D0D2DB
#D3D2D8
#D6D1D6
#D9D0D4
#DDCFD1
#CAD1E2
#CED0DF
#D2CFDD
#D6CEDA
#D9CDD7
#DDCBD4
#E2CAD1
Colorpallet from #CAE2D1 to #CAD1E2 and to #E2D1CA
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CADFD4
#CBDFD3
#CBDFD3
#CCDFD2
#CDDFD1
#CDDFD1
#CEDFD0
#CADDD6
#CBDDD5
#CDDDD4
#CEDDD3
#CFDDD2
#D0DDD0
#D2DDCF
#CADAD9
#CCDAD7
#CEDAD5
#D0DAD4
#D2DAD2
#D4DAD0
#D6DACE
#CAD7DC
#CCD7DA
#CFD7D7
#D1D7D5
#D4D7D2
#D6D7D0
#D9D7CD
#CAD4DF
#CDD4DC
#D0D4D9
#D3D4D5
#D6D4D2
#D9D4CF
#DDD4CB
#CAD1E2
#CED1DE
#D2D1DA
#D6D1D6
#D9D1D3
#DDD1CF
#E2D1CA
Colorpallet from #CAE2D1 to #CAD1E2 and to #D1CAE2
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CADFD4
#CADFD4
#CADFD4
#CADFD4
#CBDED4
#CBDED4
#CBDED4
#CADDD6
#CADDD6
#CBDCD6
#CBDCD6
#CBDBD6
#CCDBD6
#CCDAD6
#CADAD9
#CAD9D9
#CBD9D9
#CBD8D9
#CCD7D9
#CCD7D9
#CDD6D9
#CAD7DC
#CBD6DC
#CBD6DC
#CCD5DC
#CDD4DC
#CDD4DC
#CED3DC
#CAD4DF
#CBD3DF
#CCD2DF
#CDD2DF
#CED1DF
#CFD0DF
#D0CFDF
#CAD1E2
#CBD0E2
#CCCFE2
#CDCEE2
#CECDE2
#D0CBE2
#D1CAE2
Colorpallet from #CAE2D1 to #CAD1E2 and to #D1E2CA
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CADFD4
#CADFD3
#CAE0D3
#CAE0D2
#CBE1D1
#CBE1D1
#CBE2D0
#CADDD6
#CADED5
#CBDFD4
#CBDFD3
#CBE0D2
#CCE1D0
#CCE2CF
#CADAD9
#CADBD7
#CBDDD5
#CBDED4
#CCDFD2
#CCE0D0
#CDE2CE
#CAD7DC
#CBD9DA
#CBDBD7
#CCDCD5
#CDDED2
#CDE0D0
#CEE2CD
#CAD4DF
#CBD6DC
#CCD8D9
#CDDBD5
#CEDDD2
#CFDFCF
#D0E2CB
#CAD1E2
#CBD4DE
#CCD6DA
#CDD9D6
#CEDCD3
#D0DFCF
#D1E2CA
Colorpallet from #CAE2D1 to #E2CAD1 and to #E2D1CA
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CEDED1
#CEDED1
#CEDED1
#CEDED1
#CEDFD0
#CEDFD0
#CEDFD0
#D2DAD1
#D2DAD1
#D2DBD0
#D2DBD0
#D2DCD0
#D2DCCF
#D2DDCF
#D6D6D1
#D6D7D1
#D6D7D0
#D6D8D0
#D6D9CF
#D6D9CF
#D6DACE
#D9D3D1
#D9D4D0
#D9D4D0
#D9D5CF
#D9D6CE
#D9D6CE
#D9D7CD
#DDCFD1
#DDD0D0
#DDD1CF
#DDD1CE
#DDD2CD
#DDD3CC
#DDD4CB
#E2CAD1
#E2CBD0
#E2CCCF
#E2CDCE
#E2CECD
#E2D0CB
#E2D1CA
Colorpallet from #CAE2D1 to #E2CAD1 and to #D1CAE2
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CEDED1
#CEDED1
#CDDED2
#CDDED2
#CCDED3
#CCDED3
#CBDED4
#D2DAD1
#D1DAD2
#D0DAD3
#CFDAD3
#CEDAD4
#CDDAD5
#CCDAD6
#D6D6D1
#D5D6D2
#D3D6D4
#D2D6D5
#D0D6D6
#CFD6D7
#CDD6D9
#D9D3D1
#D7D3D3
#D5D3D5
#D4D3D6
#D2D3D8
#D0D3DA
#CED3DC
#DDCFD1
#DBCFD3
#D9CFD5
#D7CFD8
#D5CFDA
#D3CFDC
#D0CFDF
#E2CAD1
#DFCAD4
#DDCAD6
#DACAD9
#D7CADC
#D4CADF
#D1CAE2
Colorpallet from #CAE2D1 to #E2CAD1 and to #D1E2CA
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CEDED1
#CEDFD1
#CDDFD1
#CDE0D1
#CCE1D0
#CCE1D0
#CBE2D0
#D2DAD1
#D1DBD1
#D0DDD0
#CFDED0
#CEDFD0
#CDE0CF
#CCE2CF
#D6D6D1
#D5D8D1
#D3DAD0
#D2DCD0
#D0DECF
#CFE0CF
#CDE2CE
#D9D3D1
#D7D5D0
#D5D8D0
#D4DACF
#D2DDCE
#D0DFCE
#CEE2CD
#DDCFD1
#DBD2D0
#D9D5CF
#D7D8CE
#D5DBCD
#D3DECC
#D0E2CB
#E2CAD1
#DFCED0
#DDD2CF
#DAD6CE
#D7D9CD
#D4DDCB
#D1E2CA
Colorpallet from #CAE2D1 to #E2D1CA and to #D1CAE2
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CEDFD0
#CEDFD1
#CDDFD1
#CDDFD2
#CCDED3
#CCDED3
#CBDED4
#D2DDCF
#D1DDD0
#D0DCD1
#CFDCD2
#CEDBD3
#CDDBD5
#CCDAD6
#D6DACE
#D5D9D0
#D3D9D2
#D2D8D3
#D0D7D5
#CFD7D7
#CDD6D9
#D9D7CD
#D7D6CF
#D5D6D2
#D4D5D4
#D2D4D7
#D0D4D9
#CED3DC
#DDD4CB
#DBD3CE
#D9D2D1
#D7D2D5
#D5D1D8
#D3D0DB
#D0CFDF
#E2D1CA
#DFD0CE
#DDCFD2
#DACED6
#D7CDD9
#D4CBDD
#D1CAE2
Colorpallet from #CAE2D1 to #E2D1CA and to #D1E2CA
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CEDFD0
#CEDFD0
#CDE0D0
#CDE0D0
#CCE1D0
#CCE1D0
#CBE2D0
#D2DDCF
#D1DECF
#D0DFCF
#CFDFCF
#CEE0CF
#CDE1CF
#CCE2CF
#D6DACE
#D5DBCE
#D3DDCE
#D2DECE
#D0DFCE
#CFE0CE
#CDE2CE
#D9D7CD
#D7D9CD
#D5DBCD
#D4DCCD
#D2DECD
#D0E0CD
#CEE2CD
#DDD4CB
#DBD6CB
#D9D8CB
#D7DBCB
#D5DDCB
#D3DFCB
#D0E2CB
#E2D1CA
#DFD4CA
#DDD6CA
#DAD9CA
#D7DCCA
#D4DFCA
#D1E2CA
Colorpallet from #CAE2D1 to #D1CAE2 and to #D1E2CA
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CAE2D1
#CBDED4
#CBDFD3
#CBDFD3
#CBE0D2
#CBE1D1
#CBE1D1
#CBE2D0
#CCDAD6
#CCDBD5
#CCDDD4
#CCDED3
#CCDFD2
#CCE0D0
#CCE2CF
#CDD6D9
#CDD8D7
#CDDAD5
#CDDCD4
#CDDED2
#CDE0D0
#CDE2CE
#CED3DC
#CED5DA
#CED8D7
#CEDAD5
#CEDDD2
#CEDFD0
#CEE2CD
#D0CFDF
#D0D2DC
#D0D5D9
#D0D8D5
#D0DBD2
#D0DECF
#D0E2CB
#D1CAE2
#D1CEDE
#D1D2DA
#D1D6D6
#D1D9D3
#D1DDCF
#D1E2CA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
