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 #CCADD2 to #CCD2AD and to #ADCCD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCB3CC
#CBB3CD
#CAB3CE
#CAB3CF
#C9B2D0
#C8B2D1
#C7B2D2
#CCB9C6
#CAB9C8
#C9B8CA
#C7B8CC
#C6B8CE
#C4B7D0
#C2B7D2
#CCBFC0
#CABFC3
#C7BEC6
#C5BEC9
#C2BDCC
#C0BDCE
#BDBCD2
#CCC5BA
#C9C4BE
#C6C4C2
#C2C3C6
#BFC2C9
#BCC2CD
#B8C1D2
#CCCBB4
#C8CAB9
#C4C9BE
#C0C9C2
#BCC8C7
#B8C7CC
#B3C6D2
#CCD2AD
#C7D1B3
#C2D0B9
#BDCFBF
#B8CEC5
#B3CDCB
#ADCCD2
Colorpallet from #CCADD2 to #CCD2AD and to #ADD2CC
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCB3CC
#CBB3CD
#CAB3CE
#CAB3CE
#C9B3CF
#C8B3D0
#C7B3D1
#CCB9C6
#CAB9C8
#C9B9C9
#C7B9CB
#C6B9CC
#C4B9CE
#C2B9D0
#CCBFC0
#CABFC2
#C7BFC5
#C5BFC7
#C2BFCA
#C0BFCC
#BDBFCF
#CCC5BA
#C9C5BD
#C6C5C0
#C2C5C4
#BFC5C7
#BCC5CA
#B8C5CE
#CCCBB4
#C8CBB8
#C4CBBC
#C0CBC0
#BCCBC4
#B8CBC8
#B3CBCD
#CCD2AD
#C7D2B2
#C2D2B7
#BDD2BC
#B8D2C1
#B3D2C6
#ADD2CC
Colorpallet from #CCADD2 to #CCD2AD and to #D2CCAD
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCB3CC
#CCB3CC
#CCB3CC
#CCB3CC
#CDB2CC
#CDB2CC
#CDB2CC
#CCB9C6
#CCB9C6
#CDB8C6
#CDB8C6
#CDB8C6
#CEB7C6
#CEB7C6
#CCBFC0
#CCBFC0
#CDBEC0
#CDBEC0
#CEBDC0
#CEBDC0
#CFBCC0
#CCC5BA
#CDC4BA
#CDC4BA
#CEC3BA
#CFC2BA
#CFC2BA
#D0C1BA
#CCCBB4
#CDCAB4
#CEC9B4
#CEC9B4
#CFC8B4
#D0C7B4
#D1C6B4
#CCD2AD
#CDD1AD
#CED0AD
#CFCFAD
#D0CEAD
#D1CDAD
#D2CCAD
Colorpallet from #CCADD2 to #CCD2AD and to #D2ADCC
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCB3CC
#CCB2CD
#CCB1CE
#CCB0CE
#CDAFCF
#CDAED0
#CDADD1
#CCB9C6
#CCB7C8
#CDB5C9
#CDB3CB
#CDB1CC
#CEAFCE
#CEADD0
#CCBFC0
#CCBCC2
#CDB9C5
#CDB6C7
#CEB3CA
#CEB1CC
#CFADCF
#CCC5BA
#CDC1BD
#CDBDC0
#CEB9C4
#CFB6C7
#CFB2CA
#D0ADCE
#CCCBB4
#CDC6B8
#CEC1BC
#CEBDC0
#CFB8C4
#D0B3C8
#D1ADCD
#CCD2AD
#CDCCB2
#CEC6B7
#CFC0BC
#D0BAC1
#D1B4C6
#D2ADCC
Colorpallet from #CCADD2 to #ADCCD2 and to #ADD2CC
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#C7B2D2
#C7B2D2
#C7B2D2
#C7B2D2
#C7B3D1
#C7B3D1
#C7B3D1
#C2B7D2
#C2B7D2
#C2B8D1
#C2B8D1
#C2B8D1
#C2B9D0
#C2B9D0
#BDBCD2
#BDBCD2
#BDBDD1
#BDBDD1
#BDBED0
#BDBED0
#BDBFCF
#B8C1D2
#B8C2D1
#B8C2D1
#B8C3D0
#B8C4CF
#B8C4CF
#B8C5CE
#B3C6D2
#B3C7D1
#B3C8D0
#B3C8D0
#B3C9CF
#B3CACE
#B3CBCD
#ADCCD2
#ADCDD1
#ADCED0
#ADCFCF
#ADD0CE
#ADD1CD
#ADD2CC
Colorpallet from #CCADD2 to #ADCCD2 and to #D2CCAD
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#C7B2D2
#C8B2D1
#C9B2D0
#CAB2CF
#CBB2CE
#CCB2CD
#CDB2CC
#C2B7D2
#C4B7D0
#C6B7CE
#C8B7CC
#CAB7CA
#CCB7C8
#CEB7C6
#BDBCD2
#C0BCCF
#C3BCCC
#C6BCC9
#C9BCC6
#CBBCC4
#CFBCC0
#B8C1D2
#BCC1CE
#C0C1CA
#C4C1C6
#C7C1C3
#CBC1BF
#D0C1BA
#B3C6D2
#B8C6CD
#BDC6C8
#C1C6C4
#C6C6BF
#CBC6BA
#D1C6B4
#ADCCD2
#B3CCCC
#B9CCC6
#BFCCC0
#C5CCBA
#CBCCB4
#D2CCAD
Colorpallet from #CCADD2 to #ADCCD2 and to #D2ADCC
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#C7B2D2
#C8B1D2
#C9B0D2
#CAB0D2
#CBAFD1
#CCAED1
#CDADD1
#C2B7D2
#C4B5D2
#C6B4D1
#C8B2D1
#CAB1D1
#CCAFD0
#CEADD0
#BDBCD2
#C0BAD2
#C3B7D1
#C6B5D1
#C9B2D0
#CBB0D0
#CFADCF
#B8C1D2
#BCBED1
#C0BBD1
#C4B7D0
#C7B4CF
#CBB1CF
#D0ADCE
#B3C6D2
#B8C2D1
#BDBED0
#C1BAD0
#C6B6CF
#CBB2CE
#D1ADCD
#ADCCD2
#B3C7D1
#B9C2D0
#BFBDCF
#C5B8CE
#CBB3CD
#D2ADCC
Colorpallet from #CCADD2 to #ADD2CC and to #D2CCAD
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#C7B3D1
#C8B3D0
#C9B3CF
#CAB3CF
#CBB2CE
#CCB2CD
#CDB2CC
#C2B9D0
#C4B9CE
#C6B8CD
#C8B8CB
#CAB8CA
#CCB7C8
#CEB7C6
#BDBFCF
#C0BFCD
#C3BECA
#C6BEC8
#C9BDC5
#CBBDC3
#CFBCC0
#B8C5CE
#BCC4CB
#C0C4C8
#C4C3C4
#C7C2C1
#CBC2BE
#D0C1BA
#B3CBCD
#B8CAC9
#BDC9C5
#C1C9C1
#C6C8BD
#CBC7B9
#D1C6B4
#ADD2CC
#B3D1C7
#B9D0C2
#BFCFBD
#C5CEB8
#CBCDB3
#D2CCAD
Colorpallet from #CCADD2 to #ADD2CC and to #D2ADCC
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#C7B3D1
#C8B2D1
#C9B1D1
#CAB0D1
#CBAFD1
#CCAED1
#CDADD1
#C2B9D0
#C4B7D0
#C6B5D0
#C8B3D0
#CAB1D0
#CCAFD0
#CEADD0
#BDBFCF
#C0BCCF
#C3B9CF
#C6B6CF
#C9B3CF
#CBB1CF
#CFADCF
#B8C5CE
#BCC1CE
#C0BDCE
#C4B9CE
#C7B6CE
#CBB2CE
#D0ADCE
#B3CBCD
#B8C6CD
#BDC1CD
#C1BDCD
#C6B8CD
#CBB3CD
#D1ADCD
#ADD2CC
#B3CCCC
#B9C6CC
#BFC0CC
#C5BACC
#CBB4CC
#D2ADCC
Colorpallet from #CCADD2 to #D2CCAD and to #D2ADCC
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CCADD2
#CDB2CC
#CDB1CD
#CDB0CE
#CDB0CE
#CDAFCF
#CDAED0
#CDADD1
#CEB7C6
#CEB5C8
#CEB4C9
#CEB2CB
#CEB1CC
#CEAFCE
#CEADD0
#CFBCC0
#CFBAC2
#CFB7C5
#CFB5C7
#CFB2CA
#CFB0CC
#CFADCF
#D0C1BA
#D0BEBD
#D0BBC0
#D0B7C4
#D0B4C7
#D0B1CA
#D0ADCE
#D1C6B4
#D1C2B8
#D1BEBC
#D1BAC0
#D1B6C4
#D1B2C8
#D1ADCD
#D2CCAD
#D2C7B2
#D2C2B7
#D2BDBC
#D2B8C1
#D2B3C6
#D2ADCC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts