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 #C3D2E8 to #C3E8D2 and to #D2C3E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D6E4
#C3D5E5
#C4D4E5
#C4D3E6
#C4D2E7
#C5D1E7
#C5D0E8
#C3D9E1
#C4D7E2
#C5D5E3
#C5D3E4
#C6D1E5
#C7CFE7
#C8CDE8
#C3DDDD
#C4DADF
#C5D7E1
#C6D4E2
#C7D1E4
#C9CFE6
#CACBE8
#C3E0DA
#C5DCDC
#C6D8DE
#C8D4E1
#C9D1E3
#CBCDE5
#CDC8E8
#C3E4D6
#C5DFD9
#C7DADC
#C9D6DF
#CBD1E2
#CDCCE4
#CFC6E8
#C3E8D2
#C5E2D6
#C8DCD9
#CAD6DD
#CDD0E0
#CFCAE4
#D2C3E8
Colorpallet from #C3D2E8 to #C3E8D2 and to #D2E8C3
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D6E4
#C3D6E4
#C4D6E3
#C4D6E3
#C4D6E3
#C5D6E2
#C5D6E2
#C3D9E1
#C4D9E0
#C5D9DF
#C5D9DF
#C6D9DE
#C7D9DD
#C8D9DC
#C3DDDD
#C4DDDC
#C5DDDB
#C6DDDA
#C7DDD9
#C9DDD7
#CADDD6
#C3E0DA
#C5E0D8
#C6E0D7
#C8E0D5
#C9E0D4
#CBE0D2
#CDE0D0
#C3E4D6
#C5E4D4
#C7E4D2
#C9E4D0
#CBE4CE
#CDE4CC
#CFE4CA
#C3E8D2
#C5E8D0
#C8E8CD
#CAE8CB
#CDE8C8
#CFE8C6
#D2E8C3
Colorpallet from #C3D2E8 to #C3E8D2 and to #E8C3D2
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D6E4
#C4D5E4
#C5D4E4
#C6D3E4
#C7D2E4
#C8D1E4
#C9D0E4
#C3D9E1
#C5D7E1
#C7D5E1
#C9D3E1
#CBD1E1
#CDCFE1
#CFCDE1
#C3DDDD
#C6DADD
#C9D7DD
#CCD4DD
#CFD1DD
#D1CFDD
#D5CBDD
#C3E0DA
#C7DCDA
#CBD8DA
#CFD4DA
#D2D1DA
#D6CDDA
#DBC8DA
#C3E4D6
#C8DFD6
#CDDAD6
#D1D6D6
#D6D1D6
#DBCCD6
#E1C6D6
#C3E8D2
#C9E2D2
#CFDCD2
#D5D6D2
#DBD0D2
#E1CAD2
#E8C3D2
Colorpallet from #C3D2E8 to #C3E8D2 and to #E8D2C3
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D6E4
#C4D5E4
#C5D5E3
#C6D4E3
#C7D3E3
#C8D3E2
#C9D2E2
#C3D9E1
#C5D8E0
#C7D7DF
#C9D6DF
#CBD5DE
#CDD3DD
#CFD2DC
#C3DDDD
#C6DBDC
#C9D9DB
#CCD8DA
#CFD6D9
#D1D4D7
#D5D2D6
#C3E0DA
#C7DED8
#CBDCD7
#CFD9D5
#D2D7D4
#D6D5D2
#DBD2D0
#C3E4D6
#C8E1D4
#CDDED2
#D1DBD0
#D6D8CE
#DBD6CC
#E1D2CA
#C3E8D2
#C9E4D0
#CFE1CD
#D5DDCB
#DBDAC8
#E1D6C6
#E8D2C3
Colorpallet from #C3D2E8 to #D2C3E8 and to #D2E8C3
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C5D0E8
#C5D1E7
#C5D2E6
#C5D3E5
#C5D4E4
#C5D5E3
#C5D6E2
#C8CDE8
#C8CFE6
#C8D1E4
#C8D3E2
#C8D5E0
#C8D7DE
#C8D9DC
#CACBE8
#CACEE5
#CAD1E2
#CAD4DF
#CAD7DC
#CAD9DA
#CADDD6
#CDC8E8
#CDCCE4
#CDD0E0
#CDD4DC
#CDD7D9
#CDDBD5
#CDE0D0
#CFC6E8
#CFCBE3
#CFD0DE
#CFD4DA
#CFD9D5
#CFDED0
#CFE4CA
#D2C3E8
#D2C9E2
#D2CFDC
#D2D5D6
#D2DBD0
#D2E1CA
#D2E8C3
Colorpallet from #C3D2E8 to #D2C3E8 and to #E8C3D2
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C5D0E8
#C6D0E7
#C6D0E7
#C7D0E6
#C8D0E5
#C8D0E5
#C9D0E4
#C8CDE8
#C9CDE7
#CACDE6
#CBCDE5
#CCCDE4
#CECDE2
#CFCDE1
#CACBE8
#CCCBE6
#CECBE4
#CFCBE3
#D1CBE1
#D3CBDF
#D5CBDD
#CDC8E8
#CFC8E6
#D1C8E4
#D4C8E1
#D6C8DF
#D8C8DD
#DBC8DA
#CFC6E8
#D2C6E5
#D5C6E2
#D8C6DF
#DBC6DC
#DDC6DA
#E1C6D6
#D2C3E8
#D6C3E4
#D9C3E1
#DDC3DD
#E0C3DA
#E4C3D6
#E8C3D2
Colorpallet from #C3D2E8 to #D2C3E8 and to #E8D2C3
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C5D0E8
#C6D0E7
#C6D1E6
#C7D1E5
#C8D1E4
#C8D2E3
#C9D2E2
#C8CDE8
#C9CEE6
#CACFE4
#CBCFE2
#CCD0E0
#CED1DE
#CFD2DC
#CACBE8
#CCCCE5
#CECDE2
#CFCEDF
#D1CFDC
#D3D1DA
#D5D2D6
#CDC8E8
#CFCAE4
#D1CBE0
#D4CDDC
#D6CED9
#D8D0D5
#DBD2D0
#CFC6E8
#D2C8E3
#D5CADE
#D8CCDA
#DBCED5
#DDD0D0
#E1D2CA
#D2C3E8
#D6C5E2
#D9C8DC
#DDCAD6
#E0CDD0
#E4CFCA
#E8D2C3
Colorpallet from #C3D2E8 to #D2E8C3 and to #E8C3D2
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C5D6E2
#C6D5E2
#C6D4E3
#C7D3E3
#C8D2E3
#C8D1E4
#C9D0E4
#C8D9DC
#C9D7DD
#CAD5DE
#CBD3DE
#CCD1DF
#CECFE0
#CFCDE1
#CADDD6
#CCDAD7
#CED7D8
#CFD4D9
#D1D1DA
#D3CFDC
#D5CBDD
#CDE0D0
#CFDCD2
#D1D8D3
#D4D4D5
#D6D1D6
#D8CDD8
#DBC8DA
#CFE4CA
#D2DFCC
#D5DACE
#D8D6D0
#DBD1D2
#DDCCD4
#E1C6D6
#D2E8C3
#D6E2C5
#D9DCC8
#DDD6CA
#E0D0CD
#E4CACF
#E8C3D2
Colorpallet from #C3D2E8 to #D2E8C3 and to #E8D2C3
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C5D6E2
#C6D5E2
#C6D5E2
#C7D4E2
#C8D3E2
#C8D3E2
#C9D2E2
#C8D9DC
#C9D8DC
#CAD7DC
#CBD6DC
#CCD5DC
#CED3DC
#CFD2DC
#CADDD6
#CCDBD6
#CED9D6
#CFD8D6
#D1D6D6
#D3D4D6
#D5D2D6
#CDE0D0
#CFDED0
#D1DCD0
#D4D9D0
#D6D7D0
#D8D5D0
#DBD2D0
#CFE4CA
#D2E1CA
#D5DECA
#D8DBCA
#DBD8CA
#DDD6CA
#E1D2CA
#D2E8C3
#D6E4C3
#D9E1C3
#DDDDC3
#E0DAC3
#E4D6C3
#E8D2C3
Colorpallet from #C3D2E8 to #E8C3D2 and to #E8D2C3
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C3D2E8
#C9D0E4
#C9D0E4
#C9D1E3
#C9D1E3
#C9D1E3
#C9D2E2
#C9D2E2
#CFCDE1
#CFCEE0
#CFCFDF
#CFCFDF
#CFD0DE
#CFD1DD
#CFD2DC
#D5CBDD
#D5CCDC
#D5CDDB
#D5CEDA
#D5CFD9
#D5D1D7
#D5D2D6
#DBC8DA
#DBCAD8
#DBCBD7
#DBCDD5
#DBCED4
#DBD0D2
#DBD2D0
#E1C6D6
#E1C8D4
#E1CAD2
#E1CCD0
#E1CECE
#E1D0CC
#E1D2CA
#E8C3D2
#E8C5D0
#E8C8CD
#E8CACB
#E8CDC8
#E8CFC6
#E8D2C3
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts