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 #C2CDDD to #C2DDCD and to #CDC2DD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2D0DA
#C2CFDA
#C3CEDB
#C3CEDB
#C3CDDC
#C4CCDC
#C4CBDD
#C2D2D8
#C3D1D9
#C3CFDA
#C4CEDA
#C5CCDB
#C5CBDC
#C6C9DD
#C2D5D5
#C3D3D6
#C4D1D8
#C4CFD9
#C5CDDA
#C6CBDB
#C7C8DD
#C2D7D3
#C3D4D5
#C4D2D6
#C5CFD8
#C6CCD9
#C8C9DB
#C9C6DD
#C2DAD0
#C3D6D2
#C5D3D4
#C6CFD6
#C8CCD8
#C9C8DA
#CBC4DD
#C2DDCD
#C4D9D0
#C6D4D2
#C7D0D5
#C9CCD7
#CBC7DA
#CDC2DD
Colorpallet from #C2CDDD to #C2DDCD and to #CDDDC2
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2D0DA
#C2D0DA
#C3D0DA
#C3D0DA
#C3D0D9
#C4D0D9
#C4D0D9
#C2D2D8
#C3D2D7
#C3D2D7
#C4D2D6
#C5D2D5
#C5D2D5
#C6D2D4
#C2D5D5
#C3D5D4
#C4D5D3
#C4D5D3
#C5D5D2
#C6D5D1
#C7D5D0
#C2D7D3
#C3D7D2
#C4D7D1
#C5D7D0
#C6D7CF
#C8D7CD
#C9D7CC
#C2DAD0
#C3DACF
#C5DACD
#C6DACC
#C8DACA
#C9DAC9
#CBDAC7
#C2DDCD
#C4DDCB
#C6DDC9
#C7DDC8
#C9DDC6
#CBDDC4
#CDDDC2
Colorpallet from #C2CDDD to #C2DDCD and to #DDC2CD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2D0DA
#C3CFDA
#C3CEDA
#C4CEDA
#C5CDDA
#C5CCDA
#C6CBDA
#C2D2D8
#C3D1D8
#C5CFD8
#C6CED8
#C8CCD8
#C9CBD8
#CBC9D8
#C2D5D5
#C4D3D5
#C6D1D5
#C8CFD5
#CACDD5
#CCCBD5
#CFC8D5
#C2D7D3
#C5D4D3
#C7D2D3
#CACFD3
#CDCCD3
#D0C9D3
#D3C6D3
#C2DAD0
#C6D6D0
#C9D3D0
#CDCFD0
#D0CCD0
#D4C8D0
#D8C4D0
#C2DDCD
#C6D9CD
#CBD4CD
#CFD0CD
#D3CCCD
#D8C7CD
#DDC2CD
Colorpallet from #C2CDDD to #C2DDCD and to #DDCDC2
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2D0DA
#C3D0DA
#C3CFDA
#C4CFDA
#C5CED9
#C5CED9
#C6CDD9
#C2D2D8
#C3D1D7
#C5D0D7
#C6D0D6
#C8CFD5
#C9CED5
#CBCDD4
#C2D5D5
#C4D4D4
#C6D2D3
#C8D1D3
#CAD0D2
#CCCFD1
#CFCDD0
#C2D7D3
#C5D5D2
#C7D4D1
#CAD2D0
#CDD1CF
#D0CFCD
#D3CDCC
#C2DAD0
#C6D8CF
#C9D6CD
#CDD4CC
#D0D2CA
#D4D0C9
#D8CDC7
#C2DDCD
#C6DACB
#CBD8C9
#CFD5C8
#D3D3C6
#D8D0C4
#DDCDC2
Colorpallet from #C2CDDD to #CDC2DD and to #CDDDC2
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C4CBDD
#C4CCDC
#C4CDDC
#C4CDDB
#C4CEDA
#C4CFDA
#C4D0D9
#C6C9DD
#C6CADC
#C6CCDA
#C6CDD9
#C6CFD7
#C6D0D6
#C6D2D4
#C7C8DD
#C7CADB
#C7CCD9
#C7CED7
#C7D0D5
#C7D2D3
#C7D5D0
#C9C6DD
#C9C9DA
#C9CBD8
#C9CED5
#C9D1D2
#C9D4CF
#C9D7CC
#CBC4DD
#CBC8D9
#CBCBD6
#CBCFD2
#CBD2CF
#CBD6CB
#CBDAC7
#CDC2DD
#CDC6D9
#CDCBD4
#CDCFD0
#CDD3CC
#CDD8C7
#CDDDC2
Colorpallet from #C2CDDD to #CDC2DD and to #DDC2CD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C4CBDD
#C4CBDD
#C5CBDC
#C5CBDC
#C5CBDB
#C6CBDB
#C6CBDA
#C6C9DD
#C7C9DC
#C8C9DB
#C8C9DB
#C9C9DA
#CAC9D9
#CBC9D8
#C7C8DD
#C8C8DC
#CAC8DA
#CBC8D9
#CCC8D8
#CDC8D7
#CFC8D5
#C9C6DD
#CBC6DB
#CCC6DA
#CEC6D8
#CFC6D7
#D1C6D5
#D3C6D3
#CBC4DD
#CDC4DB
#CFC4D9
#D1C4D7
#D3C4D5
#D5C4D3
#D8C4D0
#CDC2DD
#D0C2DA
#D2C2D8
#D5C2D5
#D7C2D3
#DAC2D0
#DDC2CD
Colorpallet from #C2CDDD to #CDC2DD and to #DDCDC2
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C4CBDD
#C4CBDC
#C5CCDC
#C5CCDB
#C5CCDA
#C6CDDA
#C6CDD9
#C6C9DD
#C7CADC
#C8CADA
#C8CBD9
#C9CCD7
#CACCD6
#CBCDD4
#C7C8DD
#C8C9DB
#CACAD9
#CBCAD7
#CCCBD5
#CDCCD3
#CFCDD0
#C9C6DD
#CBC7DA
#CCC8D8
#CEC9D5
#CFCAD2
#D1CCCF
#D3CDCC
#CBC4DD
#CDC5D9
#CFC7D6
#D1C8D2
#D3CACF
#D5CBCB
#D8CDC7
#CDC2DD
#D0C4D9
#D2C6D4
#D5C7D0
#D7C9CC
#DACBC7
#DDCDC2
Colorpallet from #C2CDDD to #CDDDC2 and to #DDC2CD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C4D0D9
#C4CFD9
#C5CED9
#C5CED9
#C5CDDA
#C6CCDA
#C6CBDA
#C6D2D4
#C7D1D5
#C8CFD5
#C8CED6
#C9CCD7
#CACBD7
#CBC9D8
#C7D5D0
#C8D3D1
#CAD1D2
#CBCFD2
#CCCDD3
#CDCBD4
#CFC8D5
#C9D7CC
#CBD4CD
#CCD2CE
#CECFCF
#CFCCD0
#D1C9D2
#D3C6D3
#CBDAC7
#CDD6C8
#CFD3CA
#D1CFCB
#D3CCCD
#D5C8CE
#D8C4D0
#CDDDC2
#D0D9C4
#D2D4C6
#D5D0C7
#D7CCC9
#DAC7CB
#DDC2CD
Colorpallet from #C2CDDD to #CDDDC2 and to #DDCDC2
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C4D0D9
#C4D0D9
#C5CFD9
#C5CFD9
#C5CED9
#C6CED9
#C6CDD9
#C6D2D4
#C7D1D4
#C8D0D4
#C8D0D4
#C9CFD4
#CACED4
#CBCDD4
#C7D5D0
#C8D4D0
#CAD2D0
#CBD1D0
#CCD0D0
#CDCFD0
#CFCDD0
#C9D7CC
#CBD5CC
#CCD4CC
#CED2CC
#CFD1CC
#D1CFCC
#D3CDCC
#CBDAC7
#CDD8C7
#CFD6C7
#D1D4C7
#D3D2C7
#D5D0C7
#D8CDC7
#CDDDC2
#D0DAC2
#D2D8C2
#D5D5C2
#D7D3C2
#DAD0C2
#DDCDC2
Colorpallet from #C2CDDD to #DDC2CD and to #DDCDC2
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C2CDDD
#C6CBDA
#C6CBDA
#C6CCDA
#C6CCDA
#C6CCD9
#C6CDD9
#C6CDD9
#CBC9D8
#CBCAD7
#CBCAD7
#CBCBD6
#CBCCD5
#CBCCD5
#CBCDD4
#CFC8D5
#CFC9D4
#CFCAD3
#CFCAD3
#CFCBD2
#CFCCD1
#CFCDD0
#D3C6D3
#D3C7D2
#D3C8D1
#D3C9D0
#D3CACF
#D3CCCD
#D3CDCC
#D8C4D0
#D8C5CF
#D8C7CD
#D8C8CC
#D8CACA
#D8CBC9
#D8CDC7
#DDC2CD
#DDC4CB
#DDC6C9
#DDC7C8
#DDC9C6
#DDCBC4
#DDCDC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts