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 #CDC7EF to #CDEFC7 and to #C7CDEF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDCDE9
#CDCCEA
#CDCBEB
#CDCBEC
#CCCAED
#CCC9EE
#CCC8EF
#CDD4E2
#CDD2E4
#CCD0E6
#CCCFE8
#CCCDEA
#CBCBEC
#CBC9EF
#CDDADC
#CDD7DF
#CCD5E2
#CCD2E5
#CBD0E8
#CBCDEB
#CACAEF
#CDE1D5
#CCDDD9
#CCDADD
#CBD6E1
#CAD3E6
#CACFEA
#C9CBEF
#CDE7CF
#CCE3D4
#CBDED9
#CBDADE
#CAD6E3
#C9D1E9
#C8CCEF
#CDEFC7
#CCEACD
#CBE4D4
#CADFDA
#C9D9E1
#C8D4E7
#C7CDEF
Colorpallet from #CDC7EF to #CDEFC7 and to #C7EFCD
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDCDE9
#CDCDE9
#CDCDE9
#CDCDE9
#CCCDEA
#CCCDEA
#CCCDEA
#CDD4E2
#CDD4E2
#CCD4E3
#CCD4E3
#CCD4E3
#CBD4E4
#CBD4E4
#CDDADC
#CDDADC
#CCDADD
#CCDADD
#CBDADE
#CBDADE
#CADADF
#CDE1D5
#CCE1D6
#CCE1D6
#CBE1D7
#CAE1D8
#CAE1D8
#C9E1D9
#CDE7CF
#CCE7D0
#CBE7D1
#CBE7D1
#CAE7D2
#C9E7D3
#C8E7D4
#CDEFC7
#CCEFC8
#CBEFC9
#CAEFCA
#C9EFCB
#C8EFCC
#C7EFCD
Colorpallet from #CDC7EF to #CDEFC7 and to #EFCDC7
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDCDE9
#CECCE9
#CFCBE9
#CFCBE9
#D0CAE9
#D1C9E9
#D2C8E9
#CDD4E2
#CFD2E2
#D1D0E2
#D2CFE2
#D4CDE2
#D6CBE2
#D8C9E2
#CDDADC
#D0D7DC
#D2D5DC
#D5D2DC
#D7D0DC
#DACDDC
#DDCADC
#CDE1D5
#D1DDD5
#D4DAD5
#D8D6D5
#DBD3D5
#DFCFD5
#E3CBD5
#CDE7CF
#D1E3CF
#D6DECF
#DADACF
#DED6CF
#E3D1CF
#E8CCCF
#CDEFC7
#D2EAC7
#D8E4C7
#DDDFC7
#E3D9C7
#E8D4C7
#EFCDC7
Colorpallet from #CDC7EF to #CDEFC7 and to #EFC7CD
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDCDE9
#CECCE9
#CFCBE9
#CFCAE9
#D0C9EA
#D1C8EA
#D2C7EA
#CDD4E2
#CFD2E2
#D1D0E3
#D2CEE3
#D4CCE3
#D6CAE4
#D8C7E4
#CDDADC
#D0D7DC
#D2D4DD
#D5D1DD
#D7CEDE
#DACBDE
#DDC7DF
#CDE1D5
#D1DDD6
#D4D9D6
#D8D5D7
#DBD0D8
#DFCCD8
#E3C7D9
#CDE7CF
#D1E2D0
#D6DDD1
#DAD8D1
#DED3D2
#E3CDD3
#E8C7D4
#CDEFC7
#D2E9C8
#D8E2C9
#DDDCCA
#E3D5CB
#E8CFCC
#EFC7CD
Colorpallet from #CDC7EF to #C7CDEF and to #C7EFCD
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CCC8EF
#CCC9EE
#CCCAED
#CCCAED
#CCCBEC
#CCCCEB
#CCCDEA
#CBC9EF
#CBCBED
#CBCDEB
#CBCEEA
#CBD0E8
#CBD2E6
#CBD4E4
#CACAEF
#CACDEC
#CACFEA
#CAD2E7
#CAD4E5
#CAD7E2
#CADADF
#C9CBEF
#C9CFEB
#C9D2E8
#C9D6E4
#C9D9E1
#C9DDDD
#C9E1D9
#C8CCEF
#C8D0EB
#C8D5E6
#C8D9E2
#C8DDDE
#C8E2D9
#C8E7D4
#C7CDEF
#C7D2EA
#C7D8E4
#C7DDDF
#C7E3D9
#C7E8D4
#C7EFCD
Colorpallet from #CDC7EF to #C7CDEF and to #EFCDC7
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CCC8EF
#CDC8EE
#CEC8ED
#CFC8EC
#D0C8EB
#D1C8EA
#D2C8E9
#CBC9EF
#CDC9ED
#CFC9EB
#D1C9E9
#D3C9E7
#D5C9E5
#D8C9E2
#CACAEF
#CDCAEC
#D0CAE9
#D3CAE6
#D6CAE3
#D9CAE0
#DDCADC
#C9CBEF
#CDCBEB
#D1CBE7
#D5CBE3
#DACBDE
#DECBDA
#E3CBD5
#C8CCEF
#CDCCEA
#D2CCE5
#D7CCE0
#DCCCDB
#E2CCD5
#E8CCCF
#C7CDEF
#CDCDE9
#D4CDE2
#DACDDC
#E1CDD5
#E7CDCF
#EFCDC7
Colorpallet from #CDC7EF to #C7CDEF and to #EFC7CD
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CCC8EF
#CDC8EE
#CEC8ED
#CFC8ED
#D0C7EC
#D1C7EB
#D2C7EA
#CBC9EF
#CDC9ED
#CFC8EB
#D1C8EA
#D3C8E8
#D5C7E6
#D8C7E4
#CACAEF
#CDCAEC
#D0C9EA
#D3C9E7
#D6C8E5
#D9C8E2
#DDC7DF
#C9CBEF
#CDCAEB
#D1CAE8
#D5C9E4
#DAC8E1
#DEC8DD
#E3C7D9
#C8CCEF
#CDCBEB
#D2CAE6
#D7CAE2
#DCC9DE
#E2C8D9
#E8C7D4
#C7CDEF
#CDCCEA
#D4CBE4
#DACADF
#E1C9D9
#E7C8D4
#EFC7CD
Colorpallet from #CDC7EF to #C7EFCD and to #EFCDC7
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CCCDEA
#CDCCEA
#CECBEA
#CFCBEA
#D0CAE9
#D1C9E9
#D2C8E9
#CBD4E4
#CDD2E4
#CFD0E3
#D1CFE3
#D3CDE3
#D5CBE2
#D8C9E2
#CADADF
#CDD7DF
#D0D5DE
#D3D2DE
#D6D0DD
#D9CDDD
#DDCADC
#C9E1D9
#CDDDD8
#D1DAD8
#D5D6D7
#DAD3D6
#DECFD6
#E3CBD5
#C8E7D4
#CDE3D3
#D2DED2
#D7DAD2
#DCD6D1
#E2D1D0
#E8CCCF
#C7EFCD
#CDEACC
#D4E4CB
#DADFCA
#E1D9C9
#E7D4C8
#EFCDC7
Colorpallet from #CDC7EF to #C7EFCD and to #EFC7CD
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CCCDEA
#CDCCEA
#CECBEA
#CFCAEA
#D0C9EA
#D1C8EA
#D2C7EA
#CBD4E4
#CDD2E4
#CFD0E4
#D1CEE4
#D3CCE4
#D5CAE4
#D8C7E4
#CADADF
#CDD7DF
#D0D4DF
#D3D1DF
#D6CEDF
#D9CBDF
#DDC7DF
#C9E1D9
#CDDDD9
#D1D9D9
#D5D5D9
#DAD0D9
#DECCD9
#E3C7D9
#C8E7D4
#CDE2D4
#D2DDD4
#D7D8D4
#DCD3D4
#E2CDD4
#E8C7D4
#C7EFCD
#CDE9CD
#D4E2CD
#DADCCD
#E1D5CD
#E7CFCD
#EFC7CD
Colorpallet from #CDC7EF to #EFCDC7 and to #EFC7CD
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#CDC7EF
#D2C8E9
#D2C8E9
#D2C8E9
#D2C8E9
#D2C7EA
#D2C7EA
#D2C7EA
#D8C9E2
#D8C9E2
#D8C8E3
#D8C8E3
#D8C8E3
#D8C7E4
#D8C7E4
#DDCADC
#DDCADC
#DDC9DD
#DDC9DD
#DDC8DE
#DDC8DE
#DDC7DF
#E3CBD5
#E3CAD6
#E3CAD6
#E3C9D7
#E3C8D8
#E3C8D8
#E3C7D9
#E8CCCF
#E8CBD0
#E8CAD1
#E8CAD1
#E8C9D2
#E8C8D3
#E8C7D4
#EFCDC7
#EFCCC8
#EFCBC9
#EFCACA
#EFC9CB
#EFC8CC
#EFC7CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts