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 #B2DACD to #B2CDDA and to #DAB2CD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2D8CF
#B3D7CF
#B4D7CE
#B5D6CE
#B6D5CE
#B7D5CD
#B8D4CD
#B2D6D1
#B4D5D0
#B6D3D0
#B8D2CF
#BAD0CE
#BCCFCE
#BFCDCD
#B2D4D3
#B5D2D2
#B8D0D1
#BBCED0
#BECCCF
#C1CACE
#C5C7CD
#B2D2D5
#B6CFD4
#BACCD2
#BEC9D1
#C3C6D0
#C7C4CF
#CCC0CD
#B2D0D7
#B7CCD5
#BCC9D4
#C1C5D2
#C6C2D1
#CCBECF
#D2BACD
#B2CDDA
#B8C9D8
#BFC4D6
#C5C0D4
#CCBCD2
#D2B7D0
#DAB2CD
Colorpallet from #B2DACD to #B2CDDA and to #DACDB2
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2D8CF
#B3D8CE
#B4D8CD
#B5D8CC
#B6D8CB
#B7D8CA
#B8D8C9
#B2D6D1
#B4D6CF
#B6D6CD
#B8D6CB
#BAD6C9
#BCD6C7
#BFD6C4
#B2D4D3
#B5D4D0
#B8D4CD
#BBD4CA
#BED4C7
#C1D4C4
#C5D4C0
#B2D2D5
#B6D2D1
#BAD2CD
#BED2C9
#C3D2C5
#C7D2C1
#CCD2BC
#B2D0D7
#B7D0D2
#BCD0CD
#C1D0C8
#C6D0C3
#CCD0BD
#D2D0B7
#B2CDDA
#B8CDD4
#BFCDCD
#C5CDC7
#CCCDC0
#D2CDBA
#DACDB2
Colorpallet from #B2DACD to #B2CDDA and to #CDB2DA
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2D8CF
#B3D7CF
#B3D7CF
#B4D6CF
#B5D5CF
#B5D5CF
#B6D4CF
#B2D6D1
#B3D5D1
#B5D3D1
#B6D2D1
#B8D0D1
#B9CFD1
#BBCDD1
#B2D4D3
#B4D2D3
#B6D0D3
#B8CED3
#BACCD3
#BCCAD3
#BFC7D3
#B2D2D5
#B5CFD5
#B7CCD5
#BAC9D5
#BDC6D5
#C0C4D5
#C3C0D5
#B2D0D7
#B6CCD7
#B9C9D7
#BDC5D7
#C0C2D7
#C4BED7
#C8BAD7
#B2CDDA
#B6C9DA
#BBC4DA
#BFC0DA
#C3BCDA
#C8B7DA
#CDB2DA
Colorpallet from #B2DACD to #B2CDDA and to #CDDAB2
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2D8CF
#B3D8CE
#B3D9CD
#B4D9CC
#B5D9CB
#B5DACA
#B6DAC9
#B2D6D1
#B3D7CF
#B5D7CD
#B6D8CB
#B8D9C9
#B9D9C7
#BBDAC4
#B2D4D3
#B4D5D0
#B6D6CD
#B8D7CA
#BAD8C7
#BCD9C4
#BFDAC0
#B2D2D5
#B5D3D1
#B7D5CD
#BAD6C9
#BDD7C5
#C0D8C1
#C3DABC
#B2D0D7
#B6D2D2
#B9D3CD
#BDD5C8
#C0D6C3
#C4D8BD
#C8DAB7
#B2CDDA
#B6CFD4
#BBD1CD
#BFD3C7
#C3D5C0
#C8D7BA
#CDDAB2
Colorpallet from #B2DACD to #DAB2CD and to #DACDB2
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B8D4CD
#B8D5CC
#B8D5CC
#B8D6CB
#B8D7CA
#B8D7CA
#B8D8C9
#BFCDCD
#BFCECC
#BFD0CA
#BFD1C9
#BFD3C7
#BFD4C6
#BFD6C4
#C5C7CD
#C5C9CB
#C5CBC9
#C5CDC7
#C5CFC5
#C5D1C3
#C5D4C0
#CCC0CD
#CCC3CA
#CCC6C8
#CCC9C5
#CCCCC2
#CCCEBF
#CCD2BC
#D2BACD
#D2BEC9
#D2C1C6
#D2C5C2
#D2C8BF
#D2CCBB
#D2D0B7
#DAB2CD
#DAB6C9
#DABBC4
#DABFC0
#DAC3BC
#DAC8B7
#DACDB2
Colorpallet from #B2DACD to #DAB2CD and to #CDB2DA
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B8D4CD
#B8D4CD
#B7D4CE
#B7D4CE
#B7D4CE
#B6D4CF
#B6D4CF
#BFCDCD
#BECDCE
#BECDCE
#BDCDCF
#BCCDD0
#BCCDD0
#BBCDD1
#C5C7CD
#C4C7CE
#C3C7CF
#C2C7D0
#C1C7D1
#C0C7D2
#BFC7D3
#CCC0CD
#CBC0CE
#C9C0D0
#C8C0D1
#C6C0D2
#C5C0D3
#C3C0D5
#D2BACD
#D0BACF
#CFBAD0
#CDBAD2
#CCBAD3
#CABAD5
#C8BAD7
#DAB2CD
#D8B2CF
#D6B2D1
#D4B2D3
#D2B2D5
#D0B2D7
#CDB2DA
Colorpallet from #B2DACD to #DAB2CD and to #CDDAB2
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B8D4CD
#B8D5CC
#B7D6CC
#B7D7CB
#B7D8CA
#B6D9CA
#B6DAC9
#BFCDCD
#BECFCC
#BED1CA
#BDD3C9
#BCD5C7
#BCD7C6
#BBDAC4
#C5C7CD
#C4CACB
#C3CDC9
#C2D0C7
#C1D3C5
#C0D6C3
#BFDAC0
#CCC0CD
#CBC4CA
#C9C8C8
#C8CCC5
#C6D1C2
#C5D5BF
#C3DABC
#D2BACD
#D0BFC9
#CFC4C6
#CDC9C2
#CCCEBF
#CAD4BB
#C8DAB7
#DAB2CD
#D8B8C9
#D6BFC4
#D4C5C0
#D2CCBC
#D0D2B7
#CDDAB2
Colorpallet from #B2DACD to #DACDB2 and to #CDB2DA
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B8D8C9
#B8D7CA
#B7D7CB
#B7D6CC
#B7D5CD
#B6D5CE
#B6D4CF
#BFD6C4
#BED5C6
#BED3C8
#BDD2CA
#BCD0CC
#BCCFCE
#BBCDD1
#C5D4C0
#C4D2C3
#C3D0C6
#C2CEC9
#C1CCCC
#C0CACF
#BFC7D3
#CCD2BC
#CBCFC0
#C9CCC4
#C8C9C8
#C6C6CC
#C5C4D0
#C3C0D5
#D2D0B7
#D0CCBC
#CFC9C1
#CDC5C6
#CCC2CB
#CABED1
#C8BAD7
#DACDB2
#D8C9B8
#D6C4BF
#D4C0C5
#D2BCCC
#D0B7D2
#CDB2DA
Colorpallet from #B2DACD to #DACDB2 and to #CDDAB2
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B8D8C9
#B8D8C9
#B7D9C9
#B7D9C9
#B7D9C9
#B6DAC9
#B6DAC9
#BFD6C4
#BED7C4
#BED7C4
#BDD8C4
#BCD9C4
#BCD9C4
#BBDAC4
#C5D4C0
#C4D5C0
#C3D6C0
#C2D7C0
#C1D8C0
#C0D9C0
#BFDAC0
#CCD2BC
#CBD3BC
#C9D5BC
#C8D6BC
#C6D7BC
#C5D8BC
#C3DABC
#D2D0B7
#D0D2B7
#CFD3B7
#CDD5B7
#CCD6B7
#CAD8B7
#C8DAB7
#DACDB2
#D8CFB2
#D6D1B2
#D4D3B2
#D2D5B2
#D0D7B2
#CDDAB2
Colorpallet from #B2DACD to #CDB2DA and to #CDDAB2
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B2DACD
#B6D4CF
#B6D5CE
#B6D6CD
#B6D7CC
#B6D8CB
#B6D9CA
#B6DAC9
#BBCDD1
#BBCFCF
#BBD1CD
#BBD3CB
#BBD5C9
#BBD7C7
#BBDAC4
#BFC7D3
#BFCAD0
#BFCDCD
#BFD0CA
#BFD3C7
#BFD6C4
#BFDAC0
#C3C0D5
#C3C4D1
#C3C8CD
#C3CCC9
#C3D1C5
#C3D5C1
#C3DABC
#C8BAD7
#C8BFD2
#C8C4CD
#C8C9C8
#C8CEC3
#C8D4BD
#C8DAB7
#CDB2DA
#CDB8D4
#CDBFCD
#CDC5C7
#CDCCC0
#CDD2BA
#CDDAB2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts