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 #C2D2EC to #C2ECD2 and to #D2C2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D6E8
#C2D5E9
#C3D4E9
#C3D3EA
#C4D2EB
#C4D0EB
#C5CFEC
#C2DAE4
#C3D8E5
#C4D6E7
#C4D4E8
#C5D2E9
#C6D0EA
#C7CDEC
#C2DEE0
#C3DBE2
#C5D8E4
#C6D4E6
#C7D1E8
#C8CEEA
#CACAEC
#C2E3DB
#C4DFDE
#C5DAE0
#C7D6E3
#C8D2E6
#CACDE9
#CCC8EC
#C2E7D7
#C4E2DA
#C6DCDE
#C8D7E1
#CAD1E4
#CCCCE8
#CFC5EC
#C2ECD2
#C5E5D6
#C7DFDA
#CAD8DE
#CCD1E3
#CFCAE7
#D2C2EC
Colorpallet from #C2D2EC to #C2ECD2 and to #D2ECC2
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D6E8
#C2D6E8
#C3D6E7
#C3D6E7
#C4D6E6
#C4D6E6
#C5D6E5
#C2DAE4
#C3DAE3
#C4DAE2
#C4DAE2
#C5DAE1
#C6DAE0
#C7DADF
#C2DEE0
#C3DEDF
#C5DEDD
#C6DEDC
#C7DEDB
#C8DEDA
#CADED8
#C2E3DB
#C4E3D9
#C5E3D8
#C7E3D6
#C8E3D5
#CAE3D3
#CCE3D1
#C2E7D7
#C4E7D5
#C6E7D3
#C8E7D1
#CAE7CF
#CCE7CD
#CFE7CA
#C2ECD2
#C5ECCF
#C7ECCD
#CAECCA
#CCECC8
#CFECC5
#D2ECC2
Colorpallet from #C2D2EC to #C2ECD2 and to #ECC2D2
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D6E8
#C3D5E8
#C4D4E8
#C5D3E8
#C6D2E8
#C8D0E8
#C9CFE8
#C2DAE4
#C4D8E4
#C6D6E4
#C8D4E4
#CAD2E4
#CCD0E4
#CFCDE4
#C2DEE0
#C5DBE0
#C8D8E0
#CCD4E0
#CFD1E0
#D2CEE0
#D6CAE0
#C2E3DB
#C6DFDB
#CBDADB
#CFD6DB
#D3D2DB
#D8CDDB
#DDC8DB
#C2E7D7
#C7E2D7
#CDDCD7
#D2D7D7
#D8D1D7
#DDCCD7
#E4C5D7
#C2ECD2
#C9E5D2
#CFDFD2
#D6D8D2
#DDD1D2
#E4CAD2
#ECC2D2
Colorpallet from #C2D2EC to #C2ECD2 and to #ECD2C2
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D6E8
#C3D5E8
#C4D5E7
#C5D4E7
#C6D3E6
#C8D3E6
#C9D2E5
#C2DAE4
#C4D9E3
#C6D7E2
#C8D6E2
#CAD5E1
#CCD4E0
#CFD2DF
#C2DEE0
#C5DCDF
#C8DADD
#CCD8DC
#CFD6DB
#D2D4DA
#D6D2D8
#C2E3DB
#C6E0D9
#CBDED8
#CFDBD6
#D3D8D5
#D8D5D3
#DDD2D1
#C2E7D7
#C7E4D5
#CDE0D3
#D2DDD1
#D8DACF
#DDD6CD
#E4D2CA
#C2ECD2
#C9E8CF
#CFE4CD
#D6E0CA
#DDDBC8
#E4D7C5
#ECD2C2
Colorpallet from #C2D2EC to #D2C2EC and to #D2ECC2
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C5CFEC
#C5D0EB
#C5D1EA
#C5D2E9
#C5D3E8
#C5D5E6
#C5D6E5
#C7CDEC
#C7CFEA
#C7D1E8
#C7D3E6
#C7D5E4
#C7D7E2
#C7DADF
#CACAEC
#CACDE9
#CAD0E6
#CAD4E2
#CAD7DF
#CADADC
#CADED8
#CCC8EC
#CCCCE8
#CCD1E3
#CCD5DF
#CCD9DB
#CCDED6
#CCE3D1
#CFC5EC
#CFCAE7
#CFD0E1
#CFD5DC
#CFDBD6
#CFE0D1
#CFE7CA
#D2C2EC
#D2C9E5
#D2CFDF
#D2D6D8
#D2DDD1
#D2E4CA
#D2ECC2
Colorpallet from #C2D2EC to #D2C2EC and to #ECC2D2
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C5CFEC
#C6CFEB
#C6CFEB
#C7CFEA
#C8CFE9
#C8CFE9
#C9CFE8
#C7CDEC
#C8CDEB
#CACDE9
#CBCDE8
#CCCDE7
#CDCDE6
#CFCDE4
#CACAEC
#CCCAEA
#CECAE8
#D0CAE6
#D2CAE4
#D4CAE2
#D6CAE0
#CCC8EC
#CFC8E9
#D1C8E7
#D4C8E4
#D7C8E1
#DAC8DE
#DDC8DB
#CFC5EC
#D2C5E9
#D6C5E5
#D9C5E2
#DCC5DF
#E0C5DB
#E4C5D7
#D2C2EC
#D6C2E8
#DAC2E4
#DEC2E0
#E3C2DB
#E7C2D7
#ECC2D2
Colorpallet from #C2D2EC to #D2C2EC and to #ECD2C2
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C5CFEC
#C6CFEB
#C6D0EA
#C7D0E9
#C8D1E8
#C8D1E6
#C9D2E5
#C7CDEC
#C8CEEA
#CACFE8
#CBCFE6
#CCD0E4
#CDD1E2
#CFD2DF
#CACAEC
#CCCBE9
#CECDE6
#D0CEE2
#D2CFDF
#D4D0DC
#D6D2D8
#CCC8EC
#CFCAE8
#D1CBE3
#D4CDDF
#D7CEDB
#DAD0D6
#DDD2D1
#CFC5EC
#D2C7E7
#D6C9E1
#D9CBDC
#DCCDD6
#E0CFD1
#E4D2CA
#D2C2EC
#D6C5E5
#DAC7DF
#DECAD8
#E3CCD1
#E7CFCA
#ECD2C2
Colorpallet from #C2D2EC to #D2ECC2 and to #ECC2D2
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C5D6E5
#C6D5E5
#C6D4E6
#C7D3E6
#C8D2E7
#C8D0E7
#C9CFE8
#C7DADF
#C8D8E0
#CAD6E1
#CBD4E1
#CCD2E2
#CDD0E3
#CFCDE4
#CADED8
#CCDBD9
#CED8DB
#D0D4DC
#D2D1DD
#D4CEDE
#D6CAE0
#CCE3D1
#CFDFD3
#D1DAD4
#D4D6D6
#D7D2D7
#DACDD9
#DDC8DB
#CFE7CA
#D2E2CC
#D6DCCE
#D9D7D0
#DCD1D2
#E0CCD4
#E4C5D7
#D2ECC2
#D6E5C5
#DADFC7
#DED8CA
#E3D1CC
#E7CACF
#ECC2D2
Colorpallet from #C2D2EC to #D2ECC2 and to #ECD2C2
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C5D6E5
#C6D5E5
#C6D5E5
#C7D4E5
#C8D3E5
#C8D3E5
#C9D2E5
#C7DADF
#C8D9DF
#CAD7DF
#CBD6DF
#CCD5DF
#CDD4DF
#CFD2DF
#CADED8
#CCDCD8
#CEDAD8
#D0D8D8
#D2D6D8
#D4D4D8
#D6D2D8
#CCE3D1
#CFE0D1
#D1DED1
#D4DBD1
#D7D8D1
#DAD5D1
#DDD2D1
#CFE7CA
#D2E4CA
#D6E0CA
#D9DDCA
#DCDACA
#E0D6CA
#E4D2CA
#D2ECC2
#D6E8C2
#DAE4C2
#DEE0C2
#E3DBC2
#E7D7C2
#ECD2C2
Colorpallet from #C2D2EC to #ECC2D2 and to #ECD2C2
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C2D2EC
#C9CFE8
#C9CFE8
#C9D0E7
#C9D0E7
#C9D1E6
#C9D1E6
#C9D2E5
#CFCDE4
#CFCEE3
#CFCFE2
#CFCFE2
#CFD0E1
#CFD1E0
#CFD2DF
#D6CAE0
#D6CBDF
#D6CDDD
#D6CEDC
#D6CFDB
#D6D0DA
#D6D2D8
#DDC8DB
#DDCAD9
#DDCBD8
#DDCDD6
#DDCED5
#DDD0D3
#DDD2D1
#E4C5D7
#E4C7D5
#E4C9D3
#E4CBD1
#E4CDCF
#E4CFCD
#E4D2CA
#ECC2D2
#ECC5CF
#ECC7CD
#ECCACA
#ECCCC8
#ECCFC5
#ECD2C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts