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 #BCDAAD to #BCADDA and to #DABCAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCD3B4
#BDD3B3
#BED4B2
#BED4B1
#BFD4B0
#C0D5AE
#C1D5AD
#BCCCBB
#BECDB9
#BFCDB7
#C1CEB4
#C2CFB2
#C4CFB0
#C6D0AD
#BCC4C3
#BEC5BF
#C0C7BC
#C3C8B8
#C5C9B5
#C7CAB1
#CACCAD
#BCBDCA
#BFBFC5
#C2C0C1
#C5C2BC
#C8C3B7
#CBC5B3
#CFC7AD
#BCB6D1
#C0B8CB
#C4BAC5
#C8BCC0
#CBBEBA
#CFC0B4
#D4C2AD
#BCADDA
#C1AFD3
#C6B2CC
#CAB4C4
#CFB7BD
#D4B9B6
#DABCAD
Colorpallet from #BCDAAD to #BCADDA and to #DAADBC
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCD3B4
#BDD3B3
#BED3B2
#BED3B2
#BFD3B1
#C0D3B0
#C1D3AF
#BCCCBB
#BECCBA
#BFCCB8
#C1CCB7
#C2CCB5
#C4CCB4
#C6CCB2
#BCC4C3
#BEC4C1
#C0C4BE
#C3C4BC
#C5C4B9
#C7C4B7
#CAC4B4
#BCBDCA
#BFBDC7
#C2BDC4
#C5BDC1
#C8BDBE
#CBBDBB
#CFBDB7
#BCB6D1
#C0B6CD
#C4B6C9
#C8B6C5
#CBB6C2
#CFB6BE
#D4B6B9
#BCADDA
#C1ADD5
#C6ADD0
#CAADCC
#CFADC7
#D4ADC2
#DAADBC
Colorpallet from #BCDAAD to #BCADDA and to #ADBCDA
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCD3B4
#BCD3B4
#BBD4B4
#BBD4B4
#BBD4B4
#BAD5B4
#BAD5B4
#BCCCBB
#BBCDBB
#BACDBB
#BACEBB
#B9CFBB
#B8CFBB
#B7D0BB
#BCC4C3
#BBC5C3
#BAC7C3
#B9C8C3
#B8C9C3
#B6CAC3
#B5CCC3
#BCBDCA
#BABFCA
#B9C0CA
#B7C2CA
#B6C3CA
#B4C5CA
#B2C7CA
#BCB6D1
#BAB8D1
#B8BAD1
#B6BCD1
#B4BED1
#B2C0D1
#B0C2D1
#BCADDA
#BAAFDA
#B7B2DA
#B5B4DA
#B2B7DA
#B0B9DA
#ADBCDA
Colorpallet from #BCDAAD to #BCADDA and to #ADDABC
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCD3B4
#BCD4B3
#BBD5B2
#BBD6B2
#BBD7B1
#BAD9B0
#BADAAF
#BCCCBB
#BBCEBA
#BAD0B8
#BAD3B7
#B9D5B5
#B8D7B4
#B7DAB2
#BCC4C3
#BBC8C1
#BACBBE
#B9CFBC
#B8D2B9
#B6D6B7
#B5DAB4
#BCBDCA
#BAC2C7
#B9C6C4
#B7CBC1
#B6D0BE
#B4D4BB
#B2DAB7
#BCB6D1
#BABCCD
#B8C2C9
#B6C7C5
#B4CDC2
#B2D3BE
#B0DAB9
#BCADDA
#BAB4D5
#B7BBD0
#B5C3CC
#B2CAC7
#B0D1C2
#ADDABC
Colorpallet from #BCDAAD to #DABCAD and to #DAADBC
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#C1D5AD
#C1D5AD
#C1D4AE
#C1D4AE
#C1D4AE
#C1D3AF
#C1D3AF
#C6D0AD
#C6CFAE
#C6CFAF
#C6CEAF
#C6CDB0
#C6CDB1
#C6CCB2
#CACCAD
#CACBAE
#CAC9AF
#CAC8B0
#CAC7B1
#CAC6B3
#CAC4B4
#CFC7AD
#CFC5AF
#CFC4B0
#CFC2B2
#CFC1B3
#CFBFB5
#CFBDB7
#D4C2AD
#D4C0AF
#D4BEB1
#D4BCB3
#D4BAB5
#D4B8B7
#D4B6B9
#DABCAD
#DABAAF
#DAB7B2
#DAB5B4
#DAB2B7
#DAB0B9
#DAADBC
Colorpallet from #BCDAAD to #DABCAD and to #ADBCDA
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#C1D5AD
#C0D5AE
#BFD5AF
#BED5B0
#BDD5B1
#BBD5B3
#BAD5B4
#C6D0AD
#C4D0AF
#C1D0B1
#BFD0B4
#BCD0B6
#BAD0B8
#B7D0BB
#CACCAD
#C7CCB1
#C3CCB4
#C0CCB8
#BDCCBB
#B9CCBF
#B5CCC3
#CFC7AD
#CAC7B2
#C6C7B6
#C1C7BB
#BCC7C0
#B8C7C4
#B2C7CA
#D4C2AD
#CEC2B3
#C8C2B9
#C3C2BE
#BDC2C4
#B7C2CA
#B0C2D1
#DABCAD
#D3BCB4
#CCBCBB
#C4BCC3
#BDBCCA
#B6BCD1
#ADBCDA
Colorpallet from #BCDAAD to #DABCAD and to #ADDABC
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#C1D5AD
#C0D6AD
#BFD7AE
#BED7AE
#BDD8AE
#BBD9AF
#BADAAF
#C6D0AD
#C4D2AE
#C1D3AF
#BFD5AF
#BCD6B0
#BAD8B1
#B7DAB2
#CACCAD
#C7CEAE
#C3D0AF
#C0D3B0
#BDD5B1
#B9D7B3
#B5DAB4
#CFC7AD
#CACAAF
#C6CDB0
#C1D0B2
#BCD3B3
#B8D6B5
#B2DAB7
#D4C2AD
#CEC6AF
#C8CAB1
#C3CEB3
#BDD1B5
#B7D5B7
#B0DAB9
#DABCAD
#D3C1AF
#CCC6B2
#C4CAB4
#BDCFB7
#B6D4B9
#ADDABC
Colorpallet from #BCDAAD to #DAADBC and to #ADBCDA
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#C1D3AF
#C0D3B0
#BFD4B1
#BED4B1
#BDD4B2
#BBD5B3
#BAD5B4
#C6CCB2
#C4CDB3
#C1CDB5
#BFCEB6
#BCCFB8
#BACFB9
#B7D0BB
#CAC4B4
#C7C5B6
#C3C7B9
#C0C8BB
#BDC9BE
#B9CAC0
#B5CCC3
#CFBDB7
#CABFBA
#C6C0BD
#C1C2C0
#BCC3C3
#B8C5C6
#B2C7CA
#D4B6B9
#CEB8BD
#C8BAC1
#C3BCC5
#BDBEC8
#B7C0CC
#B0C2D1
#DAADBC
#D3AFC1
#CCB2C6
#C4B4CA
#BDB7CF
#B6B9D4
#ADBCDA
Colorpallet from #BCDAAD to #DAADBC and to #ADDABC
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#C1D3AF
#C0D4AF
#BFD5AF
#BED6AF
#BDD7AF
#BBD9AF
#BADAAF
#C6CCB2
#C4CEB2
#C1D0B2
#BFD3B2
#BCD5B2
#BAD7B2
#B7DAB2
#CAC4B4
#C7C8B4
#C3CBB4
#C0CFB4
#BDD2B4
#B9D6B4
#B5DAB4
#CFBDB7
#CAC2B7
#C6C6B7
#C1CBB7
#BCD0B7
#B8D4B7
#B2DAB7
#D4B6B9
#CEBCB9
#C8C2B9
#C3C7B9
#BDCDB9
#B7D3B9
#B0DAB9
#DAADBC
#D3B4BC
#CCBBBC
#C4C3BC
#BDCABC
#B6D1BC
#ADDABC
Colorpallet from #BCDAAD to #ADBCDA and to #ADDABC
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BCDAAD
#BAD5B4
#BAD6B3
#BAD7B2
#BAD7B2
#BAD8B1
#BAD9B0
#BADAAF
#B7D0BB
#B7D2BA
#B7D3B8
#B7D5B7
#B7D6B5
#B7D8B4
#B7DAB2
#B5CCC3
#B5CEC1
#B5D0BE
#B5D3BC
#B5D5B9
#B5D7B7
#B5DAB4
#B2C7CA
#B2CAC7
#B2CDC4
#B2D0C1
#B2D3BE
#B2D6BB
#B2DAB7
#B0C2D1
#B0C6CD
#B0CAC9
#B0CEC5
#B0D1C2
#B0D5BE
#B0DAB9
#ADBCDA
#ADC1D5
#ADC6D0
#ADCACC
#ADCFC7
#ADD4C2
#ADDABC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts