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 #CD80BD to #CDBD80 and to #80CDBD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD8AB3
#CB8AB5
#C98BB6
#C78BB8
#C58BB9
#C38CBB
#C18CBD
#CD94A9
#C995AC
#C596AF
#C196B3
#BD97B6
#B998B9
#B499BD
#CD9DA0
#C79EA5
#C1A0A9
#BBA1AE
#B5A2B3
#AFA3B7
#A8A5BD
#CDA796
#C5A99C
#BDAAA2
#B5ACA9
#AEADAF
#A6AFB5
#9CB1BD
#CDB18C
#C3B394
#B9B59C
#AFB7A4
#A5B9AB
#9BBBB3
#8FBEBD
#CDBD80
#C1C08A
#B4C294
#A8C59D
#9CC7A7
#8FCAB1
#80CDBD
Colorpallet from #CD80BD to #CDBD80 and to #80BDCD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD8AB3
#CB8AB5
#C98AB7
#C78AB9
#C58ABB
#C38ABD
#C18AC0
#CD94A9
#C994AD
#C594B1
#C194B5
#BD94B9
#B994BD
#B494C2
#CD9DA0
#C79DA6
#C19DAC
#BB9DB2
#B59DB8
#AF9DBE
#A89DC5
#CDA796
#C5A79E
#BDA7A6
#B5A7AE
#AEA7B5
#A6A7BD
#9CA7C7
#CDB18C
#C3B196
#B9B1A0
#AFB1AA
#A5B1B4
#9BB1BE
#8FB1CA
#CDBD80
#C1BD8C
#B4BD99
#A8BDA5
#9CBDB1
#8FBDBE
#80BDCD
Colorpallet from #CD80BD to #CDBD80 and to #BDCD80
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD8AB3
#CD8AB3
#CC8BB3
#CC8BB3
#CB8BB3
#CB8CB3
#CA8CB3
#CD94A9
#CC95A9
#CB96A9
#CB96A9
#CA97A9
#C998A9
#C899A9
#CD9DA0
#CC9EA0
#CAA0A0
#C9A1A0
#C8A2A0
#C7A3A0
#C5A5A0
#CDA796
#CBA996
#CAAA96
#C8AC96
#C7AD96
#C5AF96
#C3B196
#CDB18C
#CBB38C
#C9B58C
#C7B78C
#C5B98C
#C3BB8C
#C0BE8C
#CDBD80
#CAC080
#C8C280
#C5C580
#C3C780
#C0CA80
#BDCD80
Colorpallet from #CD80BD to #CDBD80 and to #BD80CD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD8AB3
#CD88B5
#CC87B7
#CC85B9
#CB84BB
#CB82BD
#CA80C0
#CD94A9
#CC91AD
#CB8EB1
#CB8AB5
#CA87B9
#C984BD
#C880C2
#CD9DA0
#CC98A6
#CA94AC
#C98FB2
#C88AB8
#C786BE
#C580C5
#CDA796
#CBA19E
#CA9BA6
#C894AE
#C78EB5
#C588BD
#C380C7
#CDB18C
#CBA996
#C9A1A0
#C799AA
#C592B4
#C38ABE
#C080CA
#CDBD80
#CAB38C
#C8A999
#C5A0A5
#C396B1
#C08CBE
#BD80CD
Colorpallet from #CD80BD to #80CDBD and to #80BDCD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#C18CBD
#C18CBD
#C18BBE
#C18BBE
#C18BBF
#C18ABF
#C18AC0
#B499BD
#B498BE
#B497BF
#B497BF
#B496C0
#B495C1
#B494C2
#A8A5BD
#A8A4BE
#A8A2C0
#A8A1C1
#A8A0C2
#A89FC3
#A89DC5
#9CB1BD
#9CAFBF
#9CAEC0
#9CACC2
#9CABC3
#9CA9C5
#9CA7C7
#8FBEBD
#8FBCBF
#8FBAC1
#8FB8C3
#8FB6C5
#8FB4C7
#8FB1CA
#80CDBD
#80CAC0
#80C8C2
#80C5C5
#80C3C7
#80C0CA
#80BDCD
Colorpallet from #CD80BD to #80CDBD and to #BDCD80
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#C18CBD
#C28CBB
#C48CBA
#C58CB8
#C78CB7
#C88CB5
#CA8CB3
#B499BD
#B799BA
#BA99B7
#BE99B3
#C199B0
#C499AD
#C899A9
#A8A5BD
#ADA5B8
#B1A5B4
#B6A5AF
#BBA5AA
#BFA5A6
#C5A5A0
#9CB1BD
#A2B1B7
#A8B1B1
#AFB1AA
#B5B1A4
#BBB19E
#C3B196
#8FBEBD
#97BEB5
#9FBEAD
#A7BEA5
#AEBE9E
#B6BE96
#C0BE8C
#80CDBD
#8ACDB3
#94CDA9
#9DCDA0
#A7CD96
#B1CD8C
#BDCD80
Colorpallet from #CD80BD to #80CDBD and to #BD80CD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#C18CBD
#C28ABD
#C488BE
#C586BE
#C784BF
#C882BF
#CA80C0
#B499BD
#B795BE
#BA91BF
#BE8DBF
#C189C0
#C485C1
#C880C2
#A8A5BD
#AD9FBE
#B199C0
#B693C1
#BB8DC2
#BF87C3
#C580C5
#9CB1BD
#A2A9BF
#A8A1C0
#AF99C2
#B592C3
#BB8AC5
#C380C7
#8FBEBD
#97B4BF
#9FAAC1
#A7A0C3
#AE96C5
#B68CC7
#C080CA
#80CDBD
#8AC1C0
#94B4C2
#9DA8C5
#A79CC7
#B18FCA
#BD80CD
Colorpallet from #CD80BD to #80BDCD and to #BDCD80
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#C18AC0
#C28ABE
#C48BBC
#C58BBA
#C78BB8
#C88CB6
#CA8CB3
#B494C2
#B795BE
#BA96BA
#BE96B6
#C197B2
#C498AE
#C899A9
#A89DC5
#AD9EBF
#B1A0B9
#B6A1B3
#BBA2AD
#BFA3A7
#C5A5A0
#9CA7C7
#A2A9BF
#A8AAB7
#AFACAF
#B5ADA8
#BBAFA0
#C3B196
#8FB1CA
#97B3C0
#9FB5B6
#A7B7AC
#AEB9A2
#B6BB98
#C0BE8C
#80BDCD
#8AC0C1
#94C2B4
#9DC5A8
#A7C79C
#B1CA8F
#BDCD80
Colorpallet from #CD80BD to #80BDCD and to #BD80CD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#C18AC0
#C288C0
#C487C0
#C585C0
#C784C0
#C882C0
#CA80C0
#B494C2
#B791C2
#BA8EC2
#BE8AC2
#C187C2
#C484C2
#C880C2
#A89DC5
#AD98C5
#B194C5
#B68FC5
#BB8AC5
#BF86C5
#C580C5
#9CA7C7
#A2A1C7
#A89BC7
#AF94C7
#B58EC7
#BB88C7
#C380C7
#8FB1CA
#97A9CA
#9FA1CA
#A799CA
#AE92CA
#B68ACA
#C080CA
#80BDCD
#8AB3CD
#94A9CD
#9DA0CD
#A796CD
#B18CCD
#BD80CD
Colorpallet from #CD80BD to #BDCD80 and to #BD80CD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CD80BD
#CA8CB3
#CA8AB5
#CA88B7
#CA86B9
#CA84BB
#CA82BD
#CA80C0
#C899A9
#C895AD
#C891B1
#C88DB5
#C889B9
#C885BD
#C880C2
#C5A5A0
#C59FA6
#C599AC
#C593B2
#C58DB8
#C587BE
#C580C5
#C3B196
#C3A99E
#C3A1A6
#C399AE
#C392B5
#C38ABD
#C380C7
#C0BE8C
#C0B496
#C0AAA0
#C0A0AA
#C096B4
#C08CBE
#C080CA
#BDCD80
#BDC18C
#BDB499
#BDA8A5
#BD9CB1
#BD8FBE
#BD80CD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
