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 #D1CCAD to #D1ADCC and to #CCD1AD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1C7B2
#D1C8B1
#D1C9B0
#D1CAB0
#D0CBAF
#D0CCAE
#D0CDAD
#D1C2B7
#D1C4B5
#D0C6B4
#D0C8B2
#D0CAB1
#CFCCAF
#CFCEAD
#D1BDBC
#D1C0BA
#D0C2B7
#D0C5B5
#D0C8B2
#CFCBB0
#CFCEAD
#D1B8C1
#D1BCBE
#D0BFBB
#D0C3B7
#CFC7B4
#CFCAB1
#CECFAD
#D1B3C6
#D0B8C2
#D0BCBE
#CFC1BA
#CEC6B6
#CECAB2
#CDD0AD
#D1ADCC
#D0B3C7
#CFB9C2
#CFBEBD
#CEC4B8
#CDCAB3
#CCD1AD
Colorpallet from #D1CCAD to #D1ADCC and to #CCADD1
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1C7B2
#D1C7B2
#D1C7B2
#D1C7B2
#D0C7B3
#D0C7B3
#D0C7B3
#D1C2B7
#D1C2B7
#D0C2B8
#D0C2B8
#D0C2B8
#CFC2B9
#CFC2B9
#D1BDBC
#D1BDBC
#D0BDBD
#D0BDBD
#D0BDBD
#CFBDBE
#CFBDBE
#D1B8C1
#D1B8C1
#D0B8C2
#D0B8C2
#CFB8C3
#CFB8C3
#CEB8C4
#D1B3C6
#D0B3C7
#D0B3C7
#CFB3C8
#CEB3C9
#CEB3C9
#CDB3CA
#D1ADCC
#D0ADCD
#CFADCE
#CFADCE
#CEADCF
#CDADD0
#CCADD1
Colorpallet from #D1CCAD to #D1ADCC and to #ADD1CC
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1C7B2
#D0C8B2
#CFC9B2
#CECAB2
#CDCBB2
#CCCCB2
#CBCDB2
#D1C2B7
#CFC4B7
#CDC6B7
#CBC8B7
#C9CAB7
#C7CCB7
#C5CEB7
#D1BDBC
#CEC0BC
#CCC2BC
#C9C5BC
#C6C8BC
#C3CBBC
#C0CEBC
#D1B8C1
#CDBCC1
#CABFC1
#C6C3C1
#C2C7C1
#BFCAC1
#BACFC1
#D1B3C6
#CCB8C6
#C8BCC6
#C3C1C6
#BEC6C6
#BACAC6
#B4D0C6
#D1ADCC
#CBB3CC
#C5B9CC
#C0BECC
#BAC4CC
#B4CACC
#ADD1CC
Colorpallet from #D1CCAD to #D1ADCC and to #ADCCD1
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1C7B2
#D0C8B2
#CFC9B2
#CEC9B2
#CDCAB3
#CCCBB3
#CBCCB3
#D1C2B7
#CFC4B7
#CDC5B8
#CBC7B8
#C9C8B8
#C7CAB9
#C5CCB9
#D1BDBC
#CEBFBC
#CCC2BD
#C9C4BD
#C6C7BD
#C3C9BE
#C0CCBE
#D1B8C1
#CDBBC1
#CABEC2
#C6C2C2
#C2C5C3
#BFC8C3
#BACCC4
#D1B3C6
#CCB7C7
#C8BBC7
#C3BFC8
#BEC3C9
#BAC7C9
#B4CCCA
#D1ADCC
#CBB2CD
#C5B7CE
#C0BCCE
#BAC1CF
#B4C6D0
#ADCCD1
Colorpallet from #D1CCAD to #CCD1AD and to #CCADD1
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D0CDAD
#D0CCAE
#D0CBAF
#D0CAB0
#D0C9B1
#D0C8B2
#D0C7B3
#CFCEAD
#CFCCAF
#CFCAB1
#CFC8B3
#CFC6B5
#CFC4B7
#CFC2B9
#CFCEAD
#CFCBB0
#CFC9B2
#CFC6B5
#CFC3B8
#CFC0BB
#CFBDBE
#CECFAD
#CECBB1
#CEC8B4
#CEC4B8
#CEC0BC
#CEBDBF
#CEB8C4
#CDD0AD
#CDCBB2
#CDC7B6
#CDC2BB
#CDBDC0
#CDB9C4
#CDB3CA
#CCD1AD
#CCCBB3
#CCC5B9
#CCC0BE
#CCBAC4
#CCB4CA
#CCADD1
Colorpallet from #D1CCAD to #CCD1AD and to #ADD1CC
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D0CDAD
#CFCDAE
#CECDAF
#CECDAF
#CDCDB0
#CCCDB1
#CBCDB2
#CFCEAD
#CDCEAF
#CCCEB0
#CACEB2
#C9CEB3
#C7CEB5
#C5CEB7
#CFCEAD
#CDCEAF
#CACEB2
#C8CEB4
#C5CEB7
#C3CEB9
#C0CEBC
#CECFAD
#CBCFB0
#C8CFB3
#C4CFB7
#C1CFBA
#BECFBD
#BACFC1
#CDD0AD
#C9D0B1
#C5D0B5
#C1D0B9
#BDD0BD
#B9D0C1
#B4D0C6
#CCD1AD
#C7D1B2
#C2D1B7
#BDD1BC
#B8D1C1
#B3D1C6
#ADD1CC
Colorpallet from #D1CCAD to #CCD1AD and to #ADCCD1
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D0CDAD
#CFCDAE
#CECDAF
#CECDB0
#CDCCB1
#CCCCB2
#CBCCB3
#CFCEAD
#CDCEAF
#CCCDB1
#CACDB3
#C9CDB5
#C7CCB7
#C5CCB9
#CFCEAD
#CDCEB0
#CACDB2
#C8CDB5
#C5CDB8
#C3CCBB
#C0CCBE
#CECFAD
#CBCFB1
#C8CEB4
#C4CEB8
#C1CDBC
#BECDBF
#BACCC4
#CDD0AD
#C9CFB2
#C5CFB6
#C1CEBB
#BDCDC0
#B9CDC4
#B4CCCA
#CCD1AD
#C7D0B3
#C2CFB9
#BDCFBE
#B8CEC4
#B3CDCA
#ADCCD1
Colorpallet from #D1CCAD to #CCADD1 and to #ADD1CC
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D0C7B3
#CFC8B3
#CEC9B3
#CECAB3
#CDCBB2
#CCCCB2
#CBCDB2
#CFC2B9
#CDC4B9
#CCC6B8
#CAC8B8
#C9CAB8
#C7CCB7
#C5CEB7
#CFBDBE
#CDC0BE
#CAC2BD
#C8C5BD
#C5C8BD
#C3CBBC
#C0CEBC
#CEB8C4
#CBBCC4
#C8BFC3
#C4C3C3
#C1C7C2
#BECAC2
#BACFC1
#CDB3CA
#C9B8C9
#C5BCC9
#C1C1C8
#BDC6C7
#B9CAC7
#B4D0C6
#CCADD1
#C7B3D0
#C2B9CF
#BDBECF
#B8C4CE
#B3CACD
#ADD1CC
Colorpallet from #D1CCAD to #CCADD1 and to #ADCCD1
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D0C7B3
#CFC8B3
#CEC9B3
#CEC9B3
#CDCAB3
#CCCBB3
#CBCCB3
#CFC2B9
#CDC4B9
#CCC5B9
#CAC7B9
#C9C8B9
#C7CAB9
#C5CCB9
#CFBDBE
#CDBFBE
#CAC2BE
#C8C4BE
#C5C7BE
#C3C9BE
#C0CCBE
#CEB8C4
#CBBBC4
#C8BEC4
#C4C2C4
#C1C5C4
#BEC8C4
#BACCC4
#CDB3CA
#C9B7CA
#C5BBCA
#C1BFCA
#BDC3CA
#B9C7CA
#B4CCCA
#CCADD1
#C7B2D1
#C2B7D1
#BDBCD1
#B8C1D1
#B3C6D1
#ADCCD1
Colorpallet from #D1CCAD to #ADD1CC and to #ADCCD1
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#D1CCAD
#CBCDB2
#CBCDB2
#CBCDB2
#CBCDB2
#CBCCB3
#CBCCB3
#CBCCB3
#C5CEB7
#C5CEB7
#C5CDB8
#C5CDB8
#C5CDB8
#C5CCB9
#C5CCB9
#C0CEBC
#C0CEBC
#C0CDBD
#C0CDBD
#C0CDBD
#C0CCBE
#C0CCBE
#BACFC1
#BACFC1
#BACEC2
#BACEC2
#BACDC3
#BACDC3
#BACCC4
#B4D0C6
#B4CFC7
#B4CFC7
#B4CEC8
#B4CDC9
#B4CDC9
#B4CCCA
#ADD1CC
#ADD0CD
#ADCFCE
#ADCFCE
#ADCECF
#ADCDD0
#ADCCD1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
