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 #CAD2ED to #CAEDD2 and to #D2CAED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD6E9
#CAD5EA
#CAD4EA
#CAD4EB
#CBD3EC
#CBD2EC
#CBD1ED
#CADBE4
#CAD9E5
#CBD7E7
#CBD5E8
#CCD3EA
#CCD1EB
#CDCFED
#CADFE0
#CBDCE2
#CBDAE4
#CCD7E6
#CDD4E8
#CDD1EA
#CECEED
#CAE3DC
#CBDFDF
#CCDCE1
#CCD8E4
#CDD5E7
#CED1EA
#CFCDED
#CAE8D7
#CBE4DB
#CCDFDE
#CDDBE2
#CED6E5
#CFD2E9
#D0CCED
#CAEDD2
#CBE7D6
#CDE2DB
#CEDCDF
#CFD7E3
#D0D1E8
#D2CAED
Colorpallet from #CAD2ED to #CAEDD2 and to #D2EDCA
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD6E9
#CAD6E9
#CAD6E8
#CAD6E8
#CBD6E8
#CBD6E7
#CBD6E7
#CADBE4
#CADBE4
#CBDBE3
#CBDBE3
#CCDBE3
#CCDBE2
#CDDBE2
#CADFE0
#CBDFDF
#CBDFDF
#CCDFDE
#CDDFDD
#CDDFDD
#CEDFDC
#CAE3DC
#CBE3DB
#CCE3DA
#CCE3DA
#CDE3D9
#CEE3D8
#CFE3D7
#CAE8D7
#CBE8D6
#CCE8D5
#CDE8D4
#CEE8D3
#CFE8D2
#D0E8D1
#CAEDD2
#CBEDD1
#CDEDCF
#CEEDCE
#CFEDCD
#D0EDCC
#D2EDCA
Colorpallet from #CAD2ED to #CAEDD2 and to #EDCAD2
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD6E9
#CBD5E9
#CCD4E9
#CDD4E9
#CED3E9
#CFD2E9
#D0D1E9
#CADBE4
#CCD9E4
#CED7E4
#CFD5E4
#D1D3E4
#D3D1E4
#D5CFE4
#CADFE0
#CDDCE0
#CFDAE0
#D2D7E0
#D5D4E0
#D8D1E0
#DBCEE0
#CAE3DC
#CEDFDC
#D1DCDC
#D5D8DC
#D8D5DC
#DCD1DC
#E0CDDC
#CAE8D7
#CEE4D7
#D3DFD7
#D7DBD7
#DCD6D7
#E0D2D7
#E6CCD7
#CAEDD2
#D0E7D2
#D5E2D2
#DBDCD2
#E0D7D2
#E6D1D2
#EDCAD2
Colorpallet from #CAD2ED to #CAEDD2 and to #EDD2CA
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD6E9
#CBD5E9
#CCD5E8
#CDD4E8
#CED3E8
#CFD3E7
#D0D2E7
#CADBE4
#CCDAE4
#CED8E3
#CFD7E3
#D1D5E3
#D3D4E2
#D5D2E2
#CADFE0
#CDDDDF
#CFDBDF
#D2D9DE
#D5D7DD
#D8D5DD
#DBD2DC
#CAE3DC
#CEE0DB
#D1DEDA
#D5DBDA
#D8D8D9
#DCD5D8
#E0D2D7
#CAE8D7
#CEE4D6
#D3E1D5
#D7DDD4
#DCDAD3
#E0D6D2
#E6D2D1
#CAEDD2
#D0E9D1
#D5E4CF
#DBE0CE
#E0DCCD
#E6D7CC
#EDD2CA
Colorpallet from #CAD2ED to #D2CAED and to #D2EDCA
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CBD1ED
#CBD2EC
#CBD3EB
#CBD3EA
#CBD4E9
#CBD5E8
#CBD6E7
#CDCFED
#CDD1EB
#CDD3E9
#CDD5E8
#CDD7E6
#CDD9E4
#CDDBE2
#CECEED
#CED1EA
#CED3E8
#CED6E5
#CED9E2
#CEDCDF
#CEDFDC
#CFCDED
#CFD1E9
#CFD4E6
#CFD8E2
#CFDBDF
#CFDFDB
#CFE3D7
#D0CCED
#D0D0E9
#D0D5E4
#D0D9E0
#D0DEDB
#D0E2D7
#D0E8D1
#D2CAED
#D2D0E7
#D2D5E2
#D2DBDC
#D2E0D7
#D2E6D1
#D2EDCA
Colorpallet from #CAD2ED to #D2CAED and to #EDCAD2
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CBD1ED
#CCD1EC
#CDD1EC
#CDD1EB
#CED1EA
#CFD1EA
#D0D1E9
#CDCFED
#CECFEC
#D0CFEA
#D1CFE9
#D2CFE7
#D3CFE6
#D5CFE4
#CECEED
#D0CEEB
#D2CEE9
#D4CEE7
#D6CEE5
#D8CEE3
#DBCEE0
#CFCDED
#D2CDEA
#D4CDE8
#D7CDE5
#DACDE2
#DDCDDF
#E0CDDC
#D0CCED
#D4CCE9
#D7CCE6
#DBCCE2
#DECCDF
#E2CCDB
#E6CCD7
#D2CAED
#D6CAE9
#DBCAE4
#DFCAE0
#E3CADC
#E8CAD7
#EDCAD2
Colorpallet from #CAD2ED to #D2CAED and to #EDD2CA
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CBD1ED
#CCD1EC
#CDD1EB
#CDD1EA
#CED2E9
#CFD2E8
#D0D2E7
#CDCFED
#CECFEB
#D0D0E9
#D1D0E8
#D2D1E6
#D3D1E4
#D5D2E2
#CECEED
#D0CFEA
#D2CFE8
#D4D0E5
#D6D1E2
#D8D1DF
#DBD2DC
#CFCDED
#D2CEE9
#D4CFE6
#D7CFE2
#DAD0DF
#DDD1DB
#E0D2D7
#D0CCED
#D4CDE9
#D7CEE4
#DBCFE0
#DED0DB
#E2D1D7
#E6D2D1
#D2CAED
#D6CBE7
#DBCDE2
#DFCEDC
#E3CFD7
#E8D0D1
#EDD2CA
Colorpallet from #CAD2ED to #D2EDCA and to #EDCAD2
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CBD6E7
#CCD5E7
#CDD4E8
#CDD4E8
#CED3E8
#CFD2E9
#D0D1E9
#CDDBE2
#CED9E2
#D0D7E3
#D1D5E3
#D2D3E3
#D3D1E4
#D5CFE4
#CEDFDC
#D0DCDD
#D2DADD
#D4D7DE
#D6D4DF
#D8D1DF
#DBCEE0
#CFE3D7
#D2DFD8
#D4DCD9
#D7D8D9
#DAD5DA
#DDD1DB
#E0CDDC
#D0E8D1
#D4E4D2
#D7DFD3
#DBDBD4
#DED6D5
#E2D2D6
#E6CCD7
#D2EDCA
#D6E7CB
#DBE2CD
#DFDCCE
#E3D7CF
#E8D1D0
#EDCAD2
Colorpallet from #CAD2ED to #D2EDCA and to #EDD2CA
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CBD6E7
#CCD5E7
#CDD5E7
#CDD4E7
#CED3E7
#CFD3E7
#D0D2E7
#CDDBE2
#CEDAE2
#D0D8E2
#D1D7E2
#D2D5E2
#D3D4E2
#D5D2E2
#CEDFDC
#D0DDDC
#D2DBDC
#D4D9DC
#D6D7DC
#D8D5DC
#DBD2DC
#CFE3D7
#D2E0D7
#D4DED7
#D7DBD7
#DAD8D7
#DDD5D7
#E0D2D7
#D0E8D1
#D4E4D1
#D7E1D1
#DBDDD1
#DEDAD1
#E2D6D1
#E6D2D1
#D2EDCA
#D6E9CA
#DBE4CA
#DFE0CA
#E3DCCA
#E8D7CA
#EDD2CA
Colorpallet from #CAD2ED to #EDCAD2 and to #EDD2CA
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#CAD2ED
#D0D1E9
#D0D1E9
#D0D1E8
#D0D1E8
#D0D2E8
#D0D2E7
#D0D2E7
#D5CFE4
#D5CFE4
#D5D0E3
#D5D0E3
#D5D1E3
#D5D1E2
#D5D2E2
#DBCEE0
#DBCFDF
#DBCFDF
#DBD0DE
#DBD1DD
#DBD1DD
#DBD2DC
#E0CDDC
#E0CEDB
#E0CFDA
#E0CFDA
#E0D0D9
#E0D1D8
#E0D2D7
#E6CCD7
#E6CDD6
#E6CED5
#E6CFD4
#E6D0D3
#E6D1D2
#E6D2D1
#EDCAD2
#EDCBD1
#EDCDCF
#EDCECE
#EDCFCD
#EDD0CC
#EDD2CA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts