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 #BDE2D2 to #BDD2E2 and to #E2BDD2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDDFD5
#BEDFD5
#BFDED4
#C0DED4
#C1DDD3
#C2DDD3
#C3DCD2
#BDDDD7
#BFDCD6
#C1DBD5
#C3DAD5
#C5D9D4
#C7D7D3
#C9D6D2
#BDDADA
#C0D8D9
#C3D7D7
#C6D5D6
#C9D4D5
#CBD2D4
#CFD0D2
#BDD8DC
#C1D6DA
#C5D4D9
#C9D1D7
#CCCFD6
#D0CDD4
#D5CAD2
#BDD5DF
#C2D2DD
#C7D0DB
#CBCDD9
#D0CAD7
#D5C7D5
#DBC4D2
#BDD2E2
#C3CFDF
#C9CBDD
#CFC8DA
#D5C5D8
#DBC1D5
#E2BDD2
Colorpallet from #BDE2D2 to #BDD2E2 and to #E2D2BD
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDDFD5
#BEDFD4
#BFDFD3
#C0DFD2
#C1DFD1
#C2DFD0
#C3DFCF
#BDDDD7
#BFDDD5
#C1DDD3
#C3DDD1
#C5DDCF
#C7DDCD
#C9DDCB
#BDDADA
#C0DAD7
#C3DAD4
#C6DAD1
#C9DACE
#CBDACC
#CFDAC8
#BDD8DC
#C1D8D8
#C5D8D5
#C9D8D1
#CCD8CD
#D0D8CA
#D5D8C5
#BDD5DF
#C2D5DA
#C7D5D5
#CBD5D1
#D0D5CC
#D5D5C7
#DBD5C1
#BDD2E2
#C3D2DC
#C9D2D6
#CFD2D0
#D5D2CA
#DBD2C4
#E2D2BD
Colorpallet from #BDE2D2 to #BDD2E2 and to #D2BDE2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDDFD5
#BDDFD5
#BEDED5
#BEDED5
#BFDDD5
#BFDDD5
#C0DCD5
#BDDDD7
#BEDCD7
#BFDBD7
#C0DAD7
#C1D9D7
#C3D7D7
#C4D6D7
#BDDADA
#BFD8DA
#C0D7DA
#C2D5DA
#C3D4DA
#C5D2DA
#C7D0DA
#BDD8DC
#BFD6DC
#C1D4DC
#C3D1DC
#C5CFDC
#C7CDDC
#CACADC
#BDD5DF
#C0D2DF
#C2D0DF
#C5CDDF
#C8CADF
#CBC7DF
#CEC4DF
#BDD2E2
#C0CFE2
#C4CBE2
#C7C8E2
#CAC5E2
#CEC1E2
#D2BDE2
Colorpallet from #BDE2D2 to #BDD2E2 and to #D2E2BD
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDDFD5
#BDDFD4
#BEE0D3
#BEE0D2
#BFE1D1
#BFE1D0
#C0E2CF
#BDDDD7
#BEDED5
#BFDFD3
#C0DFD1
#C1E0CF
#C3E1CD
#C4E2CB
#BDDADA
#BFDBD7
#C0DDD4
#C2DED1
#C3DFCE
#C5E0CC
#C7E2C8
#BDD8DC
#BFDAD8
#C1DBD5
#C3DDD1
#C5DECD
#C7E0CA
#CAE2C5
#BDD5DF
#C0D7DA
#C2D9D5
#C5DBD1
#C8DDCC
#CBDFC7
#CEE2C1
#BDD2E2
#C0D5DC
#C4D7D6
#C7DAD0
#CADCCA
#CEDFC4
#D2E2BD
Colorpallet from #BDE2D2 to #E2BDD2 and to #E2D2BD
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#C3DCD2
#C3DCD2
#C3DDD1
#C3DDD1
#C3DED0
#C3DED0
#C3DFCF
#C9D6D2
#C9D7D1
#C9D8D0
#C9D9CF
#C9DACE
#C9DCCC
#C9DDCB
#CFD0D2
#CFD2D0
#CFD3CF
#CFD5CD
#CFD6CC
#CFD8CA
#CFDAC8
#D5CAD2
#D5CCD0
#D5CECE
#D5D1CC
#D5D3CA
#D5D5C8
#D5D8C5
#DBC4D2
#DBC7CF
#DBC9CD
#DBCCCA
#DBCFC7
#DBD2C4
#DBD5C1
#E2BDD2
#E2C0CF
#E2C4CB
#E2C7C8
#E2CAC5
#E2CEC1
#E2D2BD
Colorpallet from #BDE2D2 to #E2BDD2 and to #D2BDE2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#C3DCD2
#C3DCD2
#C2DCD3
#C2DCD3
#C1DCD4
#C1DCD4
#C0DCD5
#C9D6D2
#C8D6D3
#C7D6D4
#C7D6D4
#C6D6D5
#C5D6D6
#C4D6D7
#CFD0D2
#CED0D3
#CCD0D5
#CBD0D6
#CAD0D7
#C9D0D8
#C7D0DA
#D5CAD2
#D3CAD4
#D1CAD5
#D0CAD7
#CECAD8
#CCCADA
#CACADC
#DBC4D2
#D9C4D4
#D7C4D6
#D5C4D8
#D3C4DA
#D1C4DC
#CEC4DF
#E2BDD2
#DFBDD5
#DDBDD7
#DABDDA
#D8BDDC
#D5BDDF
#D2BDE2
Colorpallet from #BDE2D2 to #E2BDD2 and to #D2E2BD
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#C3DCD2
#C3DDD2
#C2DED1
#C2DFD1
#C1E0D0
#C1E1D0
#C0E2CF
#C9D6D2
#C8D8D1
#C7DAD0
#C7DCCF
#C6DECE
#C5E0CC
#C4E2CB
#CFD0D2
#CED3D0
#CCD6CF
#CBD9CD
#CADCCC
#C9DECA
#C7E2C8
#D5CAD2
#D3CED0
#D1D2CE
#D0D6CC
#CED9CA
#CCDDC8
#CAE2C5
#DBC4D2
#D9C9CF
#D7CECD
#D5D2CA
#D3D7C7
#D1DCC4
#CEE2C1
#E2BDD2
#DFC3CF
#DDC9CB
#DACFC8
#D8D5C5
#D5DBC1
#D2E2BD
Colorpallet from #BDE2D2 to #E2D2BD and to #D2BDE2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#C3DFCF
#C3DFD0
#C2DED1
#C2DED2
#C1DDD3
#C1DDD4
#C0DCD5
#C9DDCB
#C8DCCD
#C7DBCF
#C7DAD1
#C6D9D3
#C5D7D5
#C4D6D7
#CFDAC8
#CED8CB
#CCD7CE
#CBD5D1
#CAD4D4
#C9D2D6
#C7D0DA
#D5D8C5
#D3D6C9
#D1D4CC
#D0D1D0
#CECFD4
#CCCDD7
#CACADC
#DBD5C1
#D9D2C6
#D7D0CB
#D5CDCF
#D3CAD4
#D1C7D9
#CEC4DF
#E2D2BD
#DFCFC3
#DDCBC9
#DAC8CF
#D8C5D5
#D5C1DB
#D2BDE2
Colorpallet from #BDE2D2 to #E2D2BD and to #D2E2BD
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#C3DFCF
#C3DFCF
#C2E0CF
#C2E0CF
#C1E1CF
#C1E1CF
#C0E2CF
#C9DDCB
#C8DECB
#C7DFCB
#C7DFCB
#C6E0CB
#C5E1CB
#C4E2CB
#CFDAC8
#CEDBC8
#CCDDC8
#CBDEC8
#CADFC8
#C9E0C8
#C7E2C8
#D5D8C5
#D3DAC5
#D1DBC5
#D0DDC5
#CEDEC5
#CCE0C5
#CAE2C5
#DBD5C1
#D9D7C1
#D7D9C1
#D5DBC1
#D3DDC1
#D1DFC1
#CEE2C1
#E2D2BD
#DFD5BD
#DDD7BD
#DADABD
#D8DCBD
#D5DFBD
#D2E2BD
Colorpallet from #BDE2D2 to #D2BDE2 and to #D2E2BD
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#BDE2D2
#C0DCD5
#C0DDD4
#C0DED3
#C0DFD2
#C0E0D1
#C0E1D0
#C0E2CF
#C4D6D7
#C4D8D5
#C4DAD3
#C4DCD1
#C4DECF
#C4E0CD
#C4E2CB
#C7D0DA
#C7D3D7
#C7D6D4
#C7D9D1
#C7DCCE
#C7DECC
#C7E2C8
#CACADC
#CACED8
#CAD2D5
#CAD6D1
#CAD9CD
#CADDCA
#CAE2C5
#CEC4DF
#CEC9DA
#CECED5
#CED2D1
#CED7CC
#CEDCC7
#CEE2C1
#D2BDE2
#D2C3DC
#D2C9D6
#D2CFD0
#D2D5CA
#D2DBC4
#D2E2BD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts