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 #CF8EB1 to #CFB18E and to #8ECFB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF94AB
#CD95AC
#CC95AD
#CA96AE
#C997AF
#C797B0
#C598B1
#CF99A6
#CC9BA8
#C89CAA
#C59EAB
#C29FAD
#BEA1AF
#BAA3B1
#CF9FA0
#CAA1A3
#C5A3A5
#C0A6A8
#BBA8AB
#B6AAAE
#B0ADB1
#CFA49B
#C8A79F
#C2AAA2
#BBAEA6
#B4B1A9
#ADB4AD
#A5B8B1
#CFAA95
#C7AE99
#BEB29E
#B6B6A2
#AEB9A7
#A5BDAB
#9BC2B1
#CFB18E
#C5B694
#BABB99
#B0BF9F
#A5C4A4
#9BC9AA
#8ECFB1
Colorpallet from #CF8EB1 to #CFB18E and to #8EB1CF
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF94AB
#CD94AD
#CC94AF
#CA94B0
#C994B2
#C794B4
#C594B6
#CF99A6
#CC99A9
#C899AD
#C599B0
#C299B3
#BE99B7
#BA99BB
#CF9FA0
#CA9FA5
#C59FAA
#C09FAF
#BB9FB4
#B69FB9
#B09FBF
#CFA49B
#C8A4A2
#C2A4A8
#BBA4AF
#B4A4B5
#ADA4BC
#A5A4C4
#CFAA95
#C7AA9D
#BEAAA6
#B6AAAE
#AEAAB6
#A5AABF
#9BAAC9
#CFB18E
#C5B198
#BAB1A3
#B0B1AD
#A5B1B8
#9BB1C2
#8EB1CF
Colorpallet from #CF8EB1 to #CFB18E and to #B1CF8E
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF94AB
#CE95AB
#CD95AB
#CD96AB
#CC97AB
#CB97AB
#CA98AB
#CF99A6
#CD9BA6
#CC9CA6
#CA9EA6
#C99FA6
#C7A1A6
#C5A3A6
#CF9FA0
#CDA1A0
#CBA3A0
#C8A6A0
#C6A8A0
#C4AAA0
#C1ADA0
#CFA49B
#CCA79B
#C9AA9B
#C6AE9B
#C3B19B
#C0B49B
#BCB89B
#CFAA95
#CBAE95
#C7B295
#C3B695
#C0B995
#BCBD95
#B7C295
#CFB18E
#CAB68E
#C5BB8E
#C1BF8E
#BCC48E
#B7C98E
#B1CF8E
Colorpallet from #CF8EB1 to #CFB18E and to #B18ECF
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF94AB
#CE93AD
#CD92AF
#CD91B0
#CC90B2
#CB8FB4
#CA8EB6
#CF99A6
#CD97A9
#CC95AD
#CA94B0
#C992B3
#C790B7
#C58EBB
#CF9FA0
#CD9CA5
#CB9AAA
#C897AF
#C694B4
#C491B9
#C18EBF
#CFA49B
#CCA0A2
#C99DA8
#C699AF
#C396B5
#C092BC
#BC8EC4
#CFAA95
#CBA69D
#C7A1A6
#C39DAE
#C098B6
#BC94BF
#B78EC9
#CFB18E
#CAAB98
#C5A6A3
#C1A0AD
#BC9BB8
#B795C2
#B18ECF
Colorpallet from #CF8EB1 to #8ECFB1 and to #8EB1CF
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#C598B1
#C597B2
#C597B3
#C596B3
#C595B4
#C595B5
#C594B6
#BAA3B1
#BAA1B3
#BAA0B4
#BA9EB6
#BA9DB7
#BA9BB9
#BA99BB
#B0ADB1
#B0ABB3
#B0A9B5
#B0A6B8
#B0A4BA
#B0A2BC
#B09FBF
#A5B8B1
#A5B5B4
#A5B2B7
#A5AEBA
#A5ABBD
#A5A8C0
#A5A4C4
#9BC2B1
#9BBEB5
#9BBAB9
#9BB6BD
#9BB3C0
#9BAFC4
#9BAAC9
#8ECFB1
#8ECAB6
#8EC5BB
#8EC1BF
#8EBCC4
#8EB7C9
#8EB1CF
Colorpallet from #CF8EB1 to #8ECFB1 and to #B1CF8E
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#C598B1
#C698B0
#C798AF
#C798AE
#C898AD
#C998AC
#CA98AB
#BAA3B1
#BCA3AF
#BEA3AD
#BFA3AC
#C1A3AA
#C3A3A8
#C5A3A6
#B0ADB1
#B3ADAE
#B5ADAC
#B8ADA9
#BBADA6
#BEADA3
#C1ADA0
#A5B8B1
#A9B8AD
#ACB8AA
#B0B8A6
#B4B8A3
#B7B89F
#BCB89B
#9BC2B1
#9FC2AD
#A4C2A8
#A8C2A4
#ADC29F
#B1C29B
#B7C295
#8ECFB1
#94CFAB
#99CFA6
#9FCFA0
#A4CF9B
#AACF95
#B1CF8E
Colorpallet from #CF8EB1 to #8ECFB1 and to #B18ECF
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#C598B1
#C696B2
#C795B3
#C793B3
#C892B4
#C990B5
#CA8EB6
#BAA3B1
#BCA0B3
#BE9CB4
#BF99B6
#C196B7
#C392B9
#C58EBB
#B0ADB1
#B3A8B3
#B5A3B5
#B89EB8
#BB99BA
#BE94BC
#C18EBF
#A5B8B1
#A9B1B4
#ACABB7
#B0A4BA
#B49DBD
#B796C0
#BC8EC4
#9BC2B1
#9FBAB5
#A4B1B9
#A8A9BD
#ADA1C0
#B198C4
#B78EC9
#8ECFB1
#94C5B6
#99BABB
#9FB0BF
#A4A5C4
#AA9BC9
#B18ECF
Colorpallet from #CF8EB1 to #8EB1CF and to #B1CF8E
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#C594B6
#C695B4
#C795B2
#C796B1
#C897AF
#C997AD
#CA98AB
#BA99BB
#BC9BB8
#BE9CB4
#BF9EB1
#C19FAE
#C3A1AA
#C5A3A6
#B09FBF
#B3A1BA
#B5A3B5
#B8A6B0
#BBA8AB
#BEAAA6
#C1ADA0
#A5A4C4
#A9A7BD
#ACAAB7
#B0AEB0
#B4B1AA
#B7B4A3
#BCB89B
#9BAAC9
#9FAEC1
#A4B2B8
#A8B6B0
#ADB9A8
#B1BD9F
#B7C295
#8EB1CF
#94B6C5
#99BBBA
#9FBFB0
#A4C4A5
#AAC99B
#B1CF8E
Colorpallet from #CF8EB1 to #8EB1CF and to #B18ECF
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#C594B6
#C693B6
#C792B6
#C791B6
#C890B6
#C98FB6
#CA8EB6
#BA99BB
#BC97BB
#BE95BB
#BF94BB
#C192BB
#C390BB
#C58EBB
#B09FBF
#B39CBF
#B59ABF
#B897BF
#BB94BF
#BE91BF
#C18EBF
#A5A4C4
#A9A0C4
#AC9DC4
#B099C4
#B496C4
#B792C4
#BC8EC4
#9BAAC9
#9FA6C9
#A4A1C9
#A89DC9
#AD98C9
#B194C9
#B78EC9
#8EB1CF
#94ABCF
#99A6CF
#9FA0CF
#A49BCF
#AA95CF
#B18ECF
Colorpallet from #CF8EB1 to #B1CF8E and to #B18ECF
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CF8EB1
#CA98AB
#CA96AD
#CA95AF
#CA93B0
#CA92B2
#CA90B4
#CA8EB6
#C5A3A6
#C5A0A9
#C59CAD
#C599B0
#C596B3
#C592B7
#C58EBB
#C1ADA0
#C1A8A5
#C1A3AA
#C19EAF
#C199B4
#C194B9
#C18EBF
#BCB89B
#BCB1A2
#BCABA8
#BCA4AF
#BC9DB5
#BC96BC
#BC8EC4
#B7C295
#B7BA9D
#B7B1A6
#B7A9AE
#B7A1B6
#B798BF
#B78EC9
#B1CF8E
#B1C598
#B1BAA3
#B1B0AD
#B1A5B8
#B19BC2
#B18ECF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
