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 #BFC1ED to #BFEDC1 and to #C1BFED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC8E6
#BFC7E7
#BFC6E8
#BFC5E9
#BFC4EA
#BFC2EC
#BFC1ED
#BFCFDF
#BFCDE1
#BFCAE3
#BFC8E6
#C0C5E8
#C0C3EA
#C0C0ED
#BFD6D8
#BFD2DB
#BFCFDF
#BFCBE2
#C0C8E5
#C0C4E9
#C0C0ED
#BFDDD1
#BFD8D5
#BFD4DA
#BFCFDE
#C0CAE3
#C0C6E7
#C0C0ED
#BFE4CA
#BFDED0
#C0D8D5
#C0D2DB
#C0CCE0
#C1C6E6
#C1BFED
#BFEDC1
#BFE6C8
#C0DECF
#C0D7D6
#C0D0DD
#C1C8E4
#C1BFED
Colorpallet from #BFC1ED to #BFEDC1 and to #C1EDBF
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC8E6
#BFC8E6
#BFC8E6
#BFC8E6
#BFC8E6
#BFC8E6
#BFC8E6
#BFCFDF
#BFCFDF
#BFCFDF
#BFCFDF
#C0CFDE
#C0CFDE
#C0CFDE
#BFD6D8
#BFD6D8
#BFD6D8
#BFD6D8
#C0D6D7
#C0D6D7
#C0D6D7
#BFDDD1
#BFDDD1
#BFDDD1
#BFDDD1
#C0DDD0
#C0DDD0
#C0DDD0
#BFE4CA
#BFE4CA
#C0E4C9
#C0E4C9
#C0E4C9
#C1E4C8
#C1E4C8
#BFEDC1
#BFEDC1
#C0EDC0
#C0EDC0
#C0EDC0
#C1EDBF
#C1EDBF
Colorpallet from #BFC1ED to #BFEDC1 and to #EDBFC1
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC8E6
#C0C7E6
#C1C6E6
#C2C5E6
#C3C4E6
#C5C2E6
#C6C1E6
#BFCFDF
#C1CDDF
#C4CADF
#C6C8DF
#C9C5DF
#CBC3DF
#CEC0DF
#BFD6D8
#C3D2D8
#C6CFD8
#CACBD8
#CDC8D8
#D1C4D8
#D5C0D8
#BFDDD1
#C4D8D1
#C8D4D1
#CDCFD1
#D2CAD1
#D6C6D1
#DCC0D1
#BFE4CA
#C5DECA
#CBD8CA
#D1D2CA
#D7CCCA
#DDC6CA
#E4BFCA
#BFEDC1
#C6E6C1
#CEDEC1
#D5D7C1
#DCD0C1
#E4C8C1
#EDBFC1
Colorpallet from #BFC1ED to #BFEDC1 and to #EDC1BF
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC8E6
#C0C7E6
#C1C6E6
#C2C5E6
#C3C4E6
#C5C2E6
#C6C1E6
#BFCFDF
#C1CDDF
#C4CBDF
#C6C8DF
#C9C6DE
#CBC4DE
#CEC1DE
#BFD6D8
#C3D3D8
#C6CFD8
#CACCD8
#CDC9D7
#D1C5D7
#D5C1D7
#BFDDD1
#C4D9D1
#C8D4D1
#CDD0D1
#D2CBD0
#D6C7D0
#DCC1D0
#BFE4CA
#C5DECA
#CBD9C9
#D1D3C9
#D7CEC9
#DDC8C8
#E4C1C8
#BFEDC1
#C6E6C1
#CEDFC0
#D5D8C0
#DCD1C0
#E4CABF
#EDC1BF
Colorpallet from #BFC1ED to #C1BFED and to #C1EDBF
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC2EC
#BFC3EB
#BFC4EA
#BFC5E9
#BFC7E7
#BFC8E6
#C0C0ED
#C0C2EB
#C0C5E8
#C0C7E6
#C0CAE3
#C0CCE1
#C0CFDE
#C0C0ED
#C0C4E9
#C0C7E6
#C0CBE2
#C0CEDF
#C0D2DB
#C0D6D7
#C0C0ED
#C0C5E8
#C0C9E4
#C0CEDF
#C0D3DA
#C0D7D6
#C0DDD0
#C1BFED
#C1C5E7
#C1CBE1
#C1D1DB
#C1D7D5
#C1DDCF
#C1E4C8
#C1BFED
#C1C6E6
#C1CEDE
#C1D5D7
#C1DCD0
#C1E4C8
#C1EDBF
Colorpallet from #BFC1ED to #C1BFED and to #EDBFC1
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#C0C1EC
#C1C1EB
#C2C1EA
#C3C1E9
#C5C1E7
#C6C1E6
#C0C0ED
#C2C0EB
#C4C0E9
#C7C0E6
#C9C0E4
#CBC0E2
#CEC0DF
#C0C0ED
#C3C0EA
#C7C0E6
#CAC0E3
#CDC0E0
#D1C0DC
#D5C0D8
#C0C0ED
#C4C0E9
#C9C0E4
#CDC0E0
#D2C0DB
#D6C0D7
#DCC0D1
#C1BFED
#C7BFE7
#CCBFE2
#D2BFDC
#D7BFD7
#DDBFD1
#E4BFCA
#C1BFED
#C8BFE6
#CFBFDF
#D6BFD8
#DDBFD1
#E4BFCA
#EDBFC1
Colorpallet from #BFC1ED to #C1BFED and to #EDC1BF
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#C0C1EC
#C1C1EB
#C2C1EA
#C3C1E9
#C5C1E7
#C6C1E6
#C0C0ED
#C2C0EB
#C4C0E8
#C7C0E6
#C9C1E3
#CBC1E1
#CEC1DE
#C0C0ED
#C3C0E9
#C7C0E6
#CAC0E2
#CDC1DF
#D1C1DB
#D5C1D7
#C0C0ED
#C4C0E8
#C9C0E4
#CDC0DF
#D2C1DA
#D6C1D6
#DCC1D0
#C1BFED
#C7BFE7
#CCC0E1
#D2C0DB
#D7C0D5
#DDC1CF
#E4C1C8
#C1BFED
#C8BFE6
#CFC0DE
#D6C0D7
#DDC0D0
#E4C1C8
#EDC1BF
Colorpallet from #BFC1ED to #C1EDBF and to #EDBFC1
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC8E6
#C0C7E6
#C1C6E6
#C2C5E6
#C3C4E6
#C5C2E6
#C6C1E6
#C0CFDE
#C2CDDE
#C4CADE
#C7C8DE
#C9C5DF
#CBC3DF
#CEC0DF
#C0D6D7
#C3D2D7
#C7CFD7
#CACBD7
#CDC8D8
#D1C4D8
#D5C0D8
#C0DDD0
#C4D8D0
#C9D4D0
#CDCFD0
#D2CAD1
#D6C6D1
#DCC0D1
#C1E4C8
#C7DEC8
#CCD8C9
#D2D2C9
#D7CCC9
#DDC6CA
#E4BFCA
#C1EDBF
#C8E6BF
#CFDEC0
#D6D7C0
#DDD0C0
#E4C8C1
#EDBFC1
Colorpallet from #BFC1ED to #C1EDBF and to #EDC1BF
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC8E6
#C0C7E6
#C1C6E6
#C2C5E6
#C3C4E6
#C5C2E6
#C6C1E6
#C0CFDE
#C2CDDE
#C4CBDE
#C7C8DE
#C9C6DE
#CBC4DE
#CEC1DE
#C0D6D7
#C3D3D7
#C7CFD7
#CACCD7
#CDC9D7
#D1C5D7
#D5C1D7
#C0DDD0
#C4D9D0
#C9D4D0
#CDD0D0
#D2CBD0
#D6C7D0
#DCC1D0
#C1E4C8
#C7DEC8
#CCD9C8
#D2D3C8
#D7CEC8
#DDC8C8
#E4C1C8
#C1EDBF
#C8E6BF
#CFDFBF
#D6D8BF
#DDD1BF
#E4CABF
#EDC1BF
Colorpallet from #BFC1ED to #EDBFC1 and to #EDC1BF
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#BFC1ED
#C6C1E6
#C6C1E6
#C6C1E6
#C6C1E6
#C6C1E6
#C6C1E6
#C6C1E6
#CEC0DF
#CEC0DF
#CEC0DF
#CEC0DF
#CEC1DE
#CEC1DE
#CEC1DE
#D5C0D8
#D5C0D8
#D5C0D8
#D5C0D8
#D5C1D7
#D5C1D7
#D5C1D7
#DCC0D1
#DCC0D1
#DCC0D1
#DCC0D1
#DCC1D0
#DCC1D0
#DCC1D0
#E4BFCA
#E4BFCA
#E4C0C9
#E4C0C9
#E4C0C9
#E4C1C8
#E4C1C8
#EDBFC1
#EDBFC1
#EDC0C0
#EDC0C0
#EDC0C0
#EDC1BF
#EDC1BF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts