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 #BBDDCD to #BBCDDD and to #DDBBCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDAD0
#BCDAD0
#BDD9CF
#BDD9CF
#BED9CE
#BFD8CE
#C0D8CD
#BBD8D2
#BDD7D1
#BFD6D0
#C0D5D0
#C2D4CF
#C4D3CE
#C6D2CD
#BBD5D5
#BED4D4
#C0D2D2
#C3D1D1
#C5D0D0
#C8CFCF
#CBCDCD
#BBD3D7
#BFD1D5
#C2CFD4
#C6CDD2
#C9CBD1
#CDC9CF
#D1C7CD
#BBD0DA
#BFCED8
#C4CCD6
#C8C9D4
#CCC7D2
#D1C5D0
#D6C2CD
#BBCDDD
#C0CADA
#C6C7D8
#CBC4D5
#D1C1D3
#D6BFD0
#DDBBCD
Colorpallet from #BBDDCD to #BBCDDD and to #DDCDBB
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDAD0
#BCDACF
#BDDACE
#BDDACD
#BEDACC
#BFDACB
#C0DACA
#BBD8D2
#BDD8D0
#BFD8CE
#C0D8CD
#C2D8CB
#C4D8C9
#C6D8C7
#BBD5D5
#BED5D2
#C0D5D0
#C3D5CD
#C5D5CA
#C8D5C7
#CBD5C4
#BBD3D7
#BFD3D3
#C2D3D0
#C6D3CC
#C9D3C9
#CDD3C5
#D1D3C1
#BBD0DA
#BFD0D6
#C4D0D1
#C8D0CD
#CCD0C9
#D1D0C4
#D6D0BF
#BBCDDD
#C0CDD8
#C6CDD2
#CBCDCD
#D1CDC7
#D6CDC2
#DDCDBB
Colorpallet from #BBDDCD to #BBCDDD and to #CDBBDD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDAD0
#BBDAD0
#BCD9D0
#BCD9D0
#BDD9D0
#BDD8D0
#BED8D0
#BBD8D2
#BCD7D2
#BDD6D2
#BED5D2
#BFD4D2
#C0D3D2
#C1D2D2
#BBD5D5
#BCD4D5
#BED2D5
#BFD1D5
#C1D0D5
#C2CFD5
#C4CDD5
#BBD3D7
#BDD1D7
#BFCFD7
#C1CDD7
#C3CBD7
#C5C9D7
#C7C7D7
#BBD0DA
#BDCEDA
#BFCCDA
#C2C9DA
#C4C7DA
#C6C5DA
#C9C2DA
#BBCDDD
#BECADD
#C1C7DD
#C4C4DD
#C7C1DD
#C9BFDD
#CDBBDD
Colorpallet from #BBDDCD to #BBCDDD and to #CDDDBB
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDAD0
#BBDACF
#BCDBCE
#BCDBCD
#BDDCCC
#BDDCCB
#BEDDCA
#BBD8D2
#BCD9D0
#BDDACE
#BEDACD
#BFDBCB
#C0DCC9
#C1DDC7
#BBD5D5
#BCD6D2
#BED8D0
#BFD9CD
#C1DACA
#C2DBC7
#C4DDC4
#BBD3D7
#BDD5D3
#BFD6D0
#C1D8CC
#C3D9C9
#C5DBC5
#C7DDC1
#BBD0DA
#BDD2D6
#BFD4D1
#C2D6CD
#C4D8C9
#C6DAC4
#C9DDBF
#BBCDDD
#BED0D8
#C1D2D2
#C4D5CD
#C7D7C7
#C9DAC2
#CDDDBB
Colorpallet from #BBDDCD to #DDBBCD and to #DDCDBB
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#C0D8CD
#C0D8CD
#C0D9CC
#C0D9CC
#C0D9CB
#C0DACB
#C0DACA
#C6D2CD
#C6D3CC
#C6D4CB
#C6D5CA
#C6D6C9
#C6D7C8
#C6D8C7
#CBCDCD
#CBCECC
#CBD0CA
#CBD1C9
#CBD2C7
#CBD3C6
#CBD5C4
#D1C7CD
#D1C9CB
#D1CBC9
#D1CDC7
#D1CFC5
#D1D1C3
#D1D3C1
#D6C2CD
#D6C4CB
#D6C6C9
#D6C9C6
#D6CBC4
#D6CDC2
#D6D0BF
#DDBBCD
#DDBECA
#DDC1C7
#DDC4C4
#DDC7C1
#DDC9BF
#DDCDBB
Colorpallet from #BBDDCD to #DDBBCD and to #CDBBDD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#C0D8CD
#C0D8CD
#BFD8CE
#BFD8CE
#BFD8CF
#BED8CF
#BED8D0
#C6D2CD
#C5D2CE
#C4D2CF
#C4D2CF
#C3D2D0
#C2D2D1
#C1D2D2
#CBCDCD
#CACDCE
#C9CDD0
#C8CDD1
#C7CDD2
#C5CDD3
#C4CDD5
#D1C7CD
#CFC7CF
#CEC7D0
#CCC7D2
#CBC7D3
#C9C7D5
#C7C7D7
#D6C2CD
#D4C2CF
#D2C2D1
#D0C2D3
#CEC2D5
#CCC2D7
#C9C2DA
#DDBBCD
#DABBD0
#D8BBD2
#D5BBD5
#D3BBD7
#D0BBDA
#CDBBDD
Colorpallet from #BBDDCD to #DDBBCD and to #CDDDBB
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#C0D8CD
#C0D9CD
#BFDACC
#BFDACC
#BFDBCB
#BEDCCB
#BEDDCA
#C6D2CD
#C5D4CC
#C4D6CB
#C4D7CA
#C3D9C9
#C2DBC8
#C1DDC7
#CBCDCD
#CAD0CC
#C9D2CA
#C8D5C9
#C7D7C7
#C5DAC6
#C4DDC4
#D1C7CD
#CFCBCB
#CECEC9
#CCD2C7
#CBD5C5
#C9D9C3
#C7DDC1
#D6C2CD
#D4C6CB
#D2CBC9
#D0CFC6
#CED3C4
#CCD8C2
#C9DDBF
#DDBBCD
#DAC0CA
#D8C6C7
#D5CBC4
#D3D1C1
#D0D6BF
#CDDDBB
Colorpallet from #BBDDCD to #DDCDBB and to #CDBBDD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#C0DACA
#C0DACB
#BFD9CC
#BFD9CD
#BFD9CE
#BED8CF
#BED8D0
#C6D8C7
#C5D7C9
#C4D6CB
#C4D5CC
#C3D4CE
#C2D3D0
#C1D2D2
#CBD5C4
#CAD4C7
#C9D2C9
#C8D1CC
#C7D0CF
#C5CFD2
#C4CDD5
#D1D3C1
#CFD1C5
#CECFC8
#CCCDCC
#CBCBCF
#C9C9D3
#C7C7D7
#D6D0BF
#D4CEC3
#D2CCC8
#D0C9CC
#CEC7D0
#CCC5D5
#C9C2DA
#DDCDBB
#DACAC0
#D8C7C6
#D5C4CB
#D3C1D1
#D0BFD6
#CDBBDD
Colorpallet from #BBDDCD to #DDCDBB and to #CDDDBB
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#C0DACA
#C0DACA
#BFDBCA
#BFDBCA
#BFDCCA
#BEDCCA
#BEDDCA
#C6D8C7
#C5D9C7
#C4DAC7
#C4DAC7
#C3DBC7
#C2DCC7
#C1DDC7
#CBD5C4
#CAD6C4
#C9D8C4
#C8D9C4
#C7DAC4
#C5DBC4
#C4DDC4
#D1D3C1
#CFD5C1
#CED6C1
#CCD8C1
#CBD9C1
#C9DBC1
#C7DDC1
#D6D0BF
#D4D2BF
#D2D4BF
#D0D6BF
#CED8BF
#CCDABF
#C9DDBF
#DDCDBB
#DAD0BB
#D8D2BB
#D5D5BB
#D3D7BB
#D0DABB
#CDDDBB
Colorpallet from #BBDDCD to #CDBBDD and to #CDDDBB
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BBDDCD
#BED8D0
#BED9CF
#BEDACE
#BEDACD
#BEDBCC
#BEDCCB
#BEDDCA
#C1D2D2
#C1D4D0
#C1D6CE
#C1D7CD
#C1D9CB
#C1DBC9
#C1DDC7
#C4CDD5
#C4D0D2
#C4D2D0
#C4D5CD
#C4D7CA
#C4DAC7
#C4DDC4
#C7C7D7
#C7CBD3
#C7CED0
#C7D2CC
#C7D5C9
#C7D9C5
#C7DDC1
#C9C2DA
#C9C6D6
#C9CBD1
#C9CFCD
#C9D3C9
#C9D8C4
#C9DDBF
#CDBBDD
#CDC0D8
#CDC6D2
#CDCBCD
#CDD1C7
#CDD6C2
#CDDDBB
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts