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 #BECDD6 to #BED6CD and to #CDBED6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECED5
#BECED5
#BFCDD5
#BFCDD5
#BFCCD6
#C0CCD6
#C0CBD6
#BED0D3
#BFCFD3
#C0CDD4
#C0CCD4
#C1CBD5
#C2CAD5
#C3C8D6
#BED1D2
#BFCFD3
#C0CDD3
#C1CCD4
#C2CAD5
#C4C8D5
#C5C6D6
#BED3D0
#C0D0D1
#C1CED2
#C3CBD3
#C4C9D4
#C6C6D5
#C8C3D6
#BED4CF
#C0D1D0
#C2CED1
#C4CBD2
#C6C8D3
#C8C5D5
#CAC1D6
#BED6CD
#C0D2CE
#C3CED0
#C5CAD1
#C8C7D3
#CAC3D4
#CDBED6
Colorpallet from #BECDD6 to #BED6CD and to #CDD6BE
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECED5
#BECED5
#BFCED4
#BFCED4
#BFCED3
#C0CED3
#C0CED2
#BED0D3
#BFD0D2
#C0D0D1
#C0D0D1
#C1D0D0
#C2D0CF
#C3D0CE
#BED1D2
#BFD1D1
#C0D1CF
#C1D1CE
#C2D1CD
#C4D1CC
#C5D1CA
#BED3D0
#C0D3CF
#C1D3CD
#C3D3CC
#C4D3CA
#C6D3C9
#C8D3C7
#BED4CF
#C0D4CD
#C2D4CB
#C4D4C9
#C6D4C7
#C8D4C5
#CAD4C3
#BED6CD
#C0D6CB
#C3D6C8
#C5D6C6
#C8D6C3
#CAD6C1
#CDD6BE
Colorpallet from #BECDD6 to #BED6CD and to #D6BECD
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECED5
#BFCED5
#BFCDD5
#C0CDD5
#C1CCD5
#C1CCD5
#C2CBD5
#BED0D3
#BFCFD3
#C1CDD3
#C2CCD3
#C3CBD3
#C4CAD3
#C6C8D3
#BED1D2
#C0CFD2
#C2CDD2
#C4CCD2
#C6CAD2
#C8C8D2
#CAC6D2
#BED3D0
#C0D0D0
#C3CED0
#C5CBD0
#C8C9D0
#CAC6D0
#CDC3D0
#BED4CF
#C1D1CF
#C4CECF
#C7CBCF
#CAC8CF
#CDC5CF
#D1C1CF
#BED6CD
#C2D2CD
#C6CECD
#CACACD
#CDC7CD
#D1C3CD
#D6BECD
Colorpallet from #BECDD6 to #BED6CD and to #D6CDBE
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECED5
#BFCED5
#BFCED4
#C0CED4
#C1CDD3
#C1CDD3
#C2CDD2
#BED0D3
#BFD0D2
#C1CFD1
#C2CFD1
#C3CED0
#C4CECF
#C6CDCE
#BED1D2
#C0D0D1
#C2D0CF
#C4CFCE
#C6CECD
#C8CECC
#CACDCA
#BED3D0
#C0D2CF
#C3D1CD
#C5D0CC
#C8CFCA
#CACEC9
#CDCDC7
#BED4CF
#C1D3CD
#C4D2CB
#C7D1C9
#CAD0C7
#CDCEC5
#D1CDC3
#BED6CD
#C2D5CB
#C6D3C8
#CAD2C6
#CDD0C3
#D1CFC1
#D6CDBE
Colorpallet from #BECDD6 to #CDBED6 and to #CDD6BE
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#C0CBD6
#C0CBD5
#C0CCD5
#C0CCD4
#C0CDD3
#C0CDD3
#C0CED2
#C3C8D6
#C3C9D5
#C3CBD3
#C3CCD2
#C3CDD1
#C3CED0
#C3D0CE
#C5C6D6
#C5C8D4
#C5CAD2
#C5CBD0
#C5CDCE
#C5CFCC
#C5D1CA
#C8C3D6
#C8C6D4
#C8C8D1
#C8CBCF
#C8CDCC
#C8D0CA
#C8D3C7
#CAC1D6
#CAC4D3
#CAC7D0
#CACACD
#CACDCA
#CAD0C7
#CAD4C3
#CDBED6
#CDC2D2
#CDC6CE
#CDCACA
#CDCDC7
#CDD1C3
#CDD6BE
Colorpallet from #BECDD6 to #CDBED6 and to #D6BECD
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#C0CBD6
#C0CBD6
#C1CBD6
#C1CBD6
#C1CBD5
#C2CBD5
#C2CBD5
#C3C8D6
#C3C8D6
#C4C8D5
#C4C8D5
#C5C8D4
#C5C8D4
#C6C8D3
#C5C6D6
#C6C6D5
#C7C6D5
#C7C6D4
#C8C6D3
#C9C6D3
#CAC6D2
#C8C3D6
#C9C3D5
#CAC3D4
#CAC3D3
#CBC3D2
#CCC3D1
#CDC3D0
#CAC1D6
#CBC1D5
#CCC1D4
#CDC1D3
#CEC1D2
#D0C1D0
#D1C1CF
#CDBED6
#CEBED5
#D0BED3
#D1BED2
#D3BED0
#D4BECF
#D6BECD
Colorpallet from #BECDD6 to #CDBED6 and to #D6CDBE
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#C0CBD6
#C0CBD5
#C1CCD5
#C1CCD4
#C1CCD3
#C2CDD3
#C2CDD2
#C3C8D6
#C3C9D5
#C4CAD3
#C4CAD2
#C5CBD1
#C5CCD0
#C6CDCE
#C5C6D6
#C6C7D4
#C7C8D2
#C7C9D0
#C8CACE
#C9CCCC
#CACDCA
#C8C3D6
#C9C5D4
#CAC6D1
#CAC8CF
#CBC9CC
#CCCBCA
#CDCDC7
#CAC1D6
#CBC3D3
#CCC5D0
#CDC7CD
#CEC9CA
#D0CBC7
#D1CDC3
#CDBED6
#CEC0D2
#D0C3CE
#D1C5CA
#D3C8C7
#D4CAC3
#D6CDBE
Colorpallet from #BECDD6 to #CDD6BE and to #D6BECD
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#C0CED2
#C0CED2
#C1CDD3
#C1CDD3
#C1CCD4
#C2CCD4
#C2CBD5
#C3D0CE
#C3CFCF
#C4CDD0
#C4CCD0
#C5CBD1
#C5CAD2
#C6C8D3
#C5D1CA
#C6CFCB
#C7CDCD
#C7CCCE
#C8CACF
#C9C8D0
#CAC6D2
#C8D3C7
#C9D0C8
#CACECA
#CACBCB
#CBC9CD
#CCC6CE
#CDC3D0
#CAD4C3
#CBD1C5
#CCCEC7
#CDCBC9
#CEC8CB
#D0C5CD
#D1C1CF
#CDD6BE
#CED2C0
#D0CEC3
#D1CAC5
#D3C7C8
#D4C3CA
#D6BECD
Colorpallet from #BECDD6 to #CDD6BE and to #D6CDBE
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#C0CED2
#C0CED2
#C1CED2
#C1CED2
#C1CDD2
#C2CDD2
#C2CDD2
#C3D0CE
#C3D0CE
#C4CFCE
#C4CFCE
#C5CECE
#C5CECE
#C6CDCE
#C5D1CA
#C6D0CA
#C7D0CA
#C7CFCA
#C8CECA
#C9CECA
#CACDCA
#C8D3C7
#C9D2C7
#CAD1C7
#CAD0C7
#CBCFC7
#CCCEC7
#CDCDC7
#CAD4C3
#CBD3C3
#CCD2C3
#CDD1C3
#CED0C3
#D0CEC3
#D1CDC3
#CDD6BE
#CED5BE
#D0D3BE
#D1D2BE
#D3D0BE
#D4CFBE
#D6CDBE
Colorpallet from #BECDD6 to #D6BECD and to #D6CDBE
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#BECDD6
#C2CBD5
#C2CBD5
#C2CCD4
#C2CCD4
#C2CCD3
#C2CDD3
#C2CDD2
#C6C8D3
#C6C9D2
#C6CAD1
#C6CAD1
#C6CBD0
#C6CCCF
#C6CDCE
#CAC6D2
#CAC7D1
#CAC8CF
#CAC9CE
#CACACD
#CACCCC
#CACDCA
#CDC3D0
#CDC5CF
#CDC6CD
#CDC8CC
#CDC9CA
#CDCBC9
#CDCDC7
#D1C1CF
#D1C3CD
#D1C5CB
#D1C7C9
#D1C9C7
#D1CBC5
#D1CDC3
#D6BECD
#D6C0CB
#D6C3C8
#D6C5C6
#D6C8C3
#D6CAC1
#D6CDBE
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts