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 #CCD0AE to #CCAED0 and to #D0CCAE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCCBB3
#CCCCB2
#CCCCB1
#CCCDB1
#CDCEB0
#CDCEAF
#CDCFAE
#CCC5B9
#CCC7B7
#CCC8B5
#CCCAB4
#CDCBB2
#CDCDB0
#CDCFAE
#CCC0BE
#CCC2BB
#CDC4B9
#CDC7B6
#CDC9B4
#CECBB1
#CECEAE
#CCBAC4
#CCBDC0
#CDC0BD
#CDC3B9
#CEC6B6
#CEC9B2
#CFCDAE
#CCB5C9
#CCB9C5
#CDBDC0
#CDC1BC
#CEC4B8
#CEC8B3
#CFCDAE
#CCAED0
#CDB3CB
#CDB8C5
#CEBCC0
#CFC1BA
#CFC6B5
#D0CCAE
Colorpallet from #CCD0AE to #CCAED0 and to #D0AECC
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCCBB3
#CCCBB3
#CCCBB3
#CCCBB3
#CDCBB3
#CDCBB3
#CDCBB3
#CCC5B9
#CCC5B9
#CCC5B9
#CCC5B9
#CDC5B8
#CDC5B8
#CDC5B8
#CCC0BE
#CCC0BE
#CDC0BD
#CDC0BD
#CDC0BD
#CEC0BC
#CEC0BC
#CCBAC4
#CCBAC4
#CDBAC3
#CDBAC3
#CEBAC2
#CEBAC2
#CFBAC1
#CCB5C9
#CCB5C9
#CDB5C8
#CDB5C8
#CEB5C7
#CEB5C7
#CFB5C6
#CCAED0
#CDAECF
#CDAECF
#CEAECE
#CFAECD
#CFAECD
#D0AECC
Colorpallet from #CCD0AE to #CCAED0 and to #AECCD0
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCCBB3
#CBCCB3
#CACCB3
#CACDB3
#C9CEB3
#C8CEB3
#C7CFB3
#CCC5B9
#CAC7B9
#C9C8B9
#C7CAB9
#C6CBB9
#C4CDB9
#C2CFB9
#CCC0BE
#CAC2BE
#C8C4BE
#C5C7BE
#C3C9BE
#C1CBBE
#BECEBE
#CCBAC4
#C9BDC4
#C6C0C4
#C3C3C4
#C0C6C4
#BDC9C4
#B9CDC4
#CCB5C9
#C8B9C9
#C4BDC9
#C0C1C9
#BDC4C9
#B9C8C9
#B4CDC9
#CCAED0
#C7B3D0
#C2B8D0
#BEBCD0
#B9C1D0
#B4C6D0
#AECCD0
Colorpallet from #CCD0AE to #CCAED0 and to #AED0CC
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCCBB3
#CBCCB3
#CACDB3
#CACDB3
#C9CEB3
#C8CFB3
#C7D0B3
#CCC5B9
#CAC7B9
#C9C9B9
#C7CAB9
#C6CCB8
#C4CEB8
#C2D0B8
#CCC0BE
#CAC3BE
#C8C5BD
#C5C8BD
#C3CABD
#C1CDBC
#BED0BC
#CCBAC4
#C9BEC4
#C6C1C3
#C3C5C3
#C0C8C2
#BDCCC2
#B9D0C1
#CCB5C9
#C8B9C9
#C4BEC8
#C0C2C8
#BDC6C7
#B9CBC7
#B4D0C6
#CCAED0
#C7B3CF
#C2B9CF
#BEBECE
#B9C4CD
#B4C9CD
#AED0CC
Colorpallet from #CCD0AE to #D0CCAE and to #D0AECC
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CDCFAE
#CDCEAF
#CDCEB0
#CDCDB0
#CDCCB1
#CDCCB2
#CDCBB3
#CDCFAE
#CDCDB0
#CDCCB1
#CDCAB3
#CDC9B4
#CDC7B6
#CDC5B8
#CECEAE
#CECCB0
#CECAB2
#CEC7B5
#CEC5B7
#CEC3B9
#CEC0BC
#CFCDAE
#CFCAB1
#CFC7B4
#CFC4B7
#CFC1BA
#CFBEBD
#CFBAC1
#CFCDAE
#CFC9B2
#CFC5B6
#CFC1BA
#CFBEBD
#CFBAC1
#CFB5C6
#D0CCAE
#D0C7B3
#D0C2B8
#D0BEBC
#D0B9C1
#D0B4C6
#D0AECC
Colorpallet from #CCD0AE to #D0CCAE and to #AECCD0
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CDCFAE
#CCCFAF
#CBCFB0
#CACFB0
#C9CFB1
#C8CFB2
#C7CFB3
#CDCFAE
#CBCFB0
#C9CFB2
#C8CFB3
#C6CFB5
#C4CFB7
#C2CFB9
#CECEAE
#CBCEB1
#C9CEB3
#C6CEB6
#C4CEB8
#C1CEBB
#BECEBE
#CFCDAE
#CBCDB2
#C8CDB5
#C4CDB9
#C1CDBC
#BDCDC0
#B9CDC4
#CFCDAE
#CBCDB2
#C6CDB7
#C2CDBB
#BECDBF
#B9CDC4
#B4CDC9
#D0CCAE
#CBCCB3
#C5CCB9
#C0CCBE
#BACCC4
#B5CCC9
#AECCD0
Colorpallet from #CCD0AE to #D0CCAE and to #AED0CC
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CDCFAE
#CCCFAF
#CBCFB0
#CACFB0
#C9D0B1
#C8D0B2
#C7D0B3
#CDCFAE
#CBCFB0
#C9CFB1
#C8CFB3
#C6D0B4
#C4D0B6
#C2D0B8
#CECEAE
#CBCEB0
#C9CFB2
#C6CFB5
#C4CFB7
#C1D0B9
#BED0BC
#CFCDAE
#CBCDB1
#C8CEB4
#C4CEB7
#C1CFBA
#BDCFBD
#B9D0C1
#CFCDAE
#CBCDB2
#C6CEB6
#C2CEBA
#BECFBD
#B9CFC1
#B4D0C6
#D0CCAE
#CBCDB3
#C5CDB8
#C0CEBC
#BACFC1
#B5CFC6
#AED0CC
Colorpallet from #CCD0AE to #D0AECC and to #AECCD0
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CDCBB3
#CCCCB3
#CBCCB3
#CACDB3
#C9CEB3
#C8CEB3
#C7CFB3
#CDC5B8
#CBC7B8
#C9C8B8
#C8CAB8
#C6CBB9
#C4CDB9
#C2CFB9
#CEC0BC
#CBC2BC
#C9C4BD
#C6C7BD
#C4C9BD
#C1CBBE
#BECEBE
#CFBAC1
#CBBDC1
#C8C0C2
#C4C3C2
#C1C6C3
#BDC9C3
#B9CDC4
#CFB5C6
#CBB9C6
#C6BDC7
#C2C1C7
#BEC4C8
#B9C8C8
#B4CDC9
#D0AECC
#CBB3CD
#C5B8CD
#C0BCCE
#BAC1CF
#B5C6CF
#AECCD0
Colorpallet from #CCD0AE to #D0AECC and to #AED0CC
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CDCBB3
#CCCCB3
#CBCDB3
#CACDB3
#C9CEB3
#C8CFB3
#C7D0B3
#CDC5B8
#CBC7B8
#C9C9B8
#C8CAB8
#C6CCB8
#C4CEB8
#C2D0B8
#CEC0BC
#CBC3BC
#C9C5BC
#C6C8BC
#C4CABC
#C1CDBC
#BED0BC
#CFBAC1
#CBBEC1
#C8C1C1
#C4C5C1
#C1C8C1
#BDCCC1
#B9D0C1
#CFB5C6
#CBB9C6
#C6BEC6
#C2C2C6
#BEC6C6
#B9CBC6
#B4D0C6
#D0AECC
#CBB3CC
#C5B9CC
#C0BECC
#BAC4CC
#B5C9CC
#AED0CC
Colorpallet from #CCD0AE to #AECCD0 and to #AED0CC
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#CCD0AE
#C7CFB3
#C7CFB3
#C7CFB3
#C7CFB3
#C7D0B3
#C7D0B3
#C7D0B3
#C2CFB9
#C2CFB9
#C2CFB9
#C2CFB9
#C2D0B8
#C2D0B8
#C2D0B8
#BECEBE
#BECEBE
#BECFBD
#BECFBD
#BECFBD
#BED0BC
#BED0BC
#B9CDC4
#B9CDC4
#B9CEC3
#B9CEC3
#B9CFC2
#B9CFC2
#B9D0C1
#B4CDC9
#B4CDC9
#B4CEC8
#B4CEC8
#B4CFC7
#B4CFC7
#B4D0C6
#AECCD0
#AECDCF
#AECDCF
#AECECE
#AECFCD
#AECFCD
#AED0CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
