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 #BFCDDD to #BFDDCD and to #CDBFDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFD0DA
#BFCFDA
#C0CEDB
#C0CEDB
#C0CDDC
#C1CCDC
#C1CBDD
#BFD2D8
#C0D1D9
#C0CFDA
#C1CEDA
#C2CCDB
#C2CBDC
#C3C9DD
#BFD5D5
#C0D3D6
#C1D0D8
#C2CED9
#C3CBDA
#C5C9DB
#C6C6DD
#BFD7D3
#C0D4D5
#C2D1D6
#C3CED8
#C5CBD9
#C6C8DB
#C8C4DD
#BFDAD0
#C1D6D2
#C3D2D4
#C4CED6
#C6CBD8
#C8C7DA
#CAC2DD
#BFDDCD
#C1D8D0
#C3D3D2
#C6CFD5
#C8CAD7
#CAC5DA
#CDBFDD
Colorpallet from #BFCDDD to #BFDDCD and to #CDDDBF
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFD0DA
#BFD0DA
#C0D0D9
#C0D0D9
#C0D0D9
#C1D0D8
#C1D0D8
#BFD2D8
#C0D2D7
#C0D2D6
#C1D2D6
#C2D2D5
#C2D2D4
#C3D2D3
#BFD5D5
#C0D5D4
#C1D5D3
#C2D5D2
#C3D5D1
#C5D5D0
#C6D5CF
#BFD7D3
#C0D7D2
#C2D7D0
#C3D7CF
#C5D7CD
#C6D7CC
#C8D7CA
#BFDAD0
#C1DACE
#C3DACC
#C4DACB
#C6DAC9
#C8DAC7
#CADAC5
#BFDDCD
#C1DDCB
#C3DDC9
#C6DDC6
#C8DDC4
#CADDC2
#CDDDBF
Colorpallet from #BFCDDD to #BFDDCD and to #DDBFCD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFD0DA
#C0CFDA
#C1CEDA
#C1CEDA
#C2CDDA
#C3CCDA
#C4CBDA
#BFD2D8
#C1D1D8
#C2CFD8
#C4CED8
#C5CCD8
#C7CBD8
#C9C9D8
#BFD5D5
#C1D3D5
#C3D0D5
#C6CED5
#C8CBD5
#CAC9D5
#CDC6D5
#BFD7D3
#C2D4D3
#C5D1D3
#C8CED3
#CBCBD3
#CEC8D3
#D2C4D3
#BFDAD0
#C3D6D0
#C7D2D0
#CBCED0
#CECBD0
#D2C7D0
#D7C2D0
#BFDDCD
#C4D8CD
#C9D3CD
#CDCFCD
#D2CACD
#D7C5CD
#DDBFCD
Colorpallet from #BFCDDD to #BFDDCD and to #DDCDBF
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFD0DA
#C0D0DA
#C1CFD9
#C1CFD9
#C2CED9
#C3CED8
#C4CDD8
#BFD2D8
#C1D1D7
#C2D0D6
#C4D0D6
#C5CFD5
#C7CED4
#C9CDD3
#BFD5D5
#C1D4D4
#C3D2D3
#C6D1D2
#C8D0D1
#CACFD0
#CDCDCF
#BFD7D3
#C2D5D2
#C5D4D0
#C8D2CF
#CBD1CD
#CECFCC
#D2CDCA
#BFDAD0
#C3D8CE
#C7D6CC
#CBD4CB
#CED2C9
#D2D0C7
#D7CDC5
#BFDDCD
#C4DACB
#C9D8C9
#CDD5C6
#D2D3C4
#D7D0C2
#DDCDBF
Colorpallet from #BFCDDD to #CDBFDD and to #CDDDBF
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#C1CBDD
#C1CCDC
#C1CDDB
#C1CDDB
#C1CEDA
#C1CFD9
#C1D0D8
#C3C9DD
#C3CADB
#C3CCDA
#C3CDD8
#C3CFD7
#C3D0D5
#C3D2D3
#C6C6DD
#C6C8DB
#C6CBD9
#C6CDD6
#C6D0D4
#C6D2D2
#C6D5CF
#C8C4DD
#C8C7DA
#C8CAD7
#C8CDD4
#C8D0D1
#C8D3CE
#C8D7CA
#CAC2DD
#CAC6D9
#CACAD5
#CACED1
#CAD1CE
#CAD5CA
#CADAC5
#CDBFDD
#CDC4D8
#CDC9D3
#CDCDCF
#CDD2CA
#CDD7C5
#CDDDBF
Colorpallet from #BFCDDD to #CDBFDD and to #DDBFCD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#C1CBDD
#C1CBDD
#C2CBDC
#C2CBDC
#C3CBDB
#C3CBDB
#C4CBDA
#C3C9DD
#C4C9DC
#C5C9DB
#C6C9DB
#C7C9DA
#C8C9D9
#C9C9D8
#C6C6DD
#C7C6DC
#C8C6DA
#C9C6D9
#CAC6D8
#CCC6D7
#CDC6D5
#C8C4DD
#CAC4DB
#CBC4DA
#CDC4D8
#CEC4D7
#D0C4D5
#D2C4D3
#CAC2DD
#CCC2DB
#CEC2D9
#D0C2D7
#D2C2D5
#D4C2D3
#D7C2D0
#CDBFDD
#D0BFDA
#D2BFD8
#D5BFD5
#D7BFD3
#DABFD0
#DDBFCD
Colorpallet from #BFCDDD to #CDBFDD and to #DDCDBF
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#C1CBDD
#C1CBDC
#C2CCDB
#C2CCDB
#C3CCDA
#C3CDD9
#C4CDD8
#C3C9DD
#C4CADB
#C5CADA
#C6CBD8
#C7CCD7
#C8CCD5
#C9CDD3
#C6C6DD
#C7C7DB
#C8C8D9
#C9C9D6
#CACAD4
#CCCCD2
#CDCDCF
#C8C4DD
#CAC5DA
#CBC7D7
#CDC8D4
#CECAD1
#D0CBCE
#D2CDCA
#CAC2DD
#CCC4D9
#CEC6D5
#D0C7D1
#D2C9CE
#D4CBCA
#D7CDC5
#CDBFDD
#D0C1D8
#D2C3D3
#D5C6CF
#D7C8CA
#DACAC5
#DDCDBF
Colorpallet from #BFCDDD to #CDDDBF and to #DDBFCD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#C1D0D8
#C1CFD8
#C2CED9
#C2CED9
#C3CDD9
#C3CCDA
#C4CBDA
#C3D2D3
#C4D1D4
#C5CFD5
#C6CED5
#C7CCD6
#C8CBD7
#C9C9D8
#C6D5CF
#C7D3D0
#C8D0D1
#C9CED2
#CACBD3
#CCC9D4
#CDC6D5
#C8D7CA
#CAD4CB
#CBD1CD
#CDCECE
#CECBD0
#D0C8D1
#D2C4D3
#CADAC5
#CCD6C7
#CED2C9
#D0CECA
#D2CBCC
#D4C7CE
#D7C2D0
#CDDDBF
#D0D8C1
#D2D3C3
#D5CFC6
#D7CAC8
#DAC5CA
#DDBFCD
Colorpallet from #BFCDDD to #CDDDBF and to #DDCDBF
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#C1D0D8
#C1D0D8
#C2CFD8
#C2CFD8
#C3CED8
#C3CED8
#C4CDD8
#C3D2D3
#C4D1D3
#C5D0D3
#C6D0D3
#C7CFD3
#C8CED3
#C9CDD3
#C6D5CF
#C7D4CF
#C8D2CF
#C9D1CF
#CAD0CF
#CCCFCF
#CDCDCF
#C8D7CA
#CAD5CA
#CBD4CA
#CDD2CA
#CED1CA
#D0CFCA
#D2CDCA
#CADAC5
#CCD8C5
#CED6C5
#D0D4C5
#D2D2C5
#D4D0C5
#D7CDC5
#CDDDBF
#D0DABF
#D2D8BF
#D5D5BF
#D7D3BF
#DAD0BF
#DDCDBF
Colorpallet from #BFCDDD to #DDBFCD and to #DDCDBF
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#BFCDDD
#C4CBDA
#C4CBDA
#C4CCD9
#C4CCD9
#C4CCD9
#C4CDD8
#C4CDD8
#C9C9D8
#C9CAD7
#C9CAD6
#C9CBD6
#C9CCD5
#C9CCD4
#C9CDD3
#CDC6D5
#CDC7D4
#CDC8D3
#CDC9D2
#CDCAD1
#CDCCD0
#CDCDCF
#D2C4D3
#D2C5D2
#D2C7D0
#D2C8CF
#D2CACD
#D2CBCC
#D2CDCA
#D7C2D0
#D7C4CE
#D7C6CC
#D7C7CB
#D7C9C9
#D7CBC7
#D7CDC5
#DDBFCD
#DDC1CB
#DDC3C9
#DDC6C6
#DDC8C4
#DDCAC2
#DDCDBF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts