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 #C8D2DE to #C8DED2 and to #D2C8DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D4DC
#C8D3DC
#C9D3DD
#C9D2DD
#C9D1DD
#CAD1DE
#CAD0DE
#C8D6DA
#C8D5DB
#C9D4DB
#C9D3DC
#CAD2DD
#CAD0DD
#CBCFDE
#C8D8D8
#C9D6D9
#CAD4DA
#CAD3DB
#CBD1DC
#CCCFDD
#CDCDDE
#C8DAD6
#C9D8D7
#CAD6D9
#CBD3DA
#CCD1DB
#CDCFDC
#CECCDE
#C8DCD4
#C9D9D6
#CBD6D7
#CCD3D9
#CDD0DA
#CECEDC
#D0CADE
#C8DED2
#CADAD4
#CBD7D6
#CDD3D8
#CED0DA
#D0CCDC
#D2C8DE
Colorpallet from #C8D2DE to #C8DED2 and to #D2DEC8
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D4DC
#C8D4DC
#C9D4DB
#C9D4DB
#C9D4DB
#CAD4DA
#CAD4DA
#C8D6DA
#C8D6DA
#C9D6D9
#C9D6D9
#CAD6D8
#CAD6D8
#CBD6D7
#C8D8D8
#C9D8D7
#CAD8D6
#CAD8D6
#CBD8D5
#CCD8D4
#CDD8D3
#C8DAD6
#C9DAD5
#CADAD4
#CBDAD3
#CCDAD2
#CDDAD1
#CEDAD0
#C8DCD4
#C9DCD3
#CBDCD1
#CCDCD0
#CDDCCF
#CEDCCE
#D0DCCC
#C8DED2
#CADED0
#CBDECF
#CDDECD
#CEDECC
#D0DECA
#D2DEC8
Colorpallet from #C8D2DE to #C8DED2 and to #DEC8D2
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D4DC
#C9D3DC
#C9D3DC
#CAD2DC
#CBD1DC
#CBD1DC
#CCD0DC
#C8D6DA
#C9D5DA
#CAD4DA
#CBD3DA
#CCD2DA
#CED0DA
#CFCFDA
#C8D8D8
#CAD6D8
#CCD4D8
#CDD3D8
#CFD1D8
#D1CFD8
#D3CDD8
#C8DAD6
#CAD8D6
#CCD6D6
#CFD3D6
#D1D1D6
#D3CFD6
#D6CCD6
#C8DCD4
#CBD9D4
#CED6D4
#D1D3D4
#D4D0D4
#D6CED4
#DACAD4
#C8DED2
#CCDAD2
#CFD7D2
#D3D3D2
#D6D0D2
#DACCD2
#DEC8D2
Colorpallet from #C8D2DE to #C8DED2 and to #DED2C8
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D4DC
#C9D4DC
#C9D3DB
#CAD3DB
#CBD3DB
#CBD2DA
#CCD2DA
#C8D6DA
#C9D5DA
#CAD5D9
#CBD4D9
#CCD3D8
#CED3D8
#CFD2D7
#C8D8D8
#CAD7D7
#CCD6D6
#CDD5D6
#CFD4D5
#D1D3D4
#D3D2D3
#C8DAD6
#CAD9D5
#CCD7D4
#CFD6D3
#D1D5D2
#D3D4D1
#D6D2D0
#C8DCD4
#CBDAD3
#CED9D1
#D1D7D0
#D4D6CF
#D6D4CE
#DAD2CC
#C8DED2
#CCDCD0
#CFDACF
#D3D8CD
#D6D6CC
#DAD4CA
#DED2C8
Colorpallet from #C8D2DE to #D2C8DE and to #D2DEC8
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#CAD0DE
#CAD1DD
#CAD1DD
#CAD2DC
#CAD3DB
#CAD3DB
#CAD4DA
#CBCFDE
#CBD0DD
#CBD1DC
#CBD2DB
#CBD3DA
#CBD5D8
#CBD6D7
#CDCDDE
#CDCFDC
#CDD1DA
#CDD2D9
#CDD4D7
#CDD6D5
#CDD8D3
#CECCDE
#CECEDC
#CED0DA
#CED3D7
#CED5D5
#CED7D3
#CEDAD0
#D0CADE
#D0CDDB
#D0D0D8
#D0D3D5
#D0D6D2
#D0D8D0
#D0DCCC
#D2C8DE
#D2CCDA
#D2CFD7
#D2D3D3
#D2D6D0
#D2DACC
#D2DEC8
Colorpallet from #C8D2DE to #D2C8DE and to #DEC8D2
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#CAD0DE
#CAD0DE
#CBD0DD
#CBD0DD
#CBD0DD
#CCD0DC
#CCD0DC
#CBCFDE
#CCCFDD
#CCCFDD
#CDCFDC
#CECFDB
#CECFDB
#CFCFDA
#CDCDDE
#CECDDD
#CFCDDC
#D0CDDB
#D1CDDA
#D2CDD9
#D3CDD8
#CECCDE
#CFCCDD
#D1CCDB
#D2CCDA
#D3CCD9
#D4CCD8
#D6CCD6
#D0CADE
#D2CADC
#D3CADB
#D5CAD9
#D6CAD8
#D8CAD6
#DACAD4
#D2C8DE
#D4C8DC
#D6C8DA
#D8C8D8
#DAC8D6
#DCC8D4
#DEC8D2
Colorpallet from #C8D2DE to #D2C8DE and to #DED2C8
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#CAD0DE
#CAD0DD
#CBD1DD
#CBD1DC
#CBD1DB
#CCD2DB
#CCD2DA
#CBCFDE
#CCCFDD
#CCD0DC
#CDD0DB
#CED1DA
#CED1D8
#CFD2D7
#CDCDDE
#CECEDC
#CFCFDA
#D0CFD9
#D1D0D7
#D2D1D5
#D3D2D3
#CECCDE
#CFCDDC
#D1CEDA
#D2CFD7
#D3D0D5
#D4D1D3
#D6D2D0
#D0CADE
#D2CBDB
#D3CDD8
#D5CED5
#D6CFD2
#D8D0D0
#DAD2CC
#D2C8DE
#D4CADA
#D6CBD7
#D8CDD3
#DACED0
#DCD0CC
#DED2C8
Colorpallet from #C8D2DE to #D2DEC8 and to #DEC8D2
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#CAD4DA
#CAD3DA
#CBD3DB
#CBD2DB
#CBD1DB
#CCD1DC
#CCD0DC
#CBD6D7
#CCD5D7
#CCD4D8
#CDD3D8
#CED2D9
#CED0D9
#CFCFDA
#CDD8D3
#CED6D4
#CFD4D5
#D0D3D5
#D1D1D6
#D2CFD7
#D3CDD8
#CEDAD0
#CFD8D1
#D1D6D2
#D2D3D3
#D3D1D4
#D4CFD5
#D6CCD6
#D0DCCC
#D2D9CD
#D3D6CF
#D5D3D0
#D6D0D1
#D8CED2
#DACAD4
#D2DEC8
#D4DACA
#D6D7CB
#D8D3CD
#DAD0CE
#DCCCD0
#DEC8D2
Colorpallet from #C8D2DE to #D2DEC8 and to #DED2C8
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#CAD4DA
#CAD4DA
#CBD3DA
#CBD3DA
#CBD3DA
#CCD2DA
#CCD2DA
#CBD6D7
#CCD5D7
#CCD5D7
#CDD4D7
#CED3D7
#CED3D7
#CFD2D7
#CDD8D3
#CED7D3
#CFD6D3
#D0D5D3
#D1D4D3
#D2D3D3
#D3D2D3
#CEDAD0
#CFD9D0
#D1D7D0
#D2D6D0
#D3D5D0
#D4D4D0
#D6D2D0
#D0DCCC
#D2DACC
#D3D9CC
#D5D7CC
#D6D6CC
#D8D4CC
#DAD2CC
#D2DEC8
#D4DCC8
#D6DAC8
#D8D8C8
#DAD6C8
#DCD4C8
#DED2C8
Colorpallet from #C8D2DE to #DEC8D2 and to #DED2C8
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#C8D2DE
#CCD0DC
#CCD0DC
#CCD1DB
#CCD1DB
#CCD1DB
#CCD2DA
#CCD2DA
#CFCFDA
#CFCFDA
#CFD0D9
#CFD0D9
#CFD1D8
#CFD1D8
#CFD2D7
#D3CDD8
#D3CED7
#D3CFD6
#D3CFD6
#D3D0D5
#D3D1D4
#D3D2D3
#D6CCD6
#D6CDD5
#D6CED4
#D6CFD3
#D6D0D2
#D6D1D1
#D6D2D0
#DACAD4
#DACBD3
#DACDD1
#DACED0
#DACFCF
#DAD0CE
#DAD2CC
#DEC8D2
#DECAD0
#DECBCF
#DECDCD
#DECECC
#DED0CA
#DED2C8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
