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 #BFC7D6 to #BFD6C7 and to #C7BFD6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC9D4
#BFC9D4
#BFC8D5
#BFC8D5
#C0C7D5
#C0C7D6
#C0C6D6
#BFCCD1
#BFCBD2
#C0C9D3
#C0C8D3
#C1C7D4
#C1C6D5
#C2C4D6
#BFCECF
#C0CCD0
#C0CAD1
#C1C9D2
#C2C7D3
#C2C5D5
#C3C3D6
#BFD1CC
#C0CFCE
#C1CCCF
#C1CAD1
#C2C7D2
#C3C5D4
#C4C2D6
#BFD3CA
#C0D0CC
#C1CDCE
#C2CAD0
#C3C7D2
#C4C5D4
#C5C1D6
#BFD6C7
#C0D2C9
#C2CFCC
#C3CBCE
#C4C7D1
#C5C4D3
#C7BFD6
Colorpallet from #BFC7D6 to #BFD6C7 and to #C7D6BF
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC9D4
#BFC9D4
#BFC9D3
#BFC9D3
#C0C9D3
#C0C9D2
#C0C9D2
#BFCCD1
#BFCCD1
#C0CCD0
#C0CCD0
#C1CCD0
#C1CCCF
#C2CCCF
#BFCECF
#C0CECE
#C0CECE
#C1CECD
#C2CECC
#C2CECC
#C3CECB
#BFD1CC
#C0D1CB
#C1D1CA
#C1D1CA
#C2D1C9
#C3D1C8
#C4D1C7
#BFD3CA
#C0D3C9
#C1D3C8
#C2D3C7
#C3D3C6
#C4D3C5
#C5D3C4
#BFD6C7
#C0D6C6
#C2D6C4
#C3D6C3
#C4D6C2
#C5D6C1
#C7D6BF
Colorpallet from #BFC7D6 to #BFD6C7 and to #D6BFC7
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC9D4
#C0C9D4
#C0C8D4
#C1C8D4
#C2C7D4
#C2C7D4
#C3C6D4
#BFCCD1
#C0CBD1
#C1C9D1
#C2C8D1
#C3C7D1
#C5C6D1
#C6C4D1
#BFCECF
#C1CCCF
#C3CACF
#C4C9CF
#C6C7CF
#C8C5CF
#CAC3CF
#BFD1CC
#C1CFCC
#C4CCCC
#C6CACC
#C9C7CC
#CBC5CC
#CEC2CC
#BFD3CA
#C2D0CA
#C5CDCA
#C8CACA
#CBC7CA
#CDC5CA
#D1C1CA
#BFD6C7
#C3D2C7
#C6CFC7
#CACBC7
#CEC7C7
#D1C4C7
#D6BFC7
Colorpallet from #BFC7D6 to #BFD6C7 and to #D6C7BF
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC9D4
#C0C9D4
#C0C8D3
#C1C8D3
#C2C8D3
#C2C7D2
#C3C7D2
#BFCCD1
#C0CBD1
#C1CAD0
#C2CAD0
#C3C9D0
#C5C8CF
#C6C7CF
#BFCECF
#C1CDCE
#C3CCCE
#C4CBCD
#C6CACC
#C8C8CC
#CAC7CB
#BFD1CC
#C1CFCB
#C4CECA
#C6CCCA
#C9CBC9
#CBC9C8
#CEC7C7
#BFD3CA
#C2D1C9
#C5CFC8
#C8CDC7
#CBCBC6
#CDC9C5
#D1C7C4
#BFD6C7
#C3D4C6
#C6D1C4
#CACFC3
#CECCC2
#D1CAC1
#D6C7BF
Colorpallet from #BFC7D6 to #C7BFD6 and to #C7D6BF
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#C0C6D6
#C0C6D5
#C0C7D5
#C0C7D4
#C0C8D3
#C0C8D3
#C0C9D2
#C2C4D6
#C2C5D5
#C2C7D4
#C2C8D3
#C2C9D2
#C2CAD0
#C2CCCF
#C3C3D6
#C3C5D4
#C3C7D2
#C3C8D1
#C3CACF
#C3CCCD
#C3CECB
#C4C2D6
#C4C4D4
#C4C7D1
#C4C9CF
#C4CCCC
#C4CECA
#C4D1C7
#C5C1D6
#C5C4D3
#C5C7D0
#C5CACD
#C5CDCA
#C5CFC8
#C5D3C4
#C7BFD6
#C7C3D2
#C7C6CF
#C7CACB
#C7CEC7
#C7D1C4
#C7D6BF
Colorpallet from #BFC7D6 to #C7BFD6 and to #D6BFC7
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#C0C6D6
#C0C6D6
#C1C6D5
#C1C6D5
#C2C6D5
#C2C6D4
#C3C6D4
#C2C4D6
#C3C4D5
#C3C4D4
#C4C4D4
#C5C4D3
#C5C4D2
#C6C4D1
#C3C3D6
#C4C3D5
#C5C3D4
#C6C3D3
#C7C3D2
#C9C3D0
#CAC3CF
#C4C2D6
#C6C2D4
#C7C2D3
#C9C2D1
#CAC2D0
#CCC2CE
#CEC2CC
#C5C1D6
#C7C1D4
#C9C1D2
#CBC1D0
#CDC1CE
#CFC1CC
#D1C1CA
#C7BFD6
#C9BFD4
#CCBFD1
#CEBFCF
#D1BFCC
#D3BFCA
#D6BFC7
Colorpallet from #BFC7D6 to #C7BFD6 and to #D6C7BF
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#C0C6D6
#C0C6D5
#C1C6D5
#C1C6D4
#C2C7D3
#C2C7D3
#C3C7D2
#C2C4D6
#C3C4D5
#C3C5D4
#C4C5D3
#C5C6D2
#C5C6D0
#C6C7CF
#C3C3D6
#C4C4D4
#C5C4D2
#C6C5D1
#C7C6CF
#C9C6CD
#CAC7CB
#C4C2D6
#C6C3D4
#C7C4D1
#C9C4CF
#CAC5CC
#CCC6CA
#CEC7C7
#C5C1D6
#C7C2D3
#C9C3D0
#CBC4CD
#CDC5CA
#CFC6C8
#D1C7C4
#C7BFD6
#C9C0D2
#CCC2CF
#CEC3CB
#D1C4C7
#D3C5C4
#D6C7BF
Colorpallet from #BFC7D6 to #C7D6BF and to #D6BFC7
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#C0C9D2
#C0C9D2
#C1C8D3
#C1C8D3
#C2C7D3
#C2C7D4
#C3C6D4
#C2CCCF
#C3CBCF
#C3C9D0
#C4C8D0
#C5C7D0
#C5C6D1
#C6C4D1
#C3CECB
#C4CCCC
#C5CACC
#C6C9CD
#C7C7CE
#C9C5CE
#CAC3CF
#C4D1C7
#C6CFC8
#C7CCC9
#C9CAC9
#CAC7CA
#CCC5CB
#CEC2CC
#C5D3C4
#C7D0C5
#C9CDC6
#CBCAC7
#CDC7C8
#CFC5C9
#D1C1CA
#C7D6BF
#C9D2C0
#CCCFC2
#CECBC3
#D1C7C4
#D3C4C5
#D6BFC7
Colorpallet from #BFC7D6 to #C7D6BF and to #D6C7BF
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#C0C9D2
#C0C9D2
#C1C8D2
#C1C8D2
#C2C8D2
#C2C7D2
#C3C7D2
#C2CCCF
#C3CBCF
#C3CACF
#C4CACF
#C5C9CF
#C5C8CF
#C6C7CF
#C3CECB
#C4CDCB
#C5CCCB
#C6CBCB
#C7CACB
#C9C8CB
#CAC7CB
#C4D1C7
#C6CFC7
#C7CEC7
#C9CCC7
#CACBC7
#CCC9C7
#CEC7C7
#C5D3C4
#C7D1C4
#C9CFC4
#CBCDC4
#CDCBC4
#CFC9C4
#D1C7C4
#C7D6BF
#C9D4BF
#CCD1BF
#CECFBF
#D1CCBF
#D3CABF
#D6C7BF
Colorpallet from #BFC7D6 to #D6BFC7 and to #D6C7BF
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#BFC7D6
#C3C6D4
#C3C6D4
#C3C6D3
#C3C6D3
#C3C7D3
#C3C7D2
#C3C7D2
#C6C4D1
#C6C4D1
#C6C5D0
#C6C5D0
#C6C6D0
#C6C6CF
#C6C7CF
#CAC3CF
#CAC4CE
#CAC4CE
#CAC5CD
#CAC6CC
#CAC6CC
#CAC7CB
#CEC2CC
#CEC3CB
#CEC4CA
#CEC4CA
#CEC5C9
#CEC6C8
#CEC7C7
#D1C1CA
#D1C2C9
#D1C3C8
#D1C4C7
#D1C5C6
#D1C6C5
#D1C7C4
#D6BFC7
#D6C0C6
#D6C2C4
#D6C3C3
#D6C4C2
#D6C5C1
#D6C7BF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
