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 #C5D4E9 to #C5E9D4 and to #D4C5E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D7E6
#C5D6E6
#C6D5E7
#C6D5E7
#C6D4E8
#C7D3E8
#C7D2E9
#C5DBE2
#C6D9E3
#C7D7E4
#C7D5E5
#C8D3E6
#C9D1E8
#CACFE9
#C5DEDF
#C6DBE1
#C7D9E2
#C8D6E4
#C9D3E5
#CBD0E7
#CCCDE9
#C5E1DC
#C7DDDE
#C8DAE0
#CAD6E2
#CBD2E4
#CDCFE6
#CFCAE9
#C5E5D8
#C7E0DB
#C9DCDD
#CBD7E0
#CDD2E3
#CFCEE6
#D1C8E9
#C5E9D4
#C7E3D7
#CADDDB
#CCD8DE
#CFD2E1
#D1CCE5
#D4C5E9
Colorpallet from #C5D4E9 to #C5E9D4 and to #D4E9C5
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D7E6
#C5D7E6
#C6D7E5
#C6D7E5
#C6D7E4
#C7D7E4
#C7D7E3
#C5DBE2
#C6DBE1
#C7DBE0
#C7DBE0
#C8DBDF
#C9DBDE
#CADBDD
#C5DEDF
#C6DEDE
#C7DEDD
#C8DEDC
#C9DEDB
#CBDED9
#CCDED8
#C5E1DC
#C7E1DA
#C8E1D9
#CAE1D7
#CBE1D6
#CDE1D4
#CFE1D2
#C5E5D8
#C7E5D6
#C9E5D4
#CBE5D2
#CDE5D0
#CFE5CE
#D1E5CC
#C5E9D4
#C7E9D2
#CAE9CF
#CCE9CD
#CFE9CA
#D1E9C8
#D4E9C5
Colorpallet from #C5D4E9 to #C5E9D4 and to #E9C5D4
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D7E6
#C6D6E6
#C7D5E6
#C8D5E6
#C9D4E6
#CAD3E6
#CBD2E6
#C5DBE2
#C7D9E2
#C9D7E2
#CBD5E2
#CDD3E2
#CFD1E2
#D1CFE2
#C5DEDF
#C8DBDF
#CAD9DF
#CDD6DF
#D0D3DF
#D3D0DF
#D6CDDF
#C5E1DC
#C9DDDC
#CCDADC
#D0D6DC
#D4D2DC
#D7CFDC
#DCCADC
#C5E5D8
#CAE0D8
#CEDCD8
#D3D7D8
#D8D2D8
#DCCED8
#E2C8D8
#C5E9D4
#CBE3D4
#D1DDD4
#D6D8D4
#DCD2D4
#E2CCD4
#E9C5D4
Colorpallet from #C5D4E9 to #C5E9D4 and to #E9D4C5
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D7E6
#C6D7E6
#C7D6E5
#C8D6E5
#C9D5E4
#CAD5E4
#CBD4E3
#C5DBE2
#C7DAE1
#C9D9E0
#CBD8E0
#CDD7DF
#CFD5DE
#D1D4DD
#C5DEDF
#C8DCDE
#CADBDD
#CDD9DC
#D0D8DB
#D3D6D9
#D6D4D8
#C5E1DC
#C9DFDA
#CCDDD9
#D0DBD7
#D4D9D6
#D7D7D4
#DCD4D2
#C5E5D8
#CAE2D6
#CEE0D4
#D3DDD2
#D8DAD0
#DCD7CE
#E2D4CC
#C5E9D4
#CBE6D2
#D1E2CF
#D6DFCD
#DCDCCA
#E2D8C8
#E9D4C5
Colorpallet from #C5D4E9 to #D4C5E9 and to #D4E9C5
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C7D2E9
#C7D3E8
#C7D4E7
#C7D4E6
#C7D5E5
#C7D6E4
#C7D7E3
#CACFE9
#CAD1E7
#CAD3E5
#CAD5E3
#CAD7E1
#CAD9DF
#CADBDD
#CCCDE9
#CCD0E6
#CCD2E4
#CCD5E1
#CCD8DE
#CCDBDB
#CCDED8
#CFCAE9
#CFCEE5
#CFD1E2
#CFD5DE
#CFD9DA
#CFDCD7
#CFE1D2
#D1C8E9
#D1CDE4
#D1D1E0
#D1D6DB
#D1DBD6
#D1DFD2
#D1E5CC
#D4C5E9
#D4CBE3
#D4D1DD
#D4D6D8
#D4DCD2
#D4E2CC
#D4E9C5
Colorpallet from #C5D4E9 to #D4C5E9 and to #E9C5D4
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C7D2E9
#C8D2E9
#C8D2E8
#C9D2E8
#CAD2E7
#CAD2E7
#CBD2E6
#CACFE9
#CBCFE8
#CCCFE7
#CDCFE6
#CECFE5
#D0CFE3
#D1CFE2
#CCCDE9
#CECDE7
#CFCDE6
#D1CDE4
#D2CDE3
#D4CDE1
#D6CDDF
#CFCAE9
#D1CAE7
#D3CAE5
#D5CAE3
#D7CAE1
#D9CADF
#DCCADC
#D1C8E9
#D4C8E6
#D6C8E4
#D9C8E1
#DCC8DE
#DFC8DB
#E2C8D8
#D4C5E9
#D7C5E6
#DBC5E2
#DEC5DF
#E1C5DC
#E5C5D8
#E9C5D4
Colorpallet from #C5D4E9 to #D4C5E9 and to #E9D4C5
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C7D2E9
#C8D2E8
#C8D3E7
#C9D3E6
#CAD3E5
#CAD4E4
#CBD4E3
#CACFE9
#CBD0E7
#CCD1E5
#CDD1E3
#CED2E1
#D0D3DF
#D1D4DD
#CCCDE9
#CECEE6
#CFCFE4
#D1D0E1
#D2D1DE
#D4D3DB
#D6D4D8
#CFCAE9
#D1CCE5
#D3CDE2
#D5CFDE
#D7D0DA
#D9D2D7
#DCD4D2
#D1C8E9
#D4CAE4
#D6CCE0
#D9CEDB
#DCD0D6
#DFD2D2
#E2D4CC
#D4C5E9
#D7C7E3
#DBCADD
#DECCD8
#E1CFD2
#E5D1CC
#E9D4C5
Colorpallet from #C5D4E9 to #D4E9C5 and to #E9C5D4
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C7D7E3
#C8D6E3
#C8D5E4
#C9D5E4
#CAD4E5
#CAD3E5
#CBD2E6
#CADBDD
#CBD9DE
#CCD7DF
#CDD5DF
#CED3E0
#D0D1E1
#D1CFE2
#CCDED8
#CEDBD9
#CFD9DA
#D1D6DB
#D2D3DC
#D4D0DE
#D6CDDF
#CFE1D2
#D1DDD4
#D3DAD5
#D5D6D7
#D7D2D8
#D9CFDA
#DCCADC
#D1E5CC
#D4E0CE
#D6DCD0
#D9D7D2
#DCD2D4
#DFCED6
#E2C8D8
#D4E9C5
#D7E3C7
#DBDDCA
#DED8CC
#E1D2CF
#E5CCD1
#E9C5D4
Colorpallet from #C5D4E9 to #D4E9C5 and to #E9D4C5
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C7D7E3
#C8D7E3
#C8D6E3
#C9D6E3
#CAD5E3
#CAD5E3
#CBD4E3
#CADBDD
#CBDADD
#CCD9DD
#CDD8DD
#CED7DD
#D0D5DD
#D1D4DD
#CCDED8
#CEDCD8
#CFDBD8
#D1D9D8
#D2D8D8
#D4D6D8
#D6D4D8
#CFE1D2
#D1DFD2
#D3DDD2
#D5DBD2
#D7D9D2
#D9D7D2
#DCD4D2
#D1E5CC
#D4E2CC
#D6E0CC
#D9DDCC
#DCDACC
#DFD7CC
#E2D4CC
#D4E9C5
#D7E6C5
#DBE2C5
#DEDFC5
#E1DCC5
#E5D8C5
#E9D4C5
Colorpallet from #C5D4E9 to #E9C5D4 and to #E9D4C5
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#C5D4E9
#CBD2E6
#CBD2E6
#CBD3E5
#CBD3E5
#CBD3E4
#CBD4E4
#CBD4E3
#D1CFE2
#D1D0E1
#D1D1E0
#D1D1E0
#D1D2DF
#D1D3DE
#D1D4DD
#D6CDDF
#D6CEDE
#D6CFDD
#D6D0DC
#D6D1DB
#D6D3D9
#D6D4D8
#DCCADC
#DCCCDA
#DCCDD9
#DCCFD7
#DCD0D6
#DCD2D4
#DCD4D2
#E2C8D8
#E2CAD6
#E2CCD4
#E2CED2
#E2D0D0
#E2D2CE
#E2D4CC
#E9C5D4
#E9C7D2
#E9CACF
#E9CCCD
#E9CFCA
#E9D1C8
#E9D4C5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts