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 #BBCFDB to #BBDBCF and to #CFBBDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBD1D9
#BBD0D9
#BCCFDA
#BCCFDA
#BDCEDA
#BDCDDB
#BECCDB
#BBD3D7
#BCD1D8
#BDD0D8
#BECED9
#BFCDDA
#C0CBDA
#C1C9DB
#BBD5D5
#BDD2D6
#BED0D7
#C0CDD8
#C1CBD9
#C3C8DA
#C5C5DB
#BBD7D3
#BDD4D4
#BFD0D6
#C1CDD7
#C3CAD8
#C5C6D9
#C8C2DB
#BBD9D1
#BED5D3
#C0D1D4
#C3CDD6
#C5C8D7
#C8C4D9
#CBBFDB
#BBDBCF
#BED6D1
#C1D1D3
#C5CCD5
#C8C7D7
#CBC1D9
#CFBBDB
Colorpallet from #BBCFDB to #BBDBCF and to #CFDBBB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBD1D9
#BBD1D9
#BCD1D8
#BCD1D8
#BDD1D7
#BDD1D7
#BED1D6
#BBD3D7
#BCD3D6
#BDD3D5
#BED3D4
#BFD3D3
#C0D3D2
#C1D3D1
#BBD5D5
#BDD5D4
#BED5D2
#C0D5D1
#C1D5CF
#C3D5CE
#C5D5CC
#BBD7D3
#BDD7D1
#BFD7CF
#C1D7CD
#C3D7CB
#C5D7C9
#C8D7C7
#BBD9D1
#BED9CE
#C0D9CC
#C3D9C9
#C5D9C7
#C8D9C4
#CBD9C1
#BBDBCF
#BEDBCC
#C1DBC9
#C5DBC5
#C8DBC2
#CBDBBF
#CFDBBB
Colorpallet from #BBCFDB to #BBDBCF and to #DBBBCF
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBD1D9
#BCD0D9
#BDCFD9
#BDCFD9
#BECED9
#BFCDD9
#C0CCD9
#BBD3D7
#BDD1D7
#BED0D7
#C0CED7
#C1CDD7
#C3CBD7
#C5C9D7
#BBD5D5
#BDD2D5
#C0D0D5
#C2CDD5
#C5CBD5
#C7C8D5
#CAC5D5
#BBD7D3
#BED4D3
#C1D0D3
#C5CDD3
#C8CAD3
#CBC6D3
#CFC2D3
#BBD9D1
#BFD5D1
#C3D1D1
#C7CDD1
#CCC8D1
#D0C4D1
#D5BFD1
#BBDBCF
#C0D6CF
#C5D1CF
#CACCCF
#CFC7CF
#D5C1CF
#DBBBCF
Colorpallet from #BBCFDB to #BBDBCF and to #DBCFBB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBD1D9
#BCD1D9
#BDD0D8
#BDD0D8
#BED0D7
#BFCFD7
#C0CFD6
#BBD3D7
#BDD2D6
#BED2D5
#C0D1D4
#C1D0D3
#C3D0D2
#C5CFD1
#BBD5D5
#BDD4D4
#C0D3D2
#C2D2D1
#C5D1CF
#C7D0CE
#CACFCC
#BBD7D3
#BED6D1
#C1D4CF
#C5D3CD
#C8D2CB
#CBD1C9
#CFCFC7
#BBD9D1
#BFD7CE
#C3D6CC
#C7D4C9
#CCD3C7
#D0D1C4
#D5CFC1
#BBDBCF
#C0D9CC
#C5D7C9
#CAD5C5
#CFD3C2
#D5D1BF
#DBCFBB
Colorpallet from #BBCFDB to #CFBBDB and to #CFDBBB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BECCDB
#BECDDA
#BECED9
#BECED9
#BECFD8
#BED0D7
#BED1D6
#C1C9DB
#C1CBD9
#C1CCD8
#C1CED6
#C1CFD5
#C1D1D3
#C1D3D1
#C5C5DB
#C5C8D9
#C5CAD6
#C5CDD4
#C5CFD1
#C5D2CF
#C5D5CC
#C8C2DB
#C8C5D8
#C8C9D5
#C8CCD1
#C8CFCE
#C8D3CB
#C8D7C7
#CBBFDB
#CBC3D7
#CBC7D3
#CBCBCF
#CBD0CA
#CBD4C6
#CBD9C1
#CFBBDB
#CFC0D6
#CFC5D1
#CFCACC
#CFCFC7
#CFD5C1
#CFDBBB
Colorpallet from #BBCFDB to #CFBBDB and to #DBBBCF
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BECCDB
#BECCDB
#BFCCDA
#BFCCDA
#BFCCDA
#C0CCD9
#C0CCD9
#C1C9DB
#C2C9DA
#C2C9DA
#C3C9D9
#C4C9D8
#C4C9D8
#C5C9D7
#C5C5DB
#C6C5DA
#C7C5D9
#C7C5D8
#C8C5D7
#C9C5D6
#CAC5D5
#C8C2DB
#C9C2DA
#CAC2D8
#CBC2D7
#CCC2D6
#CEC2D5
#CFC2D3
#CBBFDB
#CDBFD9
#CEBFD8
#D0BFD6
#D1BFD5
#D3BFD3
#D5BFD1
#CFBBDB
#D1BBD9
#D3BBD7
#D5BBD5
#D7BBD3
#D9BBD1
#DBBBCF
Colorpallet from #BBCFDB to #CFBBDB and to #DBCFBB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BECCDB
#BECCDA
#BFCDD9
#BFCDD9
#BFCED8
#C0CED7
#C0CFD6
#C1C9DB
#C2CAD9
#C2CBD8
#C3CCD6
#C4CDD5
#C4CED3
#C5CFD1
#C5C5DB
#C6C7D9
#C7C8D6
#C7CAD4
#C8CBD1
#C9CDCF
#CACFCC
#C8C2DB
#C9C4D8
#CAC6D5
#CBC8D1
#CCCACE
#CECCCB
#CFCFC7
#CBBFDB
#CDC2D7
#CEC4D3
#D0C7CF
#D1C9CA
#D3CCC6
#D5CFC1
#CFBBDB
#D1BED6
#D3C1D1
#D5C5CC
#D7C8C7
#D9CBC1
#DBCFBB
Colorpallet from #BBCFDB to #CFDBBB and to #DBBBCF
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BED1D6
#BED0D6
#BFCFD7
#BFCFD7
#BFCED8
#C0CDD8
#C0CCD9
#C1D3D1
#C2D1D2
#C2D0D3
#C3CED4
#C4CDD5
#C4CBD6
#C5C9D7
#C5D5CC
#C6D2CD
#C7D0CF
#C7CDD0
#C8CBD2
#C9C8D3
#CAC5D5
#C8D7C7
#C9D4C9
#CAD0CB
#CBCDCD
#CCCACF
#CEC6D1
#CFC2D3
#CBD9C1
#CDD5C4
#CED1C6
#D0CDC9
#D1C8CB
#D3C4CE
#D5BFD1
#CFDBBB
#D1D6BE
#D3D1C1
#D5CCC5
#D7C7C8
#D9C1CB
#DBBBCF
Colorpallet from #BBCFDB to #CFDBBB and to #DBCFBB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BED1D6
#BED1D6
#BFD0D6
#BFD0D6
#BFD0D6
#C0CFD6
#C0CFD6
#C1D3D1
#C2D2D1
#C2D2D1
#C3D1D1
#C4D0D1
#C4D0D1
#C5CFD1
#C5D5CC
#C6D4CC
#C7D3CC
#C7D2CC
#C8D1CC
#C9D0CC
#CACFCC
#C8D7C7
#C9D6C7
#CAD4C7
#CBD3C7
#CCD2C7
#CED1C7
#CFCFC7
#CBD9C1
#CDD7C1
#CED6C1
#D0D4C1
#D1D3C1
#D3D1C1
#D5CFC1
#CFDBBB
#D1D9BB
#D3D7BB
#D5D5BB
#D7D3BB
#D9D1BB
#DBCFBB
Colorpallet from #BBCFDB to #DBBBCF and to #DBCFBB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#BBCFDB
#C0CCD9
#C0CCD9
#C0CDD8
#C0CDD8
#C0CED7
#C0CED7
#C0CFD6
#C5C9D7
#C5CAD6
#C5CBD5
#C5CCD4
#C5CDD3
#C5CED2
#C5CFD1
#CAC5D5
#CAC7D4
#CAC8D2
#CACAD1
#CACBCF
#CACDCE
#CACFCC
#CFC2D3
#CFC4D1
#CFC6CF
#CFC8CD
#CFCACB
#CFCCC9
#CFCFC7
#D5BFD1
#D5C2CE
#D5C4CC
#D5C7C9
#D5C9C7
#D5CCC4
#D5CFC1
#DBBBCF
#DBBECC
#DBC1C9
#DBC5C5
#DBC8C2
#DBCBBF
#DBCFBB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts