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 #CAD1E2 to #CAE2D1 and to #D1CAE2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD4DF
#CAD3DF
#CAD3E0
#CAD2E0
#CBD1E1
#CBD1E1
#CBD0E2
#CAD6DD
#CAD5DE
#CBD4DF
#CBD3DF
#CBD2E0
#CCD0E1
#CCCFE2
#CAD9DA
#CAD7DB
#CBD5DD
#CBD4DE
#CCD2DF
#CCD0E0
#CDCEE2
#CADCD7
#CBDAD9
#CBD7DB
#CCD5DC
#CDD2DE
#CDD0E0
#CECDE2
#CADFD4
#CBDCD6
#CCD9D8
#CDD5DB
#CED2DD
#CFCFDF
#D0CBE2
#CAE2D1
#CBDED4
#CCDAD6
#CDD6D9
#CED3DC
#D0CFDF
#D1CAE2
Colorpallet from #CAD1E2 to #CAE2D1 and to #D1E2CA
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD4DF
#CAD4DF
#CAD4DF
#CAD4DF
#CBD4DE
#CBD4DE
#CBD4DE
#CAD6DD
#CAD6DD
#CBD6DC
#CBD6DC
#CBD6DB
#CCD6DB
#CCD6DA
#CAD9DA
#CAD9D9
#CBD9D9
#CBD9D8
#CCD9D7
#CCD9D7
#CDD9D6
#CADCD7
#CBDCD6
#CBDCD6
#CCDCD5
#CDDCD4
#CDDCD4
#CEDCD3
#CADFD4
#CBDFD3
#CCDFD2
#CDDFD2
#CEDFD1
#CFDFD0
#D0DFCF
#CAE2D1
#CBE2D0
#CCE2CF
#CDE2CE
#CEE2CD
#D0E2CB
#D1E2CA
Colorpallet from #CAD1E2 to #CAE2D1 and to #E2CAD1
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD4DF
#CBD3DF
#CBD3DF
#CCD2DF
#CDD1DF
#CDD1DF
#CED0DF
#CAD6DD
#CBD5DD
#CDD4DD
#CED3DD
#CFD2DD
#D0D0DD
#D2CFDD
#CAD9DA
#CCD7DA
#CED5DA
#D0D4DA
#D2D2DA
#D4D0DA
#D6CEDA
#CADCD7
#CCDAD7
#CFD7D7
#D1D5D7
#D4D2D7
#D6D0D7
#D9CDD7
#CADFD4
#CDDCD4
#D0D9D4
#D3D5D4
#D6D2D4
#D9CFD4
#DDCBD4
#CAE2D1
#CEDED1
#D2DAD1
#D6D6D1
#D9D3D1
#DDCFD1
#E2CAD1
Colorpallet from #CAD1E2 to #CAE2D1 and to #E2D1CA
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD4DF
#CBD4DF
#CBD3DF
#CCD3DF
#CDD2DE
#CDD2DE
#CED1DE
#CAD6DD
#CBD5DD
#CDD4DC
#CED4DC
#CFD3DB
#D0D2DB
#D2D1DA
#CAD9DA
#CCD8D9
#CED6D9
#D0D5D8
#D2D4D7
#D4D3D7
#D6D1D6
#CADCD7
#CCDAD6
#CFD8D6
#D1D7D5
#D4D5D4
#D6D3D4
#D9D1D3
#CADFD4
#CDDDD3
#D0DBD2
#D3D8D2
#D6D6D1
#D9D4D0
#DDD1CF
#CAE2D1
#CEDFD0
#D2DDCF
#D6DACE
#D9D7CD
#DDD4CB
#E2D1CA
Colorpallet from #CAD1E2 to #D1CAE2 and to #D1E2CA
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CBD0E2
#CBD1E1
#CBD1E1
#CBD2E0
#CBD3DF
#CBD3DF
#CBD4DE
#CCCFE2
#CCD0E1
#CCD1DF
#CCD2DE
#CCD3DD
#CCD5DC
#CCD6DA
#CDCEE2
#CDD0E0
#CDD2DE
#CDD3DC
#CDD5DA
#CDD7D8
#CDD9D6
#CECDE2
#CECFE0
#CED2DD
#CED4DB
#CED7D8
#CED9D6
#CEDCD3
#D0CBE2
#D0CEDF
#D0D1DC
#D0D5D9
#D0D8D6
#D0DBD3
#D0DFCF
#D1CAE2
#D1CEDE
#D1D2DA
#D1D6D6
#D1D9D3
#D1DDCF
#D1E2CA
Colorpallet from #CAD1E2 to #D1CAE2 and to #E2CAD1
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CBD0E2
#CBD0E2
#CCD0E1
#CCD0E1
#CDD0E0
#CDD0E0
#CED0DF
#CCCFE2
#CDCFE1
#CECFE0
#CFCFE0
#D0CFDF
#D1CFDE
#D2CFDD
#CDCEE2
#CECEE1
#D0CEDF
#D1CEDE
#D3CEDD
#D4CEDC
#D6CEDA
#CECDE2
#D0CDE0
#D2CDDE
#D3CDDD
#D5CDDB
#D7CDD9
#D9CDD7
#D0CBE2
#D2CBE0
#D4CBDE
#D6CBDB
#D8CBD9
#DACBD7
#DDCBD4
#D1CAE2
#D4CADF
#D6CADD
#D9CADA
#DCCAD7
#DFCAD4
#E2CAD1
Colorpallet from #CAD1E2 to #D1CAE2 and to #E2D1CA
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CBD0E2
#CBD0E1
#CCD0E1
#CCD0E0
#CDD1DF
#CDD1DF
#CED1DE
#CCCFE2
#CDCFE1
#CED0DF
#CFD0DE
#D0D0DD
#D1D1DC
#D2D1DA
#CDCEE2
#CECEE0
#D0CFDE
#D1CFDC
#D3D0DA
#D4D0D8
#D6D1D6
#CECDE2
#D0CEE0
#D2CEDD
#D3CFDB
#D5D0D8
#D7D0D6
#D9D1D3
#D0CBE2
#D2CCDF
#D4CDDC
#D6CED9
#D8CFD6
#DAD0D3
#DDD1CF
#D1CAE2
#D4CBDE
#D6CCDA
#D9CDD6
#DCCED3
#DFD0CF
#E2D1CA
Colorpallet from #CAD1E2 to #D1E2CA and to #E2CAD1
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CBD4DE
#CBD3DE
#CCD3DE
#CCD2DE
#CDD1DF
#CDD1DF
#CED0DF
#CCD6DA
#CDD5DA
#CED4DB
#CFD3DB
#D0D2DC
#D1D0DC
#D2CFDD
#CDD9D6
#CED7D7
#D0D5D7
#D1D4D8
#D3D2D9
#D4D0D9
#D6CEDA
#CEDCD3
#D0DAD4
#D2D7D4
#D3D5D5
#D5D2D6
#D7D0D6
#D9CDD7
#D0DFCF
#D2DCD0
#D4D9D1
#D6D5D1
#D8D2D2
#DACFD3
#DDCBD4
#D1E2CA
#D4DECB
#D6DACC
#D9D6CD
#DCD3CE
#DFCFD0
#E2CAD1
Colorpallet from #CAD1E2 to #D1E2CA and to #E2D1CA
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CBD4DE
#CBD4DE
#CCD3DE
#CCD3DE
#CDD2DE
#CDD2DE
#CED1DE
#CCD6DA
#CDD5DA
#CED4DA
#CFD4DA
#D0D3DA
#D1D2DA
#D2D1DA
#CDD9D6
#CED8D6
#D0D6D6
#D1D5D6
#D3D4D6
#D4D3D6
#D6D1D6
#CEDCD3
#D0DAD3
#D2D8D3
#D3D7D3
#D5D5D3
#D7D3D3
#D9D1D3
#D0DFCF
#D2DDCF
#D4DBCF
#D6D8CF
#D8D6CF
#DAD4CF
#DDD1CF
#D1E2CA
#D4DFCA
#D6DDCA
#D9DACA
#DCD7CA
#DFD4CA
#E2D1CA
Colorpallet from #CAD1E2 to #E2CAD1 and to #E2D1CA
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CAD1E2
#CED0DF
#CED0DF
#CED0DF
#CED0DF
#CED1DE
#CED1DE
#CED1DE
#D2CFDD
#D2CFDD
#D2D0DC
#D2D0DC
#D2D0DB
#D2D1DB
#D2D1DA
#D6CEDA
#D6CED9
#D6CFD9
#D6CFD8
#D6D0D7
#D6D0D7
#D6D1D6
#D9CDD7
#D9CED6
#D9CED6
#D9CFD5
#D9D0D4
#D9D0D4
#D9D1D3
#DDCBD4
#DDCCD3
#DDCDD2
#DDCED2
#DDCFD1
#DDD0D0
#DDD1CF
#E2CAD1
#E2CBD0
#E2CCCF
#E2CDCE
#E2CECD
#E2D0CB
#E2D1CA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts