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 #C1D2DA to #C1DAD2 and to #D2C1DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D3D9
#C1D2D9
#C2D2D9
#C2D1D9
#C3D0DA
#C3D0DA
#C4CFDA
#C1D5D7
#C2D4D7
#C3D2D8
#C3D1D8
#C4D0D9
#C5CFD9
#C6CDDA
#C1D6D6
#C2D4D7
#C4D2D7
#C5D0D8
#C6CED9
#C7CCD9
#C9CADA
#C1D7D5
#C3D4D6
#C5D2D7
#C6CFD7
#C8CDD8
#CACAD9
#CCC7DA
#C1D8D4
#C3D5D5
#C5D2D6
#C8CED7
#CACBD8
#CCC8D9
#CFC4DA
#C1DAD2
#C4D6D3
#C6D2D5
#C9CED6
#CCCAD7
#CFC6D8
#D2C1DA
Colorpallet from #C1D2DA to #C1DAD2 and to #D2DAC1
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D3D9
#C1D3D9
#C2D3D8
#C2D3D8
#C3D3D7
#C3D3D7
#C4D3D6
#C1D5D7
#C2D5D6
#C3D5D5
#C3D5D5
#C4D5D4
#C5D5D3
#C6D5D2
#C1D6D6
#C2D6D5
#C4D6D3
#C5D6D2
#C6D6D1
#C7D6D0
#C9D6CE
#C1D7D5
#C3D7D3
#C5D7D1
#C6D7D0
#C8D7CE
#CAD7CC
#CCD7CA
#C1D8D4
#C3D8D2
#C5D8D0
#C8D8CD
#CAD8CB
#CCD8C9
#CFD8C6
#C1DAD2
#C4DACF
#C6DACD
#C9DACA
#CCDAC7
#CFDAC4
#D2DAC1
Colorpallet from #C1D2DA to #C1DAD2 and to #DAC1D2
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D3D9
#C2D2D9
#C2D2D9
#C3D1D9
#C4D0D9
#C4D0D9
#C5CFD9
#C1D5D7
#C2D4D7
#C4D2D7
#C5D1D7
#C6D0D7
#C7CFD7
#C9CDD7
#C1D6D6
#C3D4D6
#C5D2D6
#C7D0D6
#C9CED6
#CBCCD6
#CDCAD6
#C1D7D5
#C4D4D5
#C6D2D5
#C9CFD5
#CBCDD5
#CECAD5
#D1C7D5
#C1D8D4
#C4D5D4
#C7D2D4
#CBCED4
#CECBD4
#D1C8D4
#D5C4D4
#C1DAD2
#C5D6D2
#C9D2D2
#CDCED2
#D1CAD2
#D5C6D2
#DAC1D2
Colorpallet from #C1D2DA to #C1DAD2 and to #DAD2C1
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D3D9
#C2D3D9
#C2D3D8
#C3D3D8
#C4D2D7
#C4D2D7
#C5D2D6
#C1D5D7
#C2D5D6
#C4D4D5
#C5D4D5
#C6D3D4
#C7D3D3
#C9D2D2
#C1D6D6
#C3D5D5
#C5D5D3
#C7D4D2
#C9D3D1
#CBD3D0
#CDD2CE
#C1D7D5
#C4D6D3
#C6D5D1
#C9D5D0
#CBD4CE
#CED3CC
#D1D2CA
#C1D8D4
#C4D7D2
#C7D6D0
#CBD5CD
#CED4CB
#D1D3C9
#D5D2C6
#C1DAD2
#C5D9CF
#C9D7CD
#CDD6CA
#D1D5C7
#D5D4C4
#DAD2C1
Colorpallet from #C1D2DA to #D2C1DA and to #D2DAC1
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C4CFDA
#C4D0D9
#C4D0D9
#C4D1D8
#C4D2D7
#C4D2D7
#C4D3D6
#C6CDDA
#C6CED9
#C6D0D7
#C6D1D6
#C6D2D5
#C6D3D4
#C6D5D2
#C9CADA
#C9CCD8
#C9CED6
#C9D0D4
#C9D2D2
#C9D4D0
#C9D6CE
#CCC7DA
#CCCAD7
#CCCCD5
#CCCFD2
#CCD1D0
#CCD4CD
#CCD7CA
#CFC4DA
#CFC7D7
#CFCAD4
#CFCED0
#CFD1CD
#CFD4CA
#CFD8C6
#D2C1DA
#D2C5D6
#D2C9D2
#D2CDCE
#D2D1CA
#D2D5C6
#D2DAC1
Colorpallet from #C1D2DA to #D2C1DA and to #DAC1D2
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C4CFDA
#C4CFDA
#C4CFDA
#C4CFDA
#C5CFD9
#C5CFD9
#C5CFD9
#C6CDDA
#C6CDDA
#C7CDD9
#C7CDD9
#C8CDD8
#C8CDD8
#C9CDD7
#C9CADA
#CACAD9
#CACAD9
#CBCAD8
#CCCAD7
#CCCAD7
#CDCAD6
#CCC7DA
#CDC7D9
#CEC7D8
#CEC7D8
#CFC7D7
#D0C7D6
#D1C7D5
#CFC4DA
#D0C4D9
#D1C4D8
#D2C4D7
#D3C4D6
#D4C4D5
#D5C4D4
#D2C1DA
#D3C1D9
#D5C1D7
#D6C1D6
#D7C1D5
#D8C1D4
#DAC1D2
Colorpallet from #C1D2DA to #D2C1DA and to #DAD2C1
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C4CFDA
#C4CFD9
#C4D0D9
#C4D0D8
#C5D1D7
#C5D1D7
#C5D2D6
#C6CDDA
#C6CED9
#C7CFD7
#C7CFD6
#C8D0D5
#C8D1D4
#C9D2D2
#C9CADA
#CACBD8
#CACDD6
#CBCED4
#CCCFD2
#CCD0D0
#CDD2CE
#CCC7DA
#CDC9D7
#CECBD5
#CECCD2
#CFCED0
#D0D0CD
#D1D2CA
#CFC4DA
#D0C6D7
#D1C8D4
#D2CBD0
#D3CDCD
#D4CFCA
#D5D2C6
#D2C1DA
#D3C4D6
#D5C6D2
#D6C9CE
#D7CCCA
#D8CFC6
#DAD2C1
Colorpallet from #C1D2DA to #D2DAC1 and to #DAC1D2
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C4D3D6
#C4D2D6
#C4D2D7
#C4D1D7
#C5D0D8
#C5D0D8
#C5CFD9
#C6D5D2
#C6D4D3
#C7D2D4
#C7D1D4
#C8D0D5
#C8CFD6
#C9CDD7
#C9D6CE
#CAD4CF
#CAD2D1
#CBD0D2
#CCCED3
#CCCCD4
#CDCAD6
#CCD7CA
#CDD4CC
#CED2CE
#CECFCF
#CFCDD1
#D0CAD3
#D1C7D5
#CFD8C6
#D0D5C8
#D1D2CA
#D2CECD
#D3CBCF
#D4C8D1
#D5C4D4
#D2DAC1
#D3D6C4
#D5D2C6
#D6CEC9
#D7CACC
#D8C6CF
#DAC1D2
Colorpallet from #C1D2DA to #D2DAC1 and to #DAD2C1
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C4D3D6
#C4D3D6
#C4D3D6
#C4D3D6
#C5D2D6
#C5D2D6
#C5D2D6
#C6D5D2
#C6D5D2
#C7D4D2
#C7D4D2
#C8D3D2
#C8D3D2
#C9D2D2
#C9D6CE
#CAD5CE
#CAD5CE
#CBD4CE
#CCD3CE
#CCD3CE
#CDD2CE
#CCD7CA
#CDD6CA
#CED5CA
#CED5CA
#CFD4CA
#D0D3CA
#D1D2CA
#CFD8C6
#D0D7C6
#D1D6C6
#D2D5C6
#D3D4C6
#D4D3C6
#D5D2C6
#D2DAC1
#D3D9C1
#D5D7C1
#D6D6C1
#D7D5C1
#D8D4C1
#DAD2C1
Colorpallet from #C1D2DA to #DAC1D2 and to #DAD2C1
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C1D2DA
#C5CFD9
#C5CFD9
#C5D0D8
#C5D0D8
#C5D1D7
#C5D1D7
#C5D2D6
#C9CDD7
#C9CED6
#C9CFD5
#C9CFD5
#C9D0D4
#C9D1D3
#C9D2D2
#CDCAD6
#CDCBD5
#CDCDD3
#CDCED2
#CDCFD1
#CDD0D0
#CDD2CE
#D1C7D5
#D1C9D3
#D1CBD1
#D1CCD0
#D1CECE
#D1D0CC
#D1D2CA
#D5C4D4
#D5C6D2
#D5C8D0
#D5CBCD
#D5CDCB
#D5CFC9
#D5D2C6
#DAC1D2
#DAC4CF
#DAC6CD
#DAC9CA
#DACCC7
#DACFC4
#DAD2C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts