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 #C2D1ED to #C2EDD1 and to #D1C2ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D5E9
#C2D4EA
#C3D3EA
#C3D2EB
#C3D1EC
#C4D0EC
#C4CFED
#C2DAE4
#C3D8E5
#C4D6E7
#C4D3E8
#C5D1EA
#C6CFEB
#C7CCED
#C2DEE0
#C3DBE2
#C4D8E4
#C5D4E6
#C6D1E8
#C8CEEA
#C9CAED
#C2E3DB
#C4DFDE
#C5DAE1
#C7D6E4
#C8D1E7
#CACDE9
#CCC7ED
#C2E7D7
#C4E2DB
#C6DCDE
#C8D7E2
#CAD1E5
#CCCCE9
#CEC5ED
#C2EDD1
#C4E6D5
#C7DFDA
#C9D8DE
#CCD1E3
#CECBE7
#D1C2ED
Colorpallet from #C2D1ED to #C2EDD1 and to #D1EDC2
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D5E9
#C2D5E9
#C3D5E8
#C3D5E8
#C3D5E7
#C4D5E7
#C4D5E6
#C2DAE4
#C3DAE3
#C4DAE2
#C4DAE2
#C5DAE1
#C6DAE0
#C7DADF
#C2DEE0
#C3DEDF
#C4DEDD
#C5DEDC
#C6DEDB
#C8DEDA
#C9DED8
#C2E3DB
#C4E3D9
#C5E3D8
#C7E3D6
#C8E3D5
#CAE3D3
#CCE3D1
#C2E7D7
#C4E7D5
#C6E7D3
#C8E7D1
#CAE7CF
#CCE7CD
#CEE7CB
#C2EDD1
#C4EDCF
#C7EDCC
#C9EDCA
#CCEDC7
#CEEDC5
#D1EDC2
Colorpallet from #C2D1ED to #C2EDD1 and to #EDC2D1
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D5E9
#C3D4E9
#C4D3E9
#C5D2E9
#C6D1E9
#C8D0E9
#C9CFE9
#C2DAE4
#C4D8E4
#C6D6E4
#C9D3E4
#CBD1E4
#CDCFE4
#D0CCE4
#C2DEE0
#C5DBE0
#C9D8E0
#CCD4E0
#CFD1E0
#D3CEE0
#D7CAE0
#C2E3DB
#C6DFDB
#CBDADB
#CFD6DB
#D4D1DB
#D8CDDB
#DEC7DB
#C2E7D7
#C7E2D7
#CDDCD7
#D2D7D7
#D8D1D7
#DDCCD7
#E4C5D7
#C2EDD1
#C9E6D1
#D0DFD1
#D7D8D1
#DED1D1
#E4CBD1
#EDC2D1
Colorpallet from #C2D1ED to #C2EDD1 and to #EDD1C2
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D5E9
#C3D4E9
#C4D4E8
#C5D3E8
#C6D2E7
#C8D2E7
#C9D1E6
#C2DAE4
#C4D9E3
#C6D7E2
#C9D6E2
#CBD4E1
#CDD3E0
#D0D1DF
#C2DEE0
#C5DCDF
#C9DADD
#CCD8DC
#CFD6DB
#D3D4DA
#D7D1D8
#C2E3DB
#C6E0D9
#CBDDD8
#CFDAD6
#D4D7D5
#D8D5D3
#DED1D1
#C2E7D7
#C7E3D5
#CDE0D3
#D2DCD1
#D8D9CF
#DDD5CD
#E4D1CB
#C2EDD1
#C9E9CF
#D0E4CC
#D7E0CA
#DEDBC7
#E4D7C5
#EDD1C2
Colorpallet from #C2D1ED to #D1C2ED and to #D1EDC2
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C4CFED
#C4D0EC
#C4D1EB
#C4D2EA
#C4D3E9
#C4D4E7
#C4D5E6
#C7CCED
#C7CEEB
#C7D0E9
#C7D3E6
#C7D5E4
#C7D7E2
#C7DADF
#C9CAED
#C9CDEA
#C9D0E6
#C9D4E3
#C9D7E0
#C9DADC
#C9DED8
#CCC7ED
#CCCBE9
#CCD0E4
#CCD4E0
#CCD9DB
#CCDDD7
#CCE3D1
#CEC5ED
#CECAE8
#CED0E2
#CED5DD
#CEDBD7
#CEE0D2
#CEE7CB
#D1C2ED
#D1C9E6
#D1D0DF
#D1D7D8
#D1DED1
#D1E4CB
#D1EDC2
Colorpallet from #C2D1ED to #D1C2ED and to #EDC2D1
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C4CFED
#C5CFEC
#C6CFEC
#C6CFEB
#C7CFEA
#C8CFEA
#C9CFE9
#C7CCED
#C8CCEC
#CACCEA
#CBCCE9
#CDCCE7
#CECCE6
#D0CCE4
#C9CAED
#CBCAEB
#CDCAE9
#D0CAE7
#D2CAE5
#D4CAE3
#D7CAE0
#CCC7ED
#CFC7EA
#D2C7E7
#D5C7E4
#D8C7E1
#DAC7DF
#DEC7DB
#CEC5ED
#D2C5E9
#D5C5E6
#D9C5E2
#DCC5DF
#E0C5DB
#E4C5D7
#D1C2ED
#D5C2E9
#DAC2E4
#DEC2E0
#E3C2DB
#E7C2D7
#EDC2D1
Colorpallet from #C2D1ED to #D1C2ED and to #EDD1C2
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C4CFED
#C5CFEC
#C6D0EB
#C6D0EA
#C7D0E9
#C8D1E7
#C9D1E6
#C7CCED
#C8CDEB
#CACEE9
#CBCEE6
#CDCFE4
#CED0E2
#D0D1DF
#C9CAED
#CBCBEA
#CDCCE6
#D0CDE3
#D2CEE0
#D4D0DC
#D7D1D8
#CCC7ED
#CFC9E9
#D2CAE4
#D5CCE0
#D8CDDB
#DACFD7
#DED1D1
#CEC5ED
#D2C7E8
#D5C9E2
#D9CBDD
#DCCDD7
#E0CFD2
#E4D1CB
#D1C2ED
#D5C4E6
#DAC7DF
#DEC9D8
#E3CCD1
#E7CECB
#EDD1C2
Colorpallet from #C2D1ED to #D1EDC2 and to #EDC2D1
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C4D5E6
#C5D4E6
#C6D3E7
#C6D2E7
#C7D1E8
#C8D0E8
#C9CFE9
#C7DADF
#C8D8E0
#CAD6E1
#CBD3E1
#CDD1E2
#CECFE3
#D0CCE4
#C9DED8
#CBDBD9
#CDD8DB
#D0D4DC
#D2D1DD
#D4CEDE
#D7CAE0
#CCE3D1
#CFDFD3
#D2DAD4
#D5D6D6
#D8D1D7
#DACDD9
#DEC7DB
#CEE7CB
#D2E2CD
#D5DCCF
#D9D7D1
#DCD1D3
#E0CCD5
#E4C5D7
#D1EDC2
#D5E6C4
#DADFC7
#DED8C9
#E3D1CC
#E7CBCE
#EDC2D1
Colorpallet from #C2D1ED to #D1EDC2 and to #EDD1C2
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C4D5E6
#C5D4E6
#C6D4E6
#C6D3E6
#C7D2E6
#C8D2E6
#C9D1E6
#C7DADF
#C8D9DF
#CAD7DF
#CBD6DF
#CDD4DF
#CED3DF
#D0D1DF
#C9DED8
#CBDCD8
#CDDAD8
#D0D8D8
#D2D6D8
#D4D4D8
#D7D1D8
#CCE3D1
#CFE0D1
#D2DDD1
#D5DAD1
#D8D7D1
#DAD5D1
#DED1D1
#CEE7CB
#D2E3CB
#D5E0CB
#D9DCCB
#DCD9CB
#E0D5CB
#E4D1CB
#D1EDC2
#D5E9C2
#DAE4C2
#DEE0C2
#E3DBC2
#E7D7C2
#EDD1C2
Colorpallet from #C2D1ED to #EDC2D1 and to #EDD1C2
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C2D1ED
#C9CFE9
#C9CFE9
#C9D0E8
#C9D0E8
#C9D0E7
#C9D1E7
#C9D1E6
#D0CCE4
#D0CDE3
#D0CEE2
#D0CEE2
#D0CFE1
#D0D0E0
#D0D1DF
#D7CAE0
#D7CBDF
#D7CCDD
#D7CDDC
#D7CEDB
#D7D0DA
#D7D1D8
#DEC7DB
#DEC9D9
#DECAD8
#DECCD6
#DECDD5
#DECFD3
#DED1D1
#E4C5D7
#E4C7D5
#E4C9D3
#E4CBD1
#E4CDCF
#E4CFCD
#E4D1CB
#EDC2D1
#EDC4CF
#EDC7CC
#EDC9CA
#EDCCC7
#EDCEC5
#EDD1C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts