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 #C3D8C8 to #C3C8D8 and to #D8C3C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D5CB
#C3D5CB
#C4D5CA
#C4D5CA
#C5D5C9
#C5D5C9
#C6D5C8
#C3D3CD
#C4D3CC
#C5D2CB
#C6D2CB
#C7D2CA
#C9D1C9
#CAD1C8
#C3D0D0
#C5D0CF
#C6CFCD
#C8CFCC
#C9CFCB
#CBCECA
#CDCEC8
#C3CED2
#C5CED0
#C7CDCF
#C9CDCD
#CBCCCC
#CDCCCA
#D0CBC8
#C3CBD5
#C6CAD3
#C8CAD1
#CBC9CF
#CEC8CD
#D1C8CB
#D4C7C8
#C3C8D8
#C6C7D5
#CAC6D3
#CDC6D0
#D0C5CE
#D4C4CB
#D8C3C8
Colorpallet from #C3D8C8 to #C3C8D8 and to #D8C8C3
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D5CB
#C3D5CA
#C4D5CA
#C4D5C9
#C5D5C8
#C5D5C8
#C6D5C7
#C3D3CD
#C4D3CC
#C5D3CB
#C6D3CA
#C7D3C9
#C9D3C7
#CAD3C6
#C3D0D0
#C5D0CE
#C6D0CD
#C8D0CB
#C9D0CA
#CBD0C8
#CDD0C6
#C3CED2
#C5CED0
#C7CECE
#C9CECC
#CBCECA
#CDCEC8
#D0CEC5
#C3CBD5
#C6CBD2
#C8CBD0
#CBCBCD
#CECBCA
#D1CBC7
#D4CBC4
#C3C8D8
#C6C8D5
#CAC8D1
#CDC8CE
#D0C8CB
#D4C8C7
#D8C8C3
Colorpallet from #C3D8C8 to #C3C8D8 and to #C8C3D8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D5CB
#C3D5CB
#C3D5CB
#C3D5CB
#C4D5CB
#C4D5CB
#C4D5CB
#C3D3CD
#C3D3CD
#C4D2CD
#C4D2CD
#C4D2CD
#C5D1CD
#C5D1CD
#C3D0D0
#C3D0D0
#C4CFD0
#C4CFD0
#C4CFD0
#C5CED0
#C5CED0
#C3CED2
#C3CED2
#C4CDD2
#C4CDD2
#C5CCD2
#C5CCD2
#C6CBD2
#C3CBD5
#C4CAD5
#C4CAD5
#C5C9D5
#C6C8D5
#C6C8D5
#C7C7D5
#C3C8D8
#C4C7D8
#C5C6D8
#C5C6D8
#C6C5D8
#C7C4D8
#C8C3D8
Colorpallet from #C3D8C8 to #C3C8D8 and to #C8D8C3
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D5CB
#C3D5CA
#C3D6CA
#C3D6C9
#C4D7C8
#C4D7C8
#C4D8C7
#C3D3CD
#C3D4CC
#C4D5CB
#C4D5CA
#C4D6C9
#C5D7C7
#C5D8C6
#C3D0D0
#C3D1CE
#C4D3CD
#C4D4CB
#C4D5CA
#C5D6C8
#C5D8C6
#C3CED2
#C3D0D0
#C4D1CE
#C4D3CC
#C5D4CA
#C5D6C8
#C6D8C5
#C3CBD5
#C4CDD2
#C4CFD0
#C5D1CD
#C6D3CA
#C6D5C7
#C7D8C4
#C3C8D8
#C4CBD5
#C5CDD1
#C5D0CE
#C6D2CB
#C7D5C7
#C8D8C3
Colorpallet from #C3D8C8 to #D8C3C8 and to #D8C8C3
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C6D5C8
#C6D5C8
#C6D5C8
#C6D5C8
#C6D5C7
#C6D5C7
#C6D5C7
#CAD1C8
#CAD1C8
#CAD2C7
#CAD2C7
#CAD2C7
#CAD3C6
#CAD3C6
#CDCEC8
#CDCEC8
#CDCFC7
#CDCFC7
#CDCFC7
#CDD0C6
#CDD0C6
#D0CBC8
#D0CBC8
#D0CCC7
#D0CCC7
#D0CDC6
#D0CDC6
#D0CEC5
#D4C7C8
#D4C8C7
#D4C8C7
#D4C9C6
#D4CAC5
#D4CAC5
#D4CBC4
#D8C3C8
#D8C4C7
#D8C5C6
#D8C5C6
#D8C6C5
#D8C7C4
#D8C8C3
Colorpallet from #C3D8C8 to #D8C3C8 and to #C8C3D8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C6D5C8
#C6D5C8
#C5D5C9
#C5D5C9
#C5D5CA
#C4D5CA
#C4D5CB
#CAD1C8
#C9D1C9
#C8D1CA
#C8D1CA
#C7D1CB
#C6D1CC
#C5D1CD
#CDCEC8
#CCCEC9
#CACECB
#C9CECC
#C8CECD
#C7CECE
#C5CED0
#D0CBC8
#CECBCA
#CDCBCB
#CBCBCD
#CACBCE
#C8CBD0
#C6CBD2
#D4C7C8
#D2C7CA
#D0C7CC
#CEC7CE
#CCC7D0
#CAC7D2
#C7C7D5
#D8C3C8
#D5C3CB
#D3C3CD
#D0C3D0
#CEC3D2
#CBC3D5
#C8C3D8
Colorpallet from #C3D8C8 to #D8C3C8 and to #C8D8C3
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C6D5C8
#C6D5C8
#C5D6C8
#C5D6C8
#C5D7C7
#C4D7C7
#C4D8C7
#CAD1C8
#C9D2C8
#C8D3C7
#C8D4C7
#C7D5C7
#C6D7C6
#C5D8C6
#CDCEC8
#CCD0C8
#CAD1C7
#C9D3C7
#C8D4C7
#C7D6C6
#C5D8C6
#D0CBC8
#CECDC8
#CDCFC7
#CBD1C7
#CAD3C6
#C8D5C6
#C6D8C5
#D4C7C8
#D2CAC7
#D0CCC7
#CECFC6
#CCD2C5
#CAD5C5
#C7D8C4
#D8C3C8
#D5C6C7
#D3CAC6
#D0CDC6
#CED0C5
#CBD4C4
#C8D8C3
Colorpallet from #C3D8C8 to #D8C8C3 and to #C8C3D8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C6D5C7
#C6D5C8
#C5D5C8
#C5D5C9
#C5D5CA
#C4D5CA
#C4D5CB
#CAD3C6
#C9D3C7
#C8D2C8
#C8D2C9
#C7D2CA
#C6D1CC
#C5D1CD
#CDD0C6
#CCD0C8
#CACFC9
#C9CFCB
#C8CFCC
#C7CECE
#C5CED0
#D0CEC5
#CECEC7
#CDCDC9
#CBCDCB
#CACCCD
#C8CCCF
#C6CBD2
#D4CBC4
#D2CAC7
#D0CAC9
#CEC9CC
#CCC8CF
#CAC8D2
#C7C7D5
#D8C8C3
#D5C7C6
#D3C6CA
#D0C6CD
#CEC5D0
#CBC4D4
#C8C3D8
Colorpallet from #C3D8C8 to #D8C8C3 and to #C8D8C3
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C6D5C7
#C6D5C7
#C5D6C7
#C5D6C7
#C5D7C7
#C4D7C7
#C4D8C7
#CAD3C6
#C9D4C6
#C8D5C6
#C8D5C6
#C7D6C6
#C6D7C6
#C5D8C6
#CDD0C6
#CCD1C6
#CAD3C6
#C9D4C6
#C8D5C6
#C7D6C6
#C5D8C6
#D0CEC5
#CED0C5
#CDD1C5
#CBD3C5
#CAD4C5
#C8D6C5
#C6D8C5
#D4CBC4
#D2CDC4
#D0CFC4
#CED1C4
#CCD3C4
#CAD5C4
#C7D8C4
#D8C8C3
#D5CBC3
#D3CDC3
#D0D0C3
#CED2C3
#CBD5C3
#C8D8C3
Colorpallet from #C3D8C8 to #C8C3D8 and to #C8D8C3
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C3D8C8
#C4D5CB
#C4D5CA
#C4D6CA
#C4D6C9
#C4D7C8
#C4D7C8
#C4D8C7
#C5D1CD
#C5D2CC
#C5D3CB
#C5D4CA
#C5D5C9
#C5D7C7
#C5D8C6
#C5CED0
#C5D0CE
#C5D1CD
#C5D3CB
#C5D4CA
#C5D6C8
#C5D8C6
#C6CBD2
#C6CDD0
#C6CFCE
#C6D1CC
#C6D3CA
#C6D5C8
#C6D8C5
#C7C7D5
#C7CAD2
#C7CCD0
#C7CFCD
#C7D2CA
#C7D5C7
#C7D8C4
#C8C3D8
#C8C6D5
#C8CAD1
#C8CDCE
#C8D0CB
#C8D4C7
#C8D8C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts