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 #BAD2DC to #BADCD2 and to #D2BADC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD4DA
#BBD3DA
#BBD2DB
#BCD1DB
#BDD0DB
#BDCFDC
#BECEDC
#BAD5D9
#BBD3D9
#BDD1DA
#BED0DA
#BFCEDB
#C0CCDB
#C2CADC
#BAD7D7
#BCD4D8
#BED2D9
#C0CFD9
#C2CCDA
#C4C9DB
#C6C6DC
#BAD8D6
#BCD5D7
#BFD1D8
#C1CED9
#C4CBDA
#C6C7DB
#C9C3DC
#BADAD4
#BDD6D5
#C0D1D7
#C3CDD8
#C6C9D9
#C9C4DA
#CDBFDC
#BADCD2
#BED7D4
#C2D1D5
#C6CCD7
#C9C6D8
#CDC1DA
#D2BADC
Colorpallet from #BAD2DC to #BADCD2 and to #D2DCBA
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD4DA
#BBD4DA
#BBD4D9
#BCD4D9
#BDD4D8
#BDD4D8
#BED4D7
#BAD5D9
#BBD5D8
#BDD5D6
#BED5D5
#BFD5D4
#C0D5D3
#C2D5D1
#BAD7D7
#BCD7D5
#BED7D3
#C0D7D2
#C2D7D0
#C4D7CE
#C6D7CC
#BAD8D6
#BCD8D3
#BFD8D1
#C1D8CE
#C4D8CC
#C6D8C9
#C9D8C6
#BADAD4
#BDDAD1
#C0DACE
#C3DACB
#C6DAC8
#C9DAC5
#CDDAC1
#BADCD2
#BEDCCE
#C2DCCA
#C6DCC6
#C9DCC3
#CDDCBF
#D2DCBA
Colorpallet from #BAD2DC to #BADCD2 and to #DCBAD2
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD4DA
#BBD3DA
#BCD2DA
#BCD1DA
#BDD0DA
#BECFDA
#BFCEDA
#BAD5D9
#BCD3D9
#BED1D9
#BFD0D9
#C1CED9
#C3CCD9
#C5CAD9
#BAD7D7
#BDD4D7
#BFD2D7
#C2CFD7
#C4CCD7
#C7C9D7
#CAC6D7
#BAD8D6
#BED5D6
#C1D1D6
#C5CED6
#C8CBD6
#CCC7D6
#D0C3D6
#BADAD4
#BED6D4
#C3D1D4
#C7CDD4
#CBC9D4
#D0C4D4
#D5BFD4
#BADCD2
#BFD7D2
#C5D1D2
#CACCD2
#D0C6D2
#D5C1D2
#DCBAD2
Colorpallet from #BAD2DC to #BADCD2 and to #DCD2BA
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD4DA
#BBD4DA
#BCD3D9
#BCD3D9
#BDD3D8
#BED2D8
#BFD2D7
#BAD5D9
#BCD5D8
#BED4D6
#BFD4D5
#C1D3D4
#C3D3D3
#C5D2D1
#BAD7D7
#BDD6D5
#BFD5D3
#C2D5D2
#C4D4D0
#C7D3CE
#CAD2CC
#BAD8D6
#BED7D3
#C1D6D1
#C5D5CE
#C8D4CC
#CCD3C9
#D0D2C6
#BADAD4
#BED9D1
#C3D7CE
#C7D6CB
#CBD5C8
#D0D4C5
#D5D2C1
#BADCD2
#BFDACE
#C5D9CA
#CAD7C6
#D0D6C3
#D5D4BF
#DCD2BA
Colorpallet from #BAD2DC to #D2BADC and to #D2DCBA
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BECEDC
#BECFDB
#BED0DA
#BED1DA
#BED2D9
#BED3D8
#BED4D7
#C2CADC
#C2CCDA
#C2CED8
#C2CFD7
#C2D1D5
#C2D3D3
#C2D5D1
#C6C6DC
#C6C9D9
#C6CBD7
#C6CED4
#C6D1D2
#C6D4CF
#C6D7CC
#C9C3DC
#C9C6D8
#C9CAD5
#C9CDD1
#C9D0CE
#C9D4CA
#C9D8C6
#CDBFDC
#CDC3D8
#CDC8D3
#CDCCCF
#CDD0CB
#CDD5C6
#CDDAC1
#D2BADC
#D2BFD7
#D2C5D1
#D2CACC
#D2D0C6
#D2D5C1
#D2DCBA
Colorpallet from #BAD2DC to #D2BADC and to #DCBAD2
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BECEDC
#BECEDC
#BECEDB
#BECEDB
#BFCEDB
#BFCEDA
#BFCEDA
#C2CADC
#C2CADC
#C3CADB
#C3CADB
#C4CADA
#C4CADA
#C5CAD9
#C6C6DC
#C7C6DB
#C7C6DA
#C8C6DA
#C9C6D9
#C9C6D8
#CAC6D7
#C9C3DC
#CAC3DB
#CBC3DA
#CCC3D9
#CDC3D8
#CFC3D7
#D0C3D6
#CDBFDC
#CEBFDB
#D0BFD9
#D1BFD8
#D2BFD7
#D3BFD6
#D5BFD4
#D2BADC
#D4BADA
#D5BAD9
#D7BAD7
#D8BAD6
#DABAD4
#DCBAD2
Colorpallet from #BAD2DC to #D2BADC and to #DCD2BA
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BECEDC
#BECFDB
#BECFDA
#BED0DA
#BFD1D9
#BFD1D8
#BFD2D7
#C2CADC
#C2CBDA
#C3CDD8
#C3CED7
#C4CFD5
#C4D0D3
#C5D2D1
#C6C6DC
#C7C8D9
#C7CAD7
#C8CCD4
#C9CED2
#C9D0CF
#CAD2CC
#C9C3DC
#CAC5D8
#CBC8D5
#CCCAD1
#CDCDCE
#CFCFCA
#D0D2C6
#CDBFDC
#CEC2D8
#D0C5D3
#D1C8CF
#D2CBCB
#D3CEC6
#D5D2C1
#D2BADC
#D4BED7
#D5C2D1
#D7C6CC
#D8C9C6
#DACDC1
#DCD2BA
Colorpallet from #BAD2DC to #D2DCBA and to #DCBAD2
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BED4D7
#BED3D7
#BED2D8
#BED1D8
#BFD0D9
#BFCFD9
#BFCEDA
#C2D5D1
#C2D3D2
#C3D1D4
#C3D0D5
#C4CED6
#C4CCD7
#C5CAD9
#C6D7CC
#C7D4CE
#C7D2D0
#C8CFD1
#C9CCD3
#C9C9D5
#CAC6D7
#C9D8C6
#CAD5C9
#CBD1CB
#CCCECE
#CDCBD0
#CFC7D3
#D0C3D6
#CDDAC1
#CED6C4
#D0D1C7
#D1CDCA
#D2C9CD
#D3C4D0
#D5BFD4
#D2DCBA
#D4D7BE
#D5D1C2
#D7CCC6
#D8C6C9
#DAC1CD
#DCBAD2
Colorpallet from #BAD2DC to #D2DCBA and to #DCD2BA
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BED4D7
#BED4D7
#BED3D7
#BED3D7
#BFD3D7
#BFD2D7
#BFD2D7
#C2D5D1
#C2D5D1
#C3D4D1
#C3D4D1
#C4D3D1
#C4D3D1
#C5D2D1
#C6D7CC
#C7D6CC
#C7D5CC
#C8D5CC
#C9D4CC
#C9D3CC
#CAD2CC
#C9D8C6
#CAD7C6
#CBD6C6
#CCD5C6
#CDD4C6
#CFD3C6
#D0D2C6
#CDDAC1
#CED9C1
#D0D7C1
#D1D6C1
#D2D5C1
#D3D4C1
#D5D2C1
#D2DCBA
#D4DABA
#D5D9BA
#D7D7BA
#D8D6BA
#DAD4BA
#DCD2BA
Colorpallet from #BAD2DC to #DCBAD2 and to #DCD2BA
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BAD2DC
#BFCEDA
#BFCFDA
#BFCFD9
#BFD0D9
#BFD1D8
#BFD1D8
#BFD2D7
#C5CAD9
#C5CBD8
#C5CDD6
#C5CED5
#C5CFD4
#C5D0D3
#C5D2D1
#CAC6D7
#CAC8D5
#CACAD3
#CACCD2
#CACED0
#CAD0CE
#CAD2CC
#D0C3D6
#D0C5D3
#D0C8D1
#D0CACE
#D0CDCC
#D0CFC9
#D0D2C6
#D5BFD4
#D5C2D1
#D5C5CE
#D5C8CB
#D5CBC8
#D5CEC5
#D5D2C1
#DCBAD2
#DCBECE
#DCC2CA
#DCC6C6
#DCC9C3
#DCCDBF
#DCD2BA
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts