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 #C4D1E8 to #C4E8D1 and to #D1C4E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D5E4
#C4D4E5
#C5D3E5
#C5D2E6
#C5D1E7
#C6D0E7
#C6CFE8
#C4D8E1
#C5D6E2
#C5D4E3
#C6D3E4
#C7D1E5
#C7CFE7
#C8CDE8
#C4DCDD
#C5D9DF
#C6D7E1
#C7D4E2
#C8D1E4
#C9CEE6
#CACBE8
#C4E0D9
#C5DCDB
#C7D9DE
#C8D5E0
#C9D1E3
#CACEE5
#CCC9E8
#C4E3D6
#C6DFD9
#C7DADC
#C9D6DF
#CAD1E2
#CCCDE4
#CEC7E8
#C4E8D1
#C6E2D5
#C8DCD8
#CAD7DC
#CCD1E0
#CECBE3
#D1C4E8
Colorpallet from #C4D1E8 to #C4E8D1 and to #D1E8C4
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D5E4
#C4D5E4
#C5D5E3
#C5D5E3
#C5D5E3
#C6D5E2
#C6D5E2
#C4D8E1
#C5D8E0
#C5D8DF
#C6D8DF
#C7D8DE
#C7D8DD
#C8D8DC
#C4DCDD
#C5DCDC
#C6DCDB
#C7DCDA
#C8DCD9
#C9DCD8
#CADCD7
#C4E0D9
#C5E0D8
#C7E0D6
#C8E0D5
#C9E0D4
#CAE0D3
#CCE0D1
#C4E3D6
#C6E3D4
#C7E3D2
#C9E3D1
#CAE3CF
#CCE3CD
#CEE3CB
#C4E8D1
#C6E8CF
#C8E8CD
#CAE8CB
#CCE8C9
#CEE8C7
#D1E8C4
Colorpallet from #C4D1E8 to #C4E8D1 and to #E8C4D1
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D5E4
#C5D4E4
#C6D3E4
#C7D2E4
#C8D1E4
#C9D0E4
#CACFE4
#C4D8E1
#C6D6E1
#C8D4E1
#CAD3E1
#CCD1E1
#CECFE1
#D0CDE1
#C4DCDD
#C7D9DD
#C9D7DD
#CCD4DD
#CFD1DD
#D2CEDD
#D5CBDD
#C4E0D9
#C8DCD9
#CBD9D9
#CFD5D9
#D3D1D9
#D6CED9
#DBC9D9
#C4E3D6
#C9DFD6
#CDDAD6
#D2D6D6
#D7D1D6
#DBCDD6
#E1C7D6
#C4E8D1
#CAE2D1
#D0DCD1
#D5D7D1
#DBD1D1
#E1CBD1
#E8C4D1
Colorpallet from #C4D1E8 to #C4E8D1 and to #E8D1C4
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D5E4
#C5D4E4
#C6D4E3
#C7D3E3
#C8D2E3
#C9D2E2
#CAD1E2
#C4D8E1
#C6D7E0
#C8D6DF
#CAD5DF
#CCD4DE
#CED2DD
#D0D1DC
#C4DCDD
#C7DADC
#C9D8DB
#CCD7DA
#CFD5D9
#D2D3D8
#D5D1D7
#C4E0D9
#C8DED8
#CBDBD6
#CFD9D5
#D3D6D4
#D6D4D3
#DBD1D1
#C4E3D6
#C9E0D4
#CDDDD2
#D2DAD1
#D7D7CF
#DBD5CD
#E1D1CB
#C4E8D1
#CAE4CF
#D0E1CD
#D5DDCB
#DBD9C9
#E1D6C7
#E8D1C4
Colorpallet from #C4D1E8 to #D1C4E8 and to #D1E8C4
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C6CFE8
#C6D0E7
#C6D1E6
#C6D2E5
#C6D3E4
#C6D4E3
#C6D5E2
#C8CDE8
#C8CFE6
#C8D1E4
#C8D2E2
#C8D4E0
#C8D6DE
#C8D8DC
#CACBE8
#CACEE5
#CAD0E3
#CAD3E0
#CAD6DD
#CAD9DA
#CADCD7
#CCC9E8
#CCCDE4
#CCD0E1
#CCD4DD
#CCD8D9
#CCDBD6
#CCE0D1
#CEC7E8
#CECBE3
#CED0DF
#CED4DA
#CED9D5
#CEDDD1
#CEE3CB
#D1C4E8
#D1CAE2
#D1D0DC
#D1D5D7
#D1DBD1
#D1E1CB
#D1E8C4
Colorpallet from #C4D1E8 to #D1C4E8 and to #E8C4D1
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C6CFE8
#C7CFE7
#C7CFE7
#C8CFE6
#C9CFE5
#C9CFE5
#CACFE4
#C8CDE8
#C9CDE7
#CBCDE6
#CCCDE5
#CDCDE4
#CECDE2
#D0CDE1
#CACBE8
#CCCBE6
#CECBE4
#CFCBE3
#D1CBE1
#D3CBDF
#D5CBDD
#CCC9E8
#CEC9E6
#D1C9E3
#D3C9E1
#D6C9DE
#D8C9DC
#DBC9D9
#CEC7E8
#D1C7E5
#D4C7E2
#D7C7DF
#DAC7DC
#DDC7DA
#E1C7D6
#D1C4E8
#D5C4E4
#D8C4E1
#DCC4DD
#E0C4D9
#E3C4D6
#E8C4D1
Colorpallet from #C4D1E8 to #D1C4E8 and to #E8D1C4
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C6CFE8
#C7CFE7
#C7D0E6
#C8D0E5
#C9D0E4
#C9D1E3
#CAD1E2
#C8CDE8
#C9CEE6
#CBCEE4
#CCCFE2
#CDD0E0
#CED0DE
#D0D1DC
#CACBE8
#CCCCE5
#CECDE3
#CFCEE0
#D1CFDD
#D3D0DA
#D5D1D7
#CCC9E8
#CECAE4
#D1CCE1
#D3CDDD
#D6CED9
#D8CFD6
#DBD1D1
#CEC7E8
#D1C9E3
#D4CADF
#D7CCDA
#DACDD5
#DDCFD1
#E1D1CB
#D1C4E8
#D5C6E2
#D8C8DC
#DCCAD7
#E0CCD1
#E3CECB
#E8D1C4
Colorpallet from #C4D1E8 to #D1E8C4 and to #E8C4D1
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C6D5E2
#C7D4E2
#C7D3E3
#C8D2E3
#C9D1E3
#C9D0E4
#CACFE4
#C8D8DC
#C9D6DD
#CBD4DE
#CCD3DE
#CDD1DF
#CECFE0
#D0CDE1
#CADCD7
#CCD9D8
#CED7D9
#CFD4DA
#D1D1DB
#D3CEDC
#D5CBDD
#CCE0D1
#CEDCD2
#D1D9D4
#D3D5D5
#D6D1D6
#D8CED7
#DBC9D9
#CEE3CB
#D1DFCD
#D4DACF
#D7D6D0
#DAD1D2
#DDCDD4
#E1C7D6
#D1E8C4
#D5E2C6
#D8DCC8
#DCD7CA
#E0D1CC
#E3CBCE
#E8C4D1
Colorpallet from #C4D1E8 to #D1E8C4 and to #E8D1C4
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C6D5E2
#C7D4E2
#C7D4E2
#C8D3E2
#C9D2E2
#C9D2E2
#CAD1E2
#C8D8DC
#C9D7DC
#CBD6DC
#CCD5DC
#CDD4DC
#CED2DC
#D0D1DC
#CADCD7
#CCDAD7
#CED8D7
#CFD7D7
#D1D5D7
#D3D3D7
#D5D1D7
#CCE0D1
#CEDED1
#D1DBD1
#D3D9D1
#D6D6D1
#D8D4D1
#DBD1D1
#CEE3CB
#D1E0CB
#D4DDCB
#D7DACB
#DAD7CB
#DDD5CB
#E1D1CB
#D1E8C4
#D5E4C4
#D8E1C4
#DCDDC4
#E0D9C4
#E3D6C4
#E8D1C4
Colorpallet from #C4D1E8 to #E8C4D1 and to #E8D1C4
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#C4D1E8
#CACFE4
#CACFE4
#CAD0E3
#CAD0E3
#CAD0E3
#CAD1E2
#CAD1E2
#D0CDE1
#D0CEE0
#D0CEDF
#D0CFDF
#D0D0DE
#D0D0DD
#D0D1DC
#D5CBDD
#D5CCDC
#D5CDDB
#D5CEDA
#D5CFD9
#D5D0D8
#D5D1D7
#DBC9D9
#DBCAD8
#DBCCD6
#DBCDD5
#DBCED4
#DBCFD3
#DBD1D1
#E1C7D6
#E1C9D4
#E1CAD2
#E1CCD1
#E1CDCF
#E1CFCD
#E1D1CB
#E8C4D1
#E8C6CF
#E8C8CD
#E8CACB
#E8CCC9
#E8CEC7
#E8D1C4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts