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 #C1E3D5 to #C1D5E3 and to #E3C1D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E1D7
#C2E1D7
#C3E0D6
#C3E0D6
#C4DFD6
#C5DFD5
#C6DED5
#C1DFD9
#C3DED8
#C5DDD8
#C6DCD7
#C8DBD6
#CAD9D6
#CCD8D5
#C1DCDC
#C4DBDB
#C6D9DA
#C9D8D9
#CBD6D8
#CED5D6
#D1D3D5
#C1DADE
#C5D8DD
#C8D6DB
#CCD4DA
#CFD2D8
#D3D0D7
#D7CDD5
#C1D8E0
#C5D5DE
#CAD3DC
#CED0DB
#D2CED9
#D7CBD7
#DCC8D5
#C1D5E3
#C6D2E1
#CCCFDF
#D1CBDC
#D7C8DA
#DCC5D8
#E3C1D5
Colorpallet from #C1E3D5 to #C1D5E3 and to #E3D5C1
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E1D7
#C2E1D6
#C3E1D5
#C3E1D5
#C4E1D4
#C5E1D3
#C6E1D2
#C1DFD9
#C3DFD7
#C5DFD6
#C6DFD4
#C8DFD3
#CADFD1
#CCDFCF
#C1DCDC
#C4DCD9
#C6DCD7
#C9DCD4
#CBDCD1
#CEDCCE
#D1DCCB
#C1DADE
#C5DADA
#C8DAD7
#CCDAD3
#CFDAD0
#D3DACC
#D7DAC8
#C1D8E0
#C5D8DC
#CAD8D7
#CED8D3
#D2D8CF
#D7D8CA
#DCD8C5
#C1D5E3
#C6D5DE
#CCD5D8
#D1D5D3
#D7D5CD
#DCD5C8
#E3D5C1
Colorpallet from #C1E3D5 to #C1D5E3 and to #D5C1E3
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E1D7
#C1E1D7
#C2E0D7
#C2E0D7
#C3DFD7
#C3DFD7
#C4DED7
#C1DFD9
#C2DED9
#C3DDD9
#C4DCD9
#C5DBD9
#C6D9D9
#C7D8D9
#C1DCDC
#C3DBDC
#C4D9DC
#C6D8DC
#C7D6DC
#C9D5DC
#CBD3DC
#C1DADE
#C3D8DE
#C5D6DE
#C7D4DE
#C9D2DE
#CBD0DE
#CECDDE
#C1D8E0
#C4D5E0
#C6D3E0
#C9D0E0
#CBCEE0
#CECBE0
#D1C8E0
#C1D5E3
#C4D2E3
#C7CFE3
#CBCBE3
#CEC8E3
#D1C5E3
#D5C1E3
Colorpallet from #C1E3D5 to #C1D5E3 and to #D5E3C1
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E1D7
#C1E1D6
#C2E2D5
#C2E2D5
#C3E2D4
#C3E3D3
#C4E3D2
#C1DFD9
#C2E0D7
#C3E0D6
#C4E1D4
#C5E2D3
#C6E2D1
#C7E3CF
#C1DCDC
#C3DDD9
#C4DED7
#C6DFD4
#C7E0D1
#C9E2CE
#CBE3CB
#C1DADE
#C3DBDA
#C5DDD7
#C7DED3
#C9E0D0
#CBE1CC
#CEE3C8
#C1D8E0
#C4DADC
#C6DCD7
#C9DDD3
#CBDFCF
#CEE1CA
#D1E3C5
#C1D5E3
#C4D7DE
#C7D9D8
#CBDCD3
#CEDECD
#D1E0C8
#D5E3C1
Colorpallet from #C1E3D5 to #E3C1D5 and to #E3D5C1
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C6DED5
#C6DED5
#C6DFD4
#C6DFD4
#C6E0D3
#C6E0D3
#C6E1D2
#CCD8D5
#CCD9D4
#CCDAD3
#CCDBD2
#CCDCD1
#CCDED0
#CCDFCF
#D1D3D5
#D1D4D3
#D1D6D2
#D1D7D0
#D1D9CF
#D1DACD
#D1DCCB
#D7CDD5
#D7CFD3
#D7D1D1
#D7D3CF
#D7D5CD
#D7D7CB
#D7DAC8
#DCC8D5
#DCCBD2
#DCCDD0
#DCD0CD
#DCD2CB
#DCD5C8
#DCD8C5
#E3C1D5
#E3C4D2
#E3C7CF
#E3CBCB
#E3CEC8
#E3D1C5
#E3D5C1
Colorpallet from #C1E3D5 to #E3C1D5 and to #D5C1E3
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C6DED5
#C6DED5
#C5DED6
#C5DED6
#C5DED6
#C4DED7
#C4DED7
#CCD8D5
#CBD8D6
#CAD8D6
#CAD8D7
#C9D8D8
#C8D8D8
#C7D8D9
#D1D3D5
#D0D3D6
#CFD3D7
#CED3D8
#CDD3D9
#CCD3DB
#CBD3DC
#D7CDD5
#D6CDD6
#D4CDD8
#D3CDD9
#D1CDDB
#D0CDDC
#CECDDE
#DCC8D5
#DAC8D7
#D8C8D9
#D7C8DA
#D5C8DC
#D3C8DE
#D1C8E0
#E3C1D5
#E1C1D7
#DFC1D9
#DCC1DC
#DAC1DE
#D8C1E0
#D5C1E3
Colorpallet from #C1E3D5 to #E3C1D5 and to #D5E3C1
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C6DED5
#C6DFD5
#C5E0D4
#C5E0D4
#C5E1D3
#C4E2D3
#C4E3D2
#CCD8D5
#CBDAD4
#CADCD3
#CADDD2
#C9DFD1
#C8E1D0
#C7E3CF
#D1D3D5
#D0D6D3
#CFD8D2
#CEDBD0
#CDDDCF
#CCE0CD
#CBE3CB
#D7CDD5
#D6D1D3
#D4D4D1
#D3D8CF
#D1DBCD
#D0DFCB
#CEE3C8
#DCC8D5
#DACCD2
#D8D1D0
#D7D5CD
#D5D9CB
#D3DEC8
#D1E3C5
#E3C1D5
#E1C6D2
#DFCCCF
#DCD1CB
#DAD7C8
#D8DCC5
#D5E3C1
Colorpallet from #C1E3D5 to #E3D5C1 and to #D5C1E3
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C6E1D2
#C6E1D3
#C5E0D4
#C5E0D4
#C5DFD5
#C4DFD6
#C4DED7
#CCDFCF
#CBDED1
#CADDD2
#CADCD4
#C9DBD5
#C8D9D7
#C7D8D9
#D1DCCB
#D0DBCE
#CFD9D0
#CED8D3
#CDD6D6
#CCD5D9
#CBD3DC
#D7DAC8
#D6D8CC
#D4D6CF
#D3D4D3
#D1D2D6
#D0D0DA
#CECDDE
#DCD8C5
#DAD5C9
#D8D3CE
#D7D0D2
#D5CED6
#D3CBDB
#D1C8E0
#E3D5C1
#E1D2C6
#DFCFCC
#DCCBD1
#DAC8D7
#D8C5DC
#D5C1E3
Colorpallet from #C1E3D5 to #E3D5C1 and to #D5E3C1
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C6E1D2
#C6E1D2
#C5E2D2
#C5E2D2
#C5E2D2
#C4E3D2
#C4E3D2
#CCDFCF
#CBE0CF
#CAE0CF
#CAE1CF
#C9E2CF
#C8E2CF
#C7E3CF
#D1DCCB
#D0DDCB
#CFDECB
#CEDFCB
#CDE0CB
#CCE2CB
#CBE3CB
#D7DAC8
#D6DBC8
#D4DDC8
#D3DEC8
#D1E0C8
#D0E1C8
#CEE3C8
#DCD8C5
#DADAC5
#D8DCC5
#D7DDC5
#D5DFC5
#D3E1C5
#D1E3C5
#E3D5C1
#E1D7C1
#DFD9C1
#DCDCC1
#DADEC1
#D8E0C1
#D5E3C1
Colorpallet from #C1E3D5 to #D5C1E3 and to #D5E3C1
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C1E3D5
#C4DED7
#C4DFD6
#C4E0D5
#C4E0D5
#C4E1D4
#C4E2D3
#C4E3D2
#C7D8D9
#C7DAD7
#C7DCD6
#C7DDD4
#C7DFD3
#C7E1D1
#C7E3CF
#CBD3DC
#CBD6D9
#CBD8D7
#CBDBD4
#CBDDD1
#CBE0CE
#CBE3CB
#CECDDE
#CED1DA
#CED4D7
#CED8D3
#CEDBD0
#CEDFCC
#CEE3C8
#D1C8E0
#D1CCDC
#D1D1D7
#D1D5D3
#D1D9CF
#D1DECA
#D1E3C5
#D5C1E3
#D5C6DE
#D5CCD8
#D5D1D3
#D5D7CD
#D5DCC8
#D5E3C1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts