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 #CCAED8 to #CCD8AE and to #AECCD8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCB5D1
#CBB5D2
#CAB4D3
#CAB4D4
#C9B4D5
#C8B3D7
#C7B3D8
#CCBBCB
#CABBCD
#C9BACF
#C7BAD1
#C6B9D3
#C4B9D5
#C2B8D8
#CCC2C4
#CAC1C7
#C8C0CA
#C5BFCE
#C3BED1
#C1BDD4
#BEBCD8
#CCC9BD
#C9C8C1
#C6C6C6
#C3C5CA
#C0C4CE
#BDC3D3
#B9C1D8
#CCD0B6
#C8CEBB
#C4CDC1
#C0CBC6
#BDCACC
#B9C8D1
#B4C6D8
#CCD8AE
#C7D6B5
#C2D4BB
#BED2C2
#B9D0C9
#B4CED0
#AECCD8
Colorpallet from #CCAED8 to #CCD8AE and to #AED8CC
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCB5D1
#CBB5D2
#CAB5D3
#CAB5D3
#C9B5D4
#C8B5D5
#C7B5D6
#CCBBCB
#CABBCC
#C9BBCE
#C7BBCF
#C6BBD1
#C4BBD2
#C2BBD4
#CCC2C4
#CAC2C6
#C8C2C8
#C5C2CB
#C3C2CD
#C1C2CF
#BEC2D2
#CCC9BD
#C9C9C0
#C6C9C3
#C3C9C6
#C0C9C9
#BDC9CC
#B9C9D0
#CCD0B6
#C8D0BA
#C4D0BE
#C0D0C2
#BDD0C5
#B9D0C9
#B4D0CE
#CCD8AE
#C7D8B3
#C2D8B8
#BED8BC
#B9D8C1
#B4D8C6
#AED8CC
Colorpallet from #CCAED8 to #CCD8AE and to #D8CCAE
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCB5D1
#CCB5D1
#CDB4D1
#CDB4D1
#CDB4D1
#CEB3D1
#CEB3D1
#CCBBCB
#CDBBCB
#CDBACB
#CEBACB
#CFB9CB
#CFB9CB
#D0B8CB
#CCC2C4
#CDC1C4
#CEC0C4
#CFBFC4
#D0BEC4
#D1BDC4
#D2BCC4
#CCC9BD
#CDC8BD
#CFC6BD
#D0C5BD
#D1C4BD
#D2C3BD
#D4C1BD
#CCD0B6
#CECEB6
#CFCDB6
#D1CBB6
#D2CAB6
#D4C8B6
#D6C6B6
#CCD8AE
#CED6AE
#D0D4AE
#D2D2AE
#D4D0AE
#D6CEAE
#D8CCAE
Colorpallet from #CCAED8 to #CCD8AE and to #D8AECC
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCB5D1
#CCB4D2
#CDB3D3
#CDB2D3
#CDB1D4
#CEAFD5
#CEAED6
#CCBBCB
#CDB9CC
#CDB7CE
#CEB5CF
#CFB3D1
#CFB1D2
#D0AED4
#CCC2C4
#CDBFC6
#CEBCC8
#CFB8CB
#D0B5CD
#D1B2CF
#D2AED2
#CCC9BD
#CDC5C0
#CFC0C3
#D0BCC6
#D1B8C9
#D2B3CC
#D4AED0
#CCD0B6
#CECBBA
#CFC5BE
#D1C0C2
#D2BAC5
#D4B5C9
#D6AECE
#CCD8AE
#CED1B3
#D0CBB8
#D2C4BC
#D4BDC1
#D6B6C6
#D8AECC
Colorpallet from #CCAED8 to #AECCD8 and to #AED8CC
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#C7B3D8
#C7B3D8
#C7B4D7
#C7B4D7
#C7B4D7
#C7B5D6
#C7B5D6
#C2B8D8
#C2B8D7
#C2B9D7
#C2B9D6
#C2BAD5
#C2BAD5
#C2BBD4
#BEBCD8
#BEBDD7
#BEBED6
#BEBFD5
#BEC0D4
#BEC1D3
#BEC2D2
#B9C1D8
#B9C2D7
#B9C4D5
#B9C5D4
#B9C6D3
#B9C7D2
#B9C9D0
#B4C6D8
#B4C8D6
#B4C9D5
#B4CBD3
#B4CCD2
#B4CED0
#B4D0CE
#AECCD8
#AECED6
#AED0D4
#AED2D2
#AED4D0
#AED6CE
#AED8CC
Colorpallet from #CCAED8 to #AECCD8 and to #D8CCAE
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#C7B3D8
#C8B3D7
#C9B3D6
#CAB3D5
#CBB3D4
#CDB3D2
#CEB3D1
#C2B8D8
#C4B8D6
#C6B8D4
#C9B8D2
#CBB8D0
#CDB8CE
#D0B8CB
#BEBCD8
#C1BCD5
#C4BCD2
#C8BCCE
#CBBCCB
#CEBCC8
#D2BCC4
#B9C1D8
#BDC1D4
#C2C1CF
#C6C1CB
#CAC1C7
#CFC1C2
#D4C1BD
#B4C6D8
#B9C6D3
#BFC6CD
#C4C6C8
#CAC6C2
#CFC6BD
#D6C6B6
#AECCD8
#B5CCD1
#BBCCCB
#C2CCC4
#C9CCBD
#D0CCB6
#D8CCAE
Colorpallet from #CCAED8 to #AECCD8 and to #D8AECC
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#C7B3D8
#C8B2D8
#C9B1D7
#CAB1D7
#CBB0D7
#CDAFD6
#CEAED6
#C2B8D8
#C4B6D7
#C6B5D7
#C9B3D6
#CBB2D5
#CDB0D5
#D0AED4
#BEBCD8
#C1BAD7
#C4B8D6
#C8B5D5
#CBB3D4
#CEB1D3
#D2AED2
#B9C1D8
#BDBED7
#C2BBD5
#C6B8D4
#CAB5D3
#CFB2D2
#D4AED0
#B4C6D8
#B9C2D6
#BFBED5
#C4BAD3
#CAB7D2
#CFB3D0
#D6AECE
#AECCD8
#B5C7D6
#BBC2D4
#C2BED2
#C9B9D0
#D0B4CE
#D8AECC
Colorpallet from #CCAED8 to #AED8CC and to #D8CCAE
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#C7B5D6
#C8B5D5
#C9B4D4
#CAB4D4
#CBB4D3
#CDB3D2
#CEB3D1
#C2BBD4
#C4BBD3
#C6BAD1
#C9BAD0
#CBB9CE
#CDB9CD
#D0B8CB
#BEC2D2
#C1C1D0
#C4C0CE
#C8BFCB
#CBBEC9
#CEBDC7
#D2BCC4
#B9C9D0
#BDC8CD
#C2C6CA
#C6C5C7
#CAC4C4
#CFC3C1
#D4C1BD
#B4D0CE
#B9CECA
#BFCDC6
#C4CBC2
#CACABF
#CFC8BB
#D6C6B6
#AED8CC
#B5D6C7
#BBD4C2
#C2D2BE
#C9D0B9
#D0CEB4
#D8CCAE
Colorpallet from #CCAED8 to #AED8CC and to #D8AECC
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#C7B5D6
#C8B4D6
#C9B3D6
#CAB2D6
#CBB1D6
#CDAFD6
#CEAED6
#C2BBD4
#C4B9D4
#C6B7D4
#C9B5D4
#CBB3D4
#CDB1D4
#D0AED4
#BEC2D2
#C1BFD2
#C4BCD2
#C8B8D2
#CBB5D2
#CEB2D2
#D2AED2
#B9C9D0
#BDC5D0
#C2C0D0
#C6BCD0
#CAB8D0
#CFB3D0
#D4AED0
#B4D0CE
#B9CBCE
#BFC5CE
#C4C0CE
#CABACE
#CFB5CE
#D6AECE
#AED8CC
#B5D1CC
#BBCBCC
#C2C4CC
#C9BDCC
#D0B6CC
#D8AECC
Colorpallet from #CCAED8 to #D8CCAE and to #D8AECC
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CCAED8
#CEB3D1
#CEB2D2
#CEB1D3
#CEB1D3
#CEB0D4
#CEAFD5
#CEAED6
#D0B8CB
#D0B6CC
#D0B5CE
#D0B3CF
#D0B2D1
#D0B0D2
#D0AED4
#D2BCC4
#D2BAC6
#D2B8C8
#D2B5CB
#D2B3CD
#D2B1CF
#D2AED2
#D4C1BD
#D4BEC0
#D4BBC3
#D4B8C6
#D4B5C9
#D4B2CC
#D4AED0
#D6C6B6
#D6C2BA
#D6BEBE
#D6BAC2
#D6B7C5
#D6B3C9
#D6AECE
#D8CCAE
#D8C7B3
#D8C2B8
#D8BEBC
#D8B9C1
#D8B4C6
#D8AECC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts