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 #C4BED8 to #C4D8BE and to #BEC4D8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4C2D4
#C4C2D5
#C4C1D5
#C4C1D6
#C3C0D7
#C3C0D7
#C3BFD8
#C4C6D0
#C4C5D1
#C3C4D3
#C3C3D4
#C3C2D5
#C2C1D6
#C2C0D8
#C4CACC
#C4C9CE
#C3C7D0
#C3C6D2
#C2C4D4
#C2C3D6
#C1C1D8
#C4CFC7
#C3CDCA
#C3CBCC
#C2C9CF
#C1C7D2
#C1C5D5
#C0C2D8
#C4D3C3
#C3D0C6
#C2CECA
#C2CBCD
#C1C9D0
#C0C6D4
#BFC3D8
#C4D8BE
#C3D5C2
#C2D2C6
#C1CECA
#C0CBCF
#BFC8D3
#BEC4D8
Colorpallet from #C4BED8 to #C4D8BE and to #BED8C4
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4C2D4
#C4C2D4
#C4C2D4
#C4C2D4
#C3C2D5
#C3C2D5
#C3C2D5
#C4C6D0
#C4C6D0
#C3C6D1
#C3C6D1
#C3C6D1
#C2C6D2
#C2C6D2
#C4CACC
#C4CACC
#C3CACD
#C3CACD
#C2CACD
#C2CACE
#C1CACE
#C4CFC7
#C3CFC8
#C3CFC8
#C2CFC9
#C1CFCA
#C1CFCA
#C0CFCB
#C4D3C3
#C3D3C4
#C2D3C5
#C2D3C5
#C1D3C6
#C0D3C7
#BFD3C8
#C4D8BE
#C3D8BF
#C2D8C0
#C1D8C1
#C0D8C2
#BFD8C3
#BED8C4
Colorpallet from #C4BED8 to #C4D8BE and to #D8C4BE
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4C2D4
#C4C2D4
#C5C1D4
#C5C1D4
#C6C0D4
#C6C0D4
#C7BFD4
#C4C6D0
#C5C5D0
#C6C4D0
#C7C3D0
#C8C2D0
#C9C1D0
#CAC0D0
#C4CACC
#C6C9CC
#C7C7CC
#C9C6CC
#CAC4CC
#CCC3CC
#CEC1CC
#C4CFC7
#C6CDC7
#C8CBC7
#CAC9C7
#CCC7C7
#CEC5C7
#D1C2C7
#C4D3C3
#C7D0C3
#C9CEC3
#CCCBC3
#CEC9C3
#D1C6C3
#D4C3C3
#C4D8BE
#C7D5BE
#CAD2BE
#CECEBE
#D1CBBE
#D4C8BE
#D8C4BE
Colorpallet from #C4BED8 to #C4D8BE and to #D8BEC4
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4C2D4
#C4C1D4
#C5C1D4
#C5C0D4
#C6BFD5
#C6BFD5
#C7BED5
#C4C6D0
#C5C5D0
#C6C3D1
#C7C2D1
#C8C1D1
#C9C0D2
#CABED2
#C4CACC
#C6C8CC
#C7C6CD
#C9C4CD
#CAC2CD
#CCC0CE
#CEBECE
#C4CFC7
#C6CCC8
#C8CAC8
#CAC7C9
#CCC4CA
#CEC1CA
#D1BECB
#C4D3C3
#C7D0C4
#C9CCC5
#CCC9C5
#CEC6C6
#D1C2C7
#D4BEC8
#C4D8BE
#C7D4BF
#CAD0C0
#CECCC1
#D1C7C2
#D4C3C3
#D8BEC4
Colorpallet from #C4BED8 to #BEC4D8 and to #BED8C4
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C3BFD8
#C3BFD8
#C3C0D7
#C3C0D7
#C3C1D6
#C3C1D6
#C3C2D5
#C2C0D8
#C2C1D7
#C2C2D6
#C2C3D5
#C2C4D4
#C2C5D3
#C2C6D2
#C1C1D8
#C1C2D6
#C1C4D5
#C1C5D3
#C1C7D2
#C1C8D0
#C1CACE
#C0C2D8
#C0C4D6
#C0C6D4
#C0C8D2
#C0CAD0
#C0CCCE
#C0CFCB
#BFC3D8
#BFC6D5
#BFC8D3
#BFCBD0
#BFCDCE
#BFD0CB
#BFD3C8
#BEC4D8
#BEC7D5
#BECAD2
#BECECE
#BED1CB
#BED4C8
#BED8C4
Colorpallet from #C4BED8 to #BEC4D8 and to #D8C4BE
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C3BFD8
#C4BFD7
#C4BFD7
#C5BFD6
#C6BFD5
#C6BFD5
#C7BFD4
#C2C0D8
#C3C0D7
#C5C0D5
#C6C0D4
#C7C0D3
#C8C0D2
#CAC0D0
#C1C1D8
#C3C1D6
#C5C1D4
#C7C1D2
#C9C1D0
#CBC1CE
#CEC1CC
#C0C2D8
#C3C2D5
#C5C2D3
#C8C2D0
#CBC2CD
#CEC2CA
#D1C2C7
#BFC3D8
#C2C3D5
#C6C3D1
#C9C3CE
#CCC3CB
#D0C3C7
#D4C3C3
#BEC4D8
#C2C4D4
#C6C4D0
#CAC4CC
#CFC4C7
#D3C4C3
#D8C4BE
Colorpallet from #C4BED8 to #BEC4D8 and to #D8BEC4
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C3BFD8
#C4BFD8
#C4BFD7
#C5BFD7
#C6BED6
#C6BED6
#C7BED5
#C2C0D8
#C3C0D7
#C5BFD6
#C6BFD5
#C7BFD4
#C8BED3
#CABED2
#C1C1D8
#C3C1D6
#C5C0D5
#C7C0D3
#C9BFD2
#CBBFD0
#CEBECE
#C0C2D8
#C3C1D6
#C5C1D4
#C8C0D2
#CBBFD0
#CEBFCE
#D1BECB
#BFC3D8
#C2C2D5
#C6C1D3
#C9C1D0
#CCC0CE
#D0BFCB
#D4BEC8
#BEC4D8
#C2C3D5
#C6C2D2
#CAC1CE
#CFC0CB
#D3BFC8
#D8BEC4
Colorpallet from #C4BED8 to #BED8C4 and to #D8C4BE
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C3C2D5
#C4C2D5
#C4C1D5
#C5C1D5
#C6C0D4
#C6C0D4
#C7BFD4
#C2C6D2
#C3C5D2
#C5C4D1
#C6C3D1
#C7C2D1
#C8C1D0
#CAC0D0
#C1CACE
#C3C9CE
#C5C7CD
#C7C6CD
#C9C4CD
#CBC3CC
#CEC1CC
#C0CFCB
#C3CDCA
#C5CBCA
#C8C9C9
#CBC7C8
#CEC5C8
#D1C2C7
#BFD3C8
#C2D0C7
#C6CEC6
#C9CBC6
#CCC9C5
#D0C6C4
#D4C3C3
#BED8C4
#C2D5C3
#C6D2C2
#CACEC1
#CFCBC0
#D3C8BF
#D8C4BE
Colorpallet from #C4BED8 to #BED8C4 and to #D8BEC4
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C3C2D5
#C4C1D5
#C4C1D5
#C5C0D5
#C6BFD5
#C6BFD5
#C7BED5
#C2C6D2
#C3C5D2
#C5C3D2
#C6C2D2
#C7C1D2
#C8C0D2
#CABED2
#C1CACE
#C3C8CE
#C5C6CE
#C7C4CE
#C9C2CE
#CBC0CE
#CEBECE
#C0CFCB
#C3CCCB
#C5CACB
#C8C7CB
#CBC4CB
#CEC1CB
#D1BECB
#BFD3C8
#C2D0C8
#C6CCC8
#C9C9C8
#CCC6C8
#D0C2C8
#D4BEC8
#BED8C4
#C2D4C4
#C6D0C4
#CACCC4
#CFC7C4
#D3C3C4
#D8BEC4
Colorpallet from #C4BED8 to #D8C4BE and to #D8BEC4
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C4BED8
#C7BFD4
#C7BFD4
#C7BFD4
#C7BFD4
#C7BED5
#C7BED5
#C7BED5
#CAC0D0
#CAC0D0
#CABFD1
#CABFD1
#CABFD1
#CABED2
#CABED2
#CEC1CC
#CEC1CC
#CEC0CD
#CEC0CD
#CEBFCD
#CEBFCE
#CEBECE
#D1C2C7
#D1C1C8
#D1C1C8
#D1C0C9
#D1BFCA
#D1BFCA
#D1BECB
#D4C3C3
#D4C2C4
#D4C1C5
#D4C1C5
#D4C0C6
#D4BFC7
#D4BEC8
#D8C4BE
#D8C3BF
#D8C2C0
#D8C1C1
#D8C0C2
#D8BFC3
#D8BEC4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts