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 #BFCCDD to #BFDDCC and to #CCBFDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCFDA
#BFCEDA
#C0CDDB
#C0CDDB
#C0CCDC
#C1CBDC
#C1CADD
#BFD1D8
#C0D0D9
#C0CEDA
#C1CDDA
#C2CBDB
#C2CADC
#C3C8DD
#BFD4D5
#C0D2D6
#C1D0D8
#C2CDD9
#C3CBDA
#C4C9DB
#C5C6DD
#BFD7D2
#C0D4D4
#C2D1D6
#C3CED7
#C4CBD9
#C5C8DB
#C7C4DD
#BFDACF
#C1D6D1
#C2D2D3
#C4CED6
#C5CBD8
#C7C7DA
#C9C2DD
#BFDDCC
#C1D8CF
#C3D3D1
#C5CFD4
#C7CAD7
#C9C5DA
#CCBFDD
Colorpallet from #BFCCDD to #BFDDCC and to #CCDDBF
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCFDA
#BFCFDA
#C0CFD9
#C0CFD9
#C0CFD9
#C1CFD8
#C1CFD8
#BFD1D8
#C0D1D7
#C0D1D6
#C1D1D6
#C2D1D5
#C2D1D4
#C3D1D3
#BFD4D5
#C0D4D4
#C1D4D3
#C2D4D2
#C3D4D1
#C4D4D0
#C5D4CF
#BFD7D2
#C0D7D1
#C2D7CF
#C3D7CE
#C4D7CD
#C5D7CC
#C7D7CA
#BFDACF
#C1DACD
#C2DACC
#C4DACA
#C5DAC9
#C7DAC7
#C9DAC5
#BFDDCC
#C1DDCA
#C3DDC8
#C5DDC6
#C7DDC4
#C9DDC2
#CCDDBF
Colorpallet from #BFCCDD to #BFDDCC and to #DDBFCC
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCFDA
#C0CEDA
#C1CDDA
#C1CDDA
#C2CCDA
#C3CBDA
#C4CADA
#BFD1D8
#C1D0D8
#C2CED8
#C4CDD8
#C5CBD8
#C7CAD8
#C9C8D8
#BFD4D5
#C1D2D5
#C3D0D5
#C6CDD5
#C8CBD5
#CAC9D5
#CDC6D5
#BFD7D2
#C2D4D2
#C5D1D2
#C8CED2
#CBCBD2
#CEC8D2
#D2C4D2
#BFDACF
#C3D6CF
#C7D2CF
#CBCECF
#CECBCF
#D2C7CF
#D7C2CF
#BFDDCC
#C4D8CC
#C9D3CC
#CDCFCC
#D2CACC
#D7C5CC
#DDBFCC
Colorpallet from #BFCCDD to #BFDDCC and to #DDCCBF
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCFDA
#C0CFDA
#C1CED9
#C1CED9
#C2CDD9
#C3CDD8
#C4CCD8
#BFD1D8
#C1D0D7
#C2CFD6
#C4CFD6
#C5CED5
#C7CDD4
#C9CCD3
#BFD4D5
#C1D3D4
#C3D1D3
#C6D0D2
#C8CFD1
#CACED0
#CDCCCF
#BFD7D2
#C2D5D1
#C5D3CF
#C8D2CE
#CBD0CD
#CECECC
#D2CCCA
#BFDACF
#C3D8CD
#C7D6CC
#CBD3CA
#CED1C9
#D2CFC7
#D7CCC5
#BFDDCC
#C4DACA
#C9D8C8
#CDD5C6
#D2D2C4
#D7CFC2
#DDCCBF
Colorpallet from #BFCCDD to #CCBFDD and to #CCDDBF
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#C1CADD
#C1CBDC
#C1CCDB
#C1CCDB
#C1CDDA
#C1CED9
#C1CFD8
#C3C8DD
#C3C9DB
#C3CBDA
#C3CCD8
#C3CED7
#C3CFD5
#C3D1D3
#C5C6DD
#C5C8DB
#C5CAD9
#C5CDD6
#C5CFD4
#C5D1D2
#C5D4CF
#C7C4DD
#C7C7DA
#C7CAD7
#C7CDD4
#C7D0D1
#C7D3CE
#C7D7CA
#C9C2DD
#C9C6D9
#C9CAD5
#C9CED1
#C9D1CE
#C9D5CA
#C9DAC5
#CCBFDD
#CCC4D8
#CCC9D3
#CCCDCF
#CCD2CA
#CCD7C5
#CCDDBF
Colorpallet from #BFCCDD to #CCBFDD and to #DDBFCC
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#C1CADD
#C1CADD
#C2CADC
#C2CADC
#C3CADB
#C3CADB
#C4CADA
#C3C8DD
#C4C8DC
#C5C8DB
#C6C8DB
#C7C8DA
#C8C8D9
#C9C8D8
#C5C6DD
#C6C6DC
#C8C6DA
#C9C6D9
#CAC6D8
#CBC6D7
#CDC6D5
#C7C4DD
#C9C4DB
#CBC4D9
#CCC4D8
#CEC4D6
#D0C4D4
#D2C4D2
#C9C2DD
#CBC2DB
#CDC2D9
#D0C2D6
#D2C2D4
#D4C2D2
#D7C2CF
#CCBFDD
#CFBFDA
#D1BFD8
#D4BFD5
#D7BFD2
#DABFCF
#DDBFCC
Colorpallet from #BFCCDD to #CCBFDD and to #DDCCBF
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#C1CADD
#C1CADC
#C2CBDB
#C2CBDB
#C3CBDA
#C3CCD9
#C4CCD8
#C3C8DD
#C4C9DB
#C5C9DA
#C6CAD8
#C7CBD7
#C8CBD5
#C9CCD3
#C5C6DD
#C6C7DB
#C8C8D9
#C9C9D6
#CACAD4
#CBCBD2
#CDCCCF
#C7C4DD
#C9C5DA
#CBC7D7
#CCC8D4
#CEC9D1
#D0CACE
#D2CCCA
#C9C2DD
#CBC4D9
#CDC5D5
#D0C7D1
#D2C8CE
#D4CACA
#D7CCC5
#CCBFDD
#CFC1D8
#D1C3D3
#D4C5CF
#D7C7CA
#DAC9C5
#DDCCBF
Colorpallet from #BFCCDD to #CCDDBF and to #DDBFCC
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#C1CFD8
#C1CED8
#C2CDD9
#C2CDD9
#C3CCD9
#C3CBDA
#C4CADA
#C3D1D3
#C4D0D4
#C5CED5
#C6CDD5
#C7CBD6
#C8CAD7
#C9C8D8
#C5D4CF
#C6D2D0
#C8D0D1
#C9CDD2
#CACBD3
#CBC9D4
#CDC6D5
#C7D7CA
#C9D4CB
#CBD1CD
#CCCECE
#CECBCF
#D0C8D0
#D2C4D2
#C9DAC5
#CBD6C7
#CDD2C8
#D0CECA
#D2CBCB
#D4C7CD
#D7C2CF
#CCDDBF
#CFD8C1
#D1D3C3
#D4CFC5
#D7CAC7
#DAC5C9
#DDBFCC
Colorpallet from #BFCCDD to #CCDDBF and to #DDCCBF
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#C1CFD8
#C1CFD8
#C2CED8
#C2CED8
#C3CDD8
#C3CDD8
#C4CCD8
#C3D1D3
#C4D0D3
#C5CFD3
#C6CFD3
#C7CED3
#C8CDD3
#C9CCD3
#C5D4CF
#C6D3CF
#C8D1CF
#C9D0CF
#CACFCF
#CBCECF
#CDCCCF
#C7D7CA
#C9D5CA
#CBD3CA
#CCD2CA
#CED0CA
#D0CECA
#D2CCCA
#C9DAC5
#CBD8C5
#CDD6C5
#D0D3C5
#D2D1C5
#D4CFC5
#D7CCC5
#CCDDBF
#CFDABF
#D1D8BF
#D4D5BF
#D7D2BF
#DACFBF
#DDCCBF
Colorpallet from #BFCCDD to #DDBFCC and to #DDCCBF
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#BFCCDD
#C4CADA
#C4CADA
#C4CBD9
#C4CBD9
#C4CBD9
#C4CCD8
#C4CCD8
#C9C8D8
#C9C9D7
#C9C9D6
#C9CAD6
#C9CBD5
#C9CBD4
#C9CCD3
#CDC6D5
#CDC7D4
#CDC8D3
#CDC9D2
#CDCAD1
#CDCBD0
#CDCCCF
#D2C4D2
#D2C5D1
#D2C7CF
#D2C8CE
#D2C9CD
#D2CACC
#D2CCCA
#D7C2CF
#D7C4CD
#D7C5CC
#D7C7CA
#D7C8C9
#D7CAC7
#D7CCC5
#DDBFCC
#DDC1CA
#DDC3C8
#DDC5C6
#DDC7C4
#DDC9C2
#DDCCBF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts