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 #B8D8C4 to #B8C4D8 and to #D8B8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D5C7
#B9D5C7
#BAD4C6
#BAD4C6
#BBD4C5
#BCD3C5
#BDD3C4
#B8D2CA
#BAD1C9
#BBD1C8
#BDD0C7
#BECFC6
#C0CFC5
#C2CEC4
#B8CECE
#BACDCC
#BDCCCB
#BFCCC9
#C2CBC8
#C4CAC6
#C7C9C4
#B8CBD1
#BBCACF
#BEC9CD
#C2C8CB
#C5C7C9
#C8C5C7
#CCC4C4
#B8C8D4
#BCC6D1
#C0C5CF
#C4C3CC
#C9C2CA
#CDC0C7
#D2BEC4
#B8C4D8
#BDC2D5
#C2C0D2
#C7BECE
#CCBCCB
#D2BAC8
#D8B8C4
Colorpallet from #B8D8C4 to #B8C4D8 and to #D8C4B8
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D5C7
#B9D5C6
#BAD5C5
#BAD5C5
#BBD5C4
#BCD5C3
#BDD5C2
#B8D2CA
#BAD2C8
#BBD2C7
#BDD2C5
#BED2C4
#C0D2C2
#C2D2C0
#B8CECE
#BACECB
#BDCEC9
#BFCEC6
#C2CEC4
#C4CEC1
#C7CEBE
#B8CBD1
#BBCBCE
#BECBCA
#C2CBC7
#C5CBC4
#C8CBC0
#CCCBBC
#B8C8D4
#BCC8D0
#C0C8CC
#C4C8C8
#C9C8C3
#CDC8BF
#D2C8BA
#B8C4D8
#BDC4D3
#C2C4CE
#C7C4C9
#CCC4C4
#D2C4BE
#D8C4B8
Colorpallet from #B8D8C4 to #B8C4D8 and to #C4B8D8
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D5C7
#B8D5C7
#B9D4C7
#B9D4C7
#B9D4C7
#BAD3C7
#BAD3C7
#B8D2CA
#B9D1CA
#B9D1CA
#BAD0CA
#BBCFCA
#BBCFCA
#BCCECA
#B8CECE
#B9CDCE
#BACCCE
#BBCCCE
#BCCBCE
#BDCACE
#BEC9CE
#B8CBD1
#B9CAD1
#BBC9D1
#BCC8D1
#BDC7D1
#BEC5D1
#C0C4D1
#B8C8D4
#BAC6D4
#BBC5D4
#BDC3D4
#BEC2D4
#C0C0D4
#C2BED4
#B8C4D8
#BAC2D8
#BCC0D8
#BEBED8
#C0BCD8
#C2BAD8
#C4B8D8
Colorpallet from #B8D8C4 to #B8C4D8 and to #C4D8B8
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D5C7
#B8D5C6
#B9D6C5
#B9D6C5
#B9D7C4
#BAD7C3
#BAD8C2
#B8D2CA
#B9D3C8
#B9D4C7
#BAD5C5
#BBD6C4
#BBD7C2
#BCD8C0
#B8CECE
#B9D0CB
#BAD1C9
#BBD3C6
#BCD4C4
#BDD6C1
#BED8BE
#B8CBD1
#B9CDCE
#BBCFCA
#BCD1C7
#BDD3C4
#BED5C0
#C0D8BC
#B8C8D4
#BACBD0
#BBCDCC
#BDD0C8
#BED2C3
#C0D5BF
#C2D8BA
#B8C4D8
#BAC7D3
#BCCACE
#BECEC9
#C0D1C4
#C2D4BE
#C4D8B8
Colorpallet from #B8D8C4 to #D8B8C4 and to #D8C4B8
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#BDD3C4
#BDD3C4
#BDD4C3
#BDD4C3
#BDD4C3
#BDD5C2
#BDD5C2
#C2CEC4
#C2CFC3
#C2CFC3
#C2D0C2
#C2D1C1
#C2D1C1
#C2D2C0
#C7C9C4
#C7CAC3
#C7CBC2
#C7CBC1
#C7CCC0
#C7CDBF
#C7CEBE
#CCC4C4
#CCC5C3
#CCC6C1
#CCC7C0
#CCC8BF
#CCCABE
#CCCBBC
#D2BEC4
#D2C0C2
#D2C1C1
#D2C3BF
#D2C4BE
#D2C6BC
#D2C8BA
#D8B8C4
#D8BAC2
#D8BCC0
#D8BEBE
#D8C0BC
#D8C2BA
#D8C4B8
Colorpallet from #B8D8C4 to #D8B8C4 and to #C4B8D8
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#BDD3C4
#BDD3C4
#BCD3C5
#BCD3C5
#BBD3C6
#BBD3C6
#BAD3C7
#C2CEC4
#C1CEC5
#C0CEC6
#BFCEC7
#BECEC8
#BDCEC9
#BCCECA
#C7C9C4
#C6C9C6
#C4C9C7
#C3C9C9
#C1C9CA
#C0C9CC
#BEC9CE
#CCC4C4
#CAC4C6
#C8C4C8
#C6C4CA
#C4C4CC
#C2C4CE
#C0C4D1
#D2BEC4
#CFBEC7
#CDBEC9
#CABECC
#C8BECE
#C5BED1
#C2BED4
#D8B8C4
#D5B8C7
#D2B8CA
#CEB8CE
#CBB8D1
#C8B8D4
#C4B8D8
Colorpallet from #B8D8C4 to #D8B8C4 and to #C4D8B8
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#BDD3C4
#BDD4C4
#BCD5C3
#BCD5C3
#BBD6C3
#BBD7C2
#BAD8C2
#C2CEC4
#C1D0C3
#C0D1C3
#BFD3C2
#BED4C1
#BDD6C1
#BCD8C0
#C7C9C4
#C6CBC3
#C4CEC2
#C3D0C1
#C1D3C0
#C0D5BF
#BED8BE
#CCC4C4
#CAC7C3
#C8CAC1
#C6CEC0
#C4D1BF
#C2D4BE
#C0D8BC
#D2BEC4
#CFC2C2
#CDC6C1
#CACABF
#C8CFBE
#C5D3BC
#C2D8BA
#D8B8C4
#D5BDC2
#D2C2C0
#CEC7BE
#CBCCBC
#C8D2BA
#C4D8B8
Colorpallet from #B8D8C4 to #D8C4B8 and to #C4B8D8
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#BDD5C2
#BDD5C3
#BCD4C4
#BCD4C4
#BBD4C5
#BBD3C6
#BAD3C7
#C2D2C0
#C1D1C2
#C0D1C3
#BFD0C5
#BECFC6
#BDCFC8
#BCCECA
#C7CEBE
#C6CDC1
#C4CCC3
#C3CCC6
#C1CBC8
#C0CACB
#BEC9CE
#CCCBBC
#CACABF
#C8C9C3
#C6C8C6
#C4C7C9
#C2C5CD
#C0C4D1
#D2C8BA
#CFC6BE
#CDC5C2
#CAC3C6
#C8C2CB
#C5C0CF
#C2BED4
#D8C4B8
#D5C2BD
#D2C0C2
#CEBEC7
#CBBCCC
#C8BAD2
#C4B8D8
Colorpallet from #B8D8C4 to #D8C4B8 and to #C4D8B8
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#BDD5C2
#BDD5C2
#BCD6C2
#BCD6C2
#BBD7C2
#BBD7C2
#BAD8C2
#C2D2C0
#C1D3C0
#C0D4C0
#BFD5C0
#BED6C0
#BDD7C0
#BCD8C0
#C7CEBE
#C6D0BE
#C4D1BE
#C3D3BE
#C1D4BE
#C0D6BE
#BED8BE
#CCCBBC
#CACDBC
#C8CFBC
#C6D1BC
#C4D3BC
#C2D5BC
#C0D8BC
#D2C8BA
#CFCBBA
#CDCDBA
#CAD0BA
#C8D2BA
#C5D5BA
#C2D8BA
#D8C4B8
#D5C7B8
#D2CAB8
#CECEB8
#CBD1B8
#C8D4B8
#C4D8B8
Colorpallet from #B8D8C4 to #C4B8D8 and to #C4D8B8
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#B8D8C4
#BAD3C7
#BAD4C6
#BAD5C5
#BAD5C5
#BAD6C4
#BAD7C3
#BAD8C2
#BCCECA
#BCD0C8
#BCD1C7
#BCD3C5
#BCD4C4
#BCD6C2
#BCD8C0
#BEC9CE
#BECBCB
#BECEC9
#BED0C6
#BED3C4
#BED5C1
#BED8BE
#C0C4D1
#C0C7CE
#C0CACA
#C0CEC7
#C0D1C4
#C0D4C0
#C0D8BC
#C2BED4
#C2C2D0
#C2C6CC
#C2CAC8
#C2CFC3
#C2D3BF
#C2D8BA
#C4B8D8
#C4BDD3
#C4C2CE
#C4C7C9
#C4CCC4
#C4D2BE
#C4D8B8
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts