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 #C2D1F6 to #C2F6D1 and to #D1C2F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D7F0
#C2D6F1
#C3D4F2
#C3D3F3
#C3D2F4
#C4D1F5
#C4CFF6
#C2DDEA
#C3DAEC
#C4D8EE
#C4D5F0
#C5D2F2
#C6CFF4
#C7CCF6
#C2E3E4
#C3DFE7
#C4DBEA
#C5D7ED
#C6D3F0
#C8CFF2
#C9CAF6
#C2E9DE
#C4E4E2
#C5DEE6
#C7D9EA
#C8D3ED
#CACEF1
#CCC7F6
#C2EFD8
#C4E8DD
#C6E2E2
#C8DBE6
#CAD4EB
#CCCDF0
#CEC5F6
#C2F6D1
#C4EED7
#C7E5DD
#C9DDE3
#CCD5E9
#CECCEF
#D1C2F6
Colorpallet from #C2D1F6 to #C2F6D1 and to #D1F6C2
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D7F0
#C2D7F0
#C3D7EF
#C3D7EF
#C3D7EF
#C4D7EE
#C4D7EE
#C2DDEA
#C3DDE9
#C4DDE8
#C4DDE8
#C5DDE7
#C6DDE6
#C7DDE5
#C2E3E4
#C3E3E3
#C4E3E2
#C5E3E1
#C6E3E0
#C8E3DE
#C9E3DD
#C2E9DE
#C4E9DD
#C5E9DB
#C7E9DA
#C8E9D8
#CAE9D7
#CCE9D5
#C2EFD8
#C4EFD6
#C6EFD4
#C8EFD2
#CAEFD0
#CCEFCE
#CEEFCC
#C2F6D1
#C4F6CF
#C7F6CC
#C9F6CA
#CCF6C7
#CEF6C5
#D1F6C2
Colorpallet from #C2D1F6 to #C2F6D1 and to #F6C2D1
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D7F0
#C3D6F0
#C5D4F0
#C6D3F0
#C7D2F0
#C8D1F0
#CACFF0
#C2DDEA
#C5DAEA
#C7D8EA
#CAD5EA
#CDD2EA
#D0CFEA
#D3CCEA
#C2E3E4
#C6DFE4
#CADBE4
#CED7E4
#D2D3E4
#D6CFE4
#DBCAE4
#C2E9DE
#C7E4DE
#CDDEDE
#D2D9DE
#D7D3DE
#DCCEDE
#E3C7DE
#C2EFD8
#C9E8D8
#CFE2D8
#D6DBD8
#DDD4D8
#E4CDD8
#ECC5D8
#C2F6D1
#CAEED1
#D3E5D1
#DBDDD1
#E3D5D1
#ECCCD1
#F6C2D1
Colorpallet from #C2D1F6 to #C2F6D1 and to #F6D1C2
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D7F0
#C3D6F0
#C5D5EF
#C6D4EF
#C7D3EF
#C8D2EE
#CAD1EE
#C2DDEA
#C5DBE9
#C7D9E8
#CAD7E8
#CDD5E7
#D0D3E6
#D3D1E5
#C2E3E4
#C6E0E3
#CADDE2
#CEDAE1
#D2D7E0
#D6D5DE
#DBD1DD
#C2E9DE
#C7E5DD
#CDE1DB
#D2DDDA
#D7DAD8
#DCD6D7
#E3D1D5
#C2EFD8
#C9EAD6
#CFE5D4
#D6E1D2
#DDDCD0
#E4D7CE
#ECD1CC
#C2F6D1
#CAF0CF
#D3EACC
#DBE4CA
#E3DEC7
#ECD8C5
#F6D1C2
Colorpallet from #C2D1F6 to #D1C2F6 and to #D1F6C2
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C4CFF6
#C4D0F5
#C4D2F3
#C4D3F2
#C4D4F1
#C4D5F0
#C4D7EE
#C7CCF6
#C7CFF3
#C7D1F1
#C7D4EE
#C7D7EB
#C7DAE8
#C7DDE5
#C9CAF6
#C9CEF2
#C9D2EE
#C9D6EA
#C9DAE6
#C9DEE2
#C9E3DD
#CCC7F6
#CCCCF1
#CCD2EB
#CCD7E6
#CCDDE1
#CCE2DC
#CCE9D5
#CEC5F6
#CECCEF
#CED2E9
#CED9E2
#CEE0DB
#CEE7D4
#CEEFCC
#D1C2F6
#D1CAEE
#D1D3E5
#D1DBDD
#D1E3D5
#D1ECCC
#D1F6C2
Colorpallet from #C2D1F6 to #D1C2F6 and to #F6C2D1
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C4CFF6
#C5CFF5
#C6CFF4
#C7CFF3
#C8CFF2
#C9CFF1
#CACFF0
#C7CCF6
#C9CCF4
#CBCCF2
#CDCCF0
#CFCCEE
#D1CCEC
#D3CCEA
#C9CAF6
#CCCAF3
#CFCAF0
#D2CAED
#D5CAEA
#D7CAE8
#DBCAE4
#CCC7F6
#D0C7F2
#D3C7EE
#D7C7EA
#DBC7E7
#DEC7E3
#E3C7DE
#CEC5F6
#D3C5F1
#D8C5EC
#DCC5E8
#E1C5E3
#E6C5DE
#ECC5D8
#D1C2F6
#D7C2F0
#DDC2EA
#E3C2E4
#E9C2DE
#EFC2D8
#F6C2D1
Colorpallet from #C2D1F6 to #D1C2F6 and to #F6D1C2
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C4CFF6
#C5CFF5
#C6D0F3
#C7D0F2
#C8D0F1
#C9D1F0
#CAD1EE
#C7CCF6
#C9CDF3
#CBCEF1
#CDCEEE
#CFCFEB
#D1D0E8
#D3D1E5
#C9CAF6
#CCCBF2
#CFCCEE
#D2CDEA
#D5CEE6
#D7D0E2
#DBD1DD
#CCC7F6
#D0C9F1
#D3CAEB
#D7CCE6
#DBCDE1
#DECFDC
#E3D1D5
#CEC5F6
#D3C7EF
#D8C9E9
#DCCBE2
#E1CDDB
#E6CFD4
#ECD1CC
#D1C2F6
#D7C4EE
#DDC7E5
#E3C9DD
#E9CCD5
#EFCECC
#F6D1C2
Colorpallet from #C2D1F6 to #D1F6C2 and to #F6C2D1
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C4D7EE
#C5D6EE
#C6D4EF
#C7D3EF
#C8D2EF
#C9D1F0
#CACFF0
#C7DDE5
#C9DAE6
#CBD8E7
#CDD5E7
#CFD2E8
#D1CFE9
#D3CCEA
#C9E3DD
#CCDFDE
#CFDBDF
#D2D7E0
#D5D3E1
#D7CFE3
#DBCAE4
#CCE9D5
#D0E4D6
#D3DED8
#D7D9D9
#DBD3DB
#DECEDC
#E3C7DE
#CEEFCC
#D3E8CE
#D8E2D0
#DCDBD2
#E1D4D4
#E6CDD6
#ECC5D8
#D1F6C2
#D7EEC4
#DDE5C7
#E3DDC9
#E9D5CC
#EFCCCE
#F6C2D1
Colorpallet from #C2D1F6 to #D1F6C2 and to #F6D1C2
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C4D7EE
#C5D6EE
#C6D5EE
#C7D4EE
#C8D3EE
#C9D2EE
#CAD1EE
#C7DDE5
#C9DBE5
#CBD9E5
#CDD7E5
#CFD5E5
#D1D3E5
#D3D1E5
#C9E3DD
#CCE0DD
#CFDDDD
#D2DADD
#D5D7DD
#D7D5DD
#DBD1DD
#CCE9D5
#D0E5D5
#D3E1D5
#D7DDD5
#DBDAD5
#DED6D5
#E3D1D5
#CEEFCC
#D3EACC
#D8E5CC
#DCE1CC
#E1DCCC
#E6D7CC
#ECD1CC
#D1F6C2
#D7F0C2
#DDEAC2
#E3E4C2
#E9DEC2
#EFD8C2
#F6D1C2
Colorpallet from #C2D1F6 to #F6C2D1 and to #F6D1C2
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#C2D1F6
#CACFF0
#CACFF0
#CAD0EF
#CAD0EF
#CAD0EF
#CAD1EE
#CAD1EE
#D3CCEA
#D3CDE9
#D3CEE8
#D3CEE8
#D3CFE7
#D3D0E6
#D3D1E5
#DBCAE4
#DBCBE3
#DBCCE2
#DBCDE1
#DBCEE0
#DBD0DE
#DBD1DD
#E3C7DE
#E3C9DD
#E3CADB
#E3CCDA
#E3CDD8
#E3CFD7
#E3D1D5
#ECC5D8
#ECC7D6
#ECC9D4
#ECCBD2
#ECCDD0
#ECCFCE
#ECD1CC
#F6C2D1
#F6C4CF
#F6C7CC
#F6C9CA
#F6CCC7
#F6CEC5
#F6D1C2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts