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 #C2CDF6 to #C2F6CD and to #CDC2F6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2D4EF
#C2D3F0
#C3D1F1
#C3D0F2
#C3CEF3
#C4CDF5
#C4CBF6
#C2DAE9
#C3D7EB
#C3D5ED
#C4D2EF
#C5CFF1
#C5CCF3
#C6C9F6
#C2E1E2
#C3DDE5
#C4D9E8
#C4D5EC
#C5D1EF
#C6CDF2
#C7C8F6
#C2E7DC
#C3E2E0
#C4DCE4
#C5D7E8
#C6D2ED
#C8CDF1
#C9C6F6
#C2EED5
#C3E7DA
#C5E1E0
#C6DAE5
#C8D3EA
#C9CCEF
#CBC4F6
#C2F6CD
#C4EED4
#C6E5DA
#C7DDE1
#C9D5E7
#CBCCEE
#CDC2F6
Colorpallet from #C2CDF6 to #C2F6CD and to #CDF6C2
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2D4EF
#C2D4EF
#C3D4EF
#C3D4EF
#C3D4EE
#C4D4EE
#C4D4EE
#C2DAE9
#C3DAE8
#C3DAE8
#C4DAE7
#C5DAE6
#C5DAE6
#C6DAE5
#C2E1E2
#C3E1E1
#C4E1E0
#C4E1E0
#C5E1DF
#C6E1DE
#C7E1DD
#C2E7DC
#C3E7DB
#C4E7DA
#C5E7D9
#C6E7D8
#C8E7D6
#C9E7D5
#C2EED5
#C3EED4
#C5EED2
#C6EED1
#C8EECF
#C9EECE
#CBEECC
#C2F6CD
#C4F6CB
#C6F6C9
#C7F6C8
#C9F6C6
#CBF6C4
#CDF6C2
Colorpallet from #C2CDF6 to #C2F6CD and to #F6C2CD
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2D4EF
#C3D3EF
#C5D1EF
#C6D0EF
#C7CEEF
#C8CDEF
#CACBEF
#C2DAE9
#C5D7E9
#C7D5E9
#CAD2E9
#CDCFE9
#D0CCE9
#D3C9E9
#C2E1E2
#C6DDE2
#CAD9E2
#CED5E2
#D2D1E2
#D6CDE2
#DBC8E2
#C2E7DC
#C7E2DC
#CDDCDC
#D2D7DC
#D7D2DC
#DCCDDC
#E3C6DC
#C2EED5
#C9E7D5
#CFE1D5
#D6DAD5
#DDD3D5
#E4CCD5
#ECC4D5
#C2F6CD
#CAEECD
#D3E5CD
#DBDDCD
#E3D5CD
#ECCCCD
#F6C2CD
Colorpallet from #C2CDF6 to #C2F6CD and to #F6CDC2
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2D4EF
#C3D3EF
#C5D2EF
#C6D1EF
#C7D0EE
#C8CEEE
#CACDEE
#C2DAE9
#C5D8E8
#C7D6E8
#CAD4E7
#CDD2E6
#D0D0E6
#D3CDE5
#C2E1E2
#C6DEE1
#CADBE0
#CED7E0
#D2D4DF
#D6D1DE
#DBCDDD
#C2E7DC
#C7E3DB
#CDDFDA
#D2DBD9
#D7D6D8
#DCD2D6
#E3CDD5
#C2EED5
#C9E9D4
#CFE3D2
#D6DED1
#DDD9CF
#E4D4CE
#ECCDCC
#C2F6CD
#CAEFCB
#D3E9C9
#DBE2C8
#E3DCC6
#ECD5C4
#F6CDC2
Colorpallet from #C2CDF6 to #CDC2F6 and to #CDF6C2
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C4CBF6
#C4CCF5
#C4CEF3
#C4CFF2
#C4D1F1
#C4D2F0
#C4D4EE
#C6C9F6
#C6CCF3
#C6CEF1
#C6D1EE
#C6D4EB
#C6D7E8
#C6DAE5
#C7C8F6
#C7CCF2
#C7D0EE
#C7D4EA
#C7D8E6
#C7DCE2
#C7E1DD
#C9C6F6
#C9CBF1
#C9D1EB
#C9D6E6
#C9DBE1
#C9E0DC
#C9E7D5
#CBC4F6
#CBCBEF
#CBD1E9
#CBD8E2
#CBDFDB
#CBE6D4
#CBEECC
#CDC2F6
#CDCAEE
#CDD3E5
#CDDBDD
#CDE3D5
#CDECCC
#CDF6C2
Colorpallet from #C2CDF6 to #CDC2F6 and to #F6C2CD
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C4CBF6
#C5CBF5
#C6CBF4
#C7CBF3
#C8CBF2
#C9CBF0
#CACBEF
#C6C9F6
#C8C9F4
#CAC9F2
#CCC9F0
#CEC9EE
#D0C9EC
#D3C9E9
#C7C8F6
#CAC8F3
#CDC8F0
#D1C8EC
#D4C8E9
#D7C8E6
#DBC8E2
#C9C6F6
#CDC6F2
#D1C6EE
#D5C6EA
#DAC6E5
#DEC6E1
#E3C6DC
#CBC4F6
#D0C4F1
#D6C4EB
#DBC4E6
#E0C4E1
#E5C4DC
#ECC4D5
#CDC2F6
#D4C2EF
#DAC2E9
#E1C2E2
#E7C2DC
#EEC2D5
#F6C2CD
Colorpallet from #C2CDF6 to #CDC2F6 and to #F6CDC2
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C4CBF6
#C5CBF5
#C6CCF3
#C7CCF2
#C8CCF1
#C9CDF0
#CACDEE
#C6C9F6
#C8CAF3
#CACAF1
#CCCBEE
#CECCEB
#D0CCE8
#D3CDE5
#C7C8F6
#CAC9F2
#CDCAEE
#D1CAEA
#D4CBE6
#D7CCE2
#DBCDDD
#C9C6F6
#CDC7F1
#D1C8EB
#D5C9E6
#DACAE1
#DECCDC
#E3CDD5
#CBC4F6
#D0C5EF
#D6C7E9
#DBC8E2
#E0CADB
#E5CBD4
#ECCDCC
#CDC2F6
#D4C4EE
#DAC6E5
#E1C7DD
#E7C9D5
#EECBCC
#F6CDC2
Colorpallet from #C2CDF6 to #CDF6C2 and to #F6C2CD
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C4D4EE
#C5D3EE
#C6D1EE
#C7D0EE
#C8CEEF
#C9CDEF
#CACBEF
#C6DAE5
#C8D7E6
#CAD5E6
#CCD2E7
#CECFE8
#D0CCE8
#D3C9E9
#C7E1DD
#CADDDE
#CDD9DF
#D1D5DF
#D4D1E0
#D7CDE1
#DBC8E2
#C9E7D5
#CDE2D6
#D1DCD7
#D5D7D8
#DAD2D9
#DECDDB
#E3C6DC
#CBEECC
#D0E7CD
#D6E1CF
#DBDAD0
#E0D3D2
#E5CCD3
#ECC4D5
#CDF6C2
#D4EEC4
#DAE5C6
#E1DDC7
#E7D5C9
#EECCCB
#F6C2CD
Colorpallet from #C2CDF6 to #CDF6C2 and to #F6CDC2
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C4D4EE
#C5D3EE
#C6D2EE
#C7D1EE
#C8D0EE
#C9CEEE
#CACDEE
#C6DAE5
#C8D8E5
#CAD6E5
#CCD4E5
#CED2E5
#D0D0E5
#D3CDE5
#C7E1DD
#CADEDD
#CDDBDD
#D1D7DD
#D4D4DD
#D7D1DD
#DBCDDD
#C9E7D5
#CDE3D5
#D1DFD5
#D5DBD5
#DAD6D5
#DED2D5
#E3CDD5
#CBEECC
#D0E9CC
#D6E3CC
#DBDECC
#E0D9CC
#E5D4CC
#ECCDCC
#CDF6C2
#D4EFC2
#DAE9C2
#E1E2C2
#E7DCC2
#EED5C2
#F6CDC2
Colorpallet from #C2CDF6 to #F6C2CD and to #F6CDC2
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#C2CDF6
#CACBEF
#CACBEF
#CACCEF
#CACCEF
#CACCEE
#CACDEE
#CACDEE
#D3C9E9
#D3CAE8
#D3CAE8
#D3CBE7
#D3CCE6
#D3CCE6
#D3CDE5
#DBC8E2
#DBC9E1
#DBCAE0
#DBCAE0
#DBCBDF
#DBCCDE
#DBCDDD
#E3C6DC
#E3C7DB
#E3C8DA
#E3C9D9
#E3CAD8
#E3CCD6
#E3CDD5
#ECC4D5
#ECC5D4
#ECC7D2
#ECC8D1
#ECCACF
#ECCBCE
#ECCDCC
#F6C2CD
#F6C4CB
#F6C6C9
#F6C7C8
#F6C9C6
#F6CBC4
#F6CDC2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts