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 #C2DEF7 to #C2F7DE and to #DEC2F7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2E2F3
#C3E1F4
#C3DFF4
#C4DEF5
#C5DDF6
#C5DCF6
#C6DAF7
#C2E6EF
#C3E3F0
#C5E1F2
#C6DEF3
#C8DBF4
#C9D8F5
#CBD5F7
#C2EAEB
#C4E6ED
#C6E2EF
#C8DEF1
#CADAF3
#CCD6F5
#CFD1F7
#C2EEE7
#C5E9EA
#C8E3EC
#CBDEEF
#CED8F1
#D0D3F4
#D4CCF7
#C2F2E3
#C6EBE6
#C9E5E9
#CDDEED
#D0D7F0
#D4D0F3
#D8C8F7
#C2F7DE
#C6EFE2
#CBE6E6
#CFDEEA
#D4D5EE
#D8CDF2
#DEC2F7
Colorpallet from #C2DEF7 to #C2F7DE and to #DEF7C2
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2E2F3
#C3E2F2
#C3E2F2
#C4E2F1
#C5E2F0
#C5E2F0
#C6E2EF
#C2E6EF
#C3E6EE
#C5E6EC
#C6E6EB
#C8E6E9
#C9E6E8
#CBE6E6
#C2EAEB
#C4EAE9
#C6EAE7
#C8EAE5
#CAEAE3
#CCEAE1
#CFEADE
#C2EEE7
#C5EEE4
#C8EEE1
#CBEEDE
#CEEEDB
#D0EED9
#D4EED5
#C2F2E3
#C6F2DF
#C9F2DC
#CDF2D8
#D0F2D5
#D4F2D1
#D8F2CD
#C2F7DE
#C6F7DA
#CBF7D5
#CFF7D1
#D4F7CC
#D8F7C8
#DEF7C2
Colorpallet from #C2DEF7 to #C2F7DE and to #F7C2DE
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2E2F3
#C3E1F3
#C5DFF3
#C6DEF3
#C7DDF3
#C8DCF3
#CADAF3
#C2E6EF
#C5E3EF
#C7E1EF
#CADEEF
#CDDBEF
#D0D8EF
#D3D5EF
#C2EAEB
#C6E6EB
#CAE2EB
#CEDEEB
#D2DAEB
#D6D6EB
#DBD1EB
#C2EEE7
#C7E9E7
#CDE3E7
#D2DEE7
#D8D8E7
#DDD3E7
#E4CCE7
#C2F2E3
#C9EBE3
#CFE5E3
#D6DEE3
#DDD7E3
#E4D0E3
#ECC8E3
#C2F7DE
#CAEFDE
#D3E6DE
#DBDEDE
#E4D5DE
#ECCDDE
#F7C2DE
Colorpallet from #C2DEF7 to #C2F7DE and to #F7DEC2
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2E2F3
#C3E1F2
#C5E1F2
#C6E0F1
#C7DFF0
#C8DFF0
#CADEEF
#C2E6EF
#C5E5EE
#C7E3EC
#CAE2EB
#CDE1E9
#D0E0E8
#D3DEE6
#C2EAEB
#C6E8E9
#CAE6E7
#CEE4E5
#D2E2E3
#D6E0E1
#DBDEDE
#C2EEE7
#C7EBE4
#CDE9E1
#D2E6DE
#D8E4DB
#DDE1D9
#E4DED5
#C2F2E3
#C9EFDF
#CFECDC
#D6E8D8
#DDE5D5
#E4E2D1
#ECDECD
#C2F7DE
#CAF3DA
#D3EFD5
#DBEBD1
#E4E7CC
#ECE3C8
#F7DEC2
Colorpallet from #C2DEF7 to #DEC2F7 and to #DEF7C2
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C6DAF7
#C6DBF6
#C6DDF4
#C6DEF3
#C6DFF2
#C6E0F1
#C6E2EF
#CBD5F7
#CBD8F4
#CBDAF2
#CBDDEF
#CBE0EC
#CBE3E9
#CBE6E6
#CFD1F7
#CFD5F3
#CFD9EF
#CFDDEB
#CFE1E7
#CFE5E3
#CFEADE
#D4CCF7
#D4D1F2
#D4D7EC
#D4DCE7
#D4E2E1
#D4E7DC
#D4EED5
#D8C8F7
#D8CFF0
#D8D5EA
#D8DCE3
#D8E3DC
#D8EAD5
#D8F2CD
#DEC2F7
#DECAEF
#DED3E6
#DEDBDE
#DEE4D5
#DEECCD
#DEF7C2
Colorpallet from #C2DEF7 to #DEC2F7 and to #F7C2DE
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C6DAF7
#C7DAF6
#C7DAF6
#C8DAF5
#C9DAF4
#C9DAF4
#CADAF3
#CBD5F7
#CCD5F6
#CED5F4
#CFD5F3
#D0D5F2
#D1D5F1
#D3D5EF
#CFD1F7
#D1D1F5
#D3D1F3
#D5D1F1
#D7D1EF
#D9D1ED
#DBD1EB
#D4CCF7
#D7CCF4
#D9CCF2
#DCCCEF
#DECCED
#E1CCEA
#E4CCE7
#D8C8F7
#DBC8F4
#DEC8F1
#E2C8ED
#E5C8EA
#E8C8E7
#ECC8E3
#DEC2F7
#E2C2F3
#E6C2EF
#EAC2EB
#EEC2E7
#F2C2E3
#F7C2DE
Colorpallet from #C2DEF7 to #DEC2F7 and to #F7DEC2
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C6DAF7
#C7DBF6
#C7DBF4
#C8DCF3
#C9DDF2
#C9DDF1
#CADEEF
#CBD5F7
#CCD6F4
#CED8F2
#CFD9EF
#D0DBEC
#D1DCE9
#D3DEE6
#CFD1F7
#D1D3F3
#D3D5EF
#D5D7EB
#D7D9E7
#D9DBE3
#DBDEDE
#D4CCF7
#D7CFF2
#D9D2EC
#DCD5E7
#DED8E1
#E1DADC
#E4DED5
#D8C8F7
#DBCCF0
#DECFEA
#E2D3E3
#E5D6DC
#E8DAD5
#ECDECD
#DEC2F7
#E2C6EF
#E6CBE6
#EACFDE
#EED4D5
#F2D8CD
#F7DEC2
Colorpallet from #C2DEF7 to #DEF7C2 and to #F7C2DE
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C6E2EF
#C7E1F0
#C7DFF0
#C8DEF1
#C9DDF2
#C9DCF2
#CADAF3
#CBE6E6
#CCE3E7
#CEE1E9
#CFDEEA
#D0DBEC
#D1D8ED
#D3D5EF
#CFEADE
#D1E6E0
#D3E2E2
#D5DEE4
#D7DAE6
#D9D6E8
#DBD1EB
#D4EED5
#D7E9D8
#D9E3DB
#DCDEDE
#DED8E1
#E1D3E3
#E4CCE7
#D8F2CD
#DBEBD1
#DEE5D4
#E2DED8
#E5D7DB
#E8D0DF
#ECC8E3
#DEF7C2
#E2EFC6
#E6E6CB
#EADECF
#EED5D4
#F2CDD8
#F7C2DE
Colorpallet from #C2DEF7 to #DEF7C2 and to #F7DEC2
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C6E2EF
#C7E1EF
#C7E1EF
#C8E0EF
#C9DFEF
#C9DFEF
#CADEEF
#CBE6E6
#CCE5E6
#CEE3E6
#CFE2E6
#D0E1E6
#D1E0E6
#D3DEE6
#CFEADE
#D1E8DE
#D3E6DE
#D5E4DE
#D7E2DE
#D9E0DE
#DBDEDE
#D4EED5
#D7EBD5
#D9E9D5
#DCE6D5
#DEE4D5
#E1E1D5
#E4DED5
#D8F2CD
#DBEFCD
#DEECCD
#E2E8CD
#E5E5CD
#E8E2CD
#ECDECD
#DEF7C2
#E2F3C2
#E6EFC2
#EAEBC2
#EEE7C2
#F2E3C2
#F7DEC2
Colorpallet from #C2DEF7 to #F7C2DE and to #F7DEC2
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#C2DEF7
#CADAF3
#CADBF2
#CADBF2
#CADCF1
#CADDF0
#CADDF0
#CADEEF
#D3D5EF
#D3D6EE
#D3D8EC
#D3D9EB
#D3DBE9
#D3DCE8
#D3DEE6
#DBD1EB
#DBD3E9
#DBD5E7
#DBD7E5
#DBD9E3
#DBDBE1
#DBDEDE
#E4CCE7
#E4CFE4
#E4D2E1
#E4D5DE
#E4D8DB
#E4DAD9
#E4DED5
#ECC8E3
#ECCCDF
#ECCFDC
#ECD3D8
#ECD6D5
#ECDAD1
#ECDECD
#F7C2DE
#F7C6DA
#F7CBD5
#F7CFD1
#F7D4CC
#F7D8C8
#F7DEC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts