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 #C581B6 to #C5B681 and to #81C5B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C589AE
#C389AF
#C18AB1
#C08AB2
#BE8BB3
#BC8BB4
#BA8CB6
#C592A5
#C193A8
#BE94AA
#BA94AD
#B795B0
#B396B3
#AF97B6
#C59A9D
#C09BA1
#BA9DA5
#B59EA9
#B09FAD
#ABA0B1
#A4A2B6
#C5A394
#BEA599
#B7A69F
#B0A8A4
#A9A9AA
#A2ABAF
#99ADB6
#C5AB8C
#BCAD93
#B4AF99
#ABB1A0
#A2B3A7
#9AB5AE
#8FB7B6
#C5B681
#BAB889
#AFBB92
#A4BD9A
#99C0A3
#8FC2AB
#81C5B6
Colorpallet from #C581B6 to #C5B681 and to #81B6C5
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C589AE
#C389B0
#C189B1
#C089B3
#BE89B4
#BC89B6
#BA89B8
#C592A5
#C192A9
#BE92AC
#BA92B0
#B792B3
#B392B7
#AF92BB
#C59A9D
#C09AA2
#BA9AA7
#B59AAC
#B09AB1
#AB9AB7
#A49ABD
#C5A394
#BEA39B
#B7A3A2
#B0A3A9
#A9A3B0
#A2A3B7
#99A3C0
#C5AB8C
#BCAB95
#B4AB9D
#ABABA6
#A2ABAF
#9AABB7
#8FABC2
#C5B681
#BAB68C
#AFB697
#A4B6A2
#99B6AD
#8FB6B7
#81B6C5
Colorpallet from #C581B6 to #C5B681 and to #B6C581
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C589AE
#C589AE
#C48AAE
#C48AAE
#C48BAE
#C38BAE
#C38CAE
#C592A5
#C493A5
#C394A5
#C394A5
#C295A5
#C196A5
#C097A5
#C59A9D
#C49B9D
#C39D9D
#C29E9D
#C19F9D
#BFA09D
#BEA29D
#C5A394
#C3A594
#C2A694
#C0A894
#BFA994
#BDAB94
#BBAD94
#C5AB8C
#C3AD8C
#C1AF8C
#BFB18C
#BDB38C
#BBB58C
#B9B78C
#C5B681
#C3B881
#C0BB81
#BEBD81
#BBC081
#B9C281
#B6C581
Colorpallet from #C581B6 to #C5B681 and to #B681C5
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C589AE
#C588B0
#C486B1
#C485B3
#C484B4
#C383B6
#C381B8
#C592A5
#C48FA9
#C38DAC
#C38AB0
#C287B3
#C184B7
#C081BB
#C59A9D
#C496A2
#C392A7
#C28EAC
#C18AB1
#BF86B7
#BE81BD
#C5A394
#C39E9B
#C298A2
#C093A9
#BF8DB0
#BD88B7
#BB81C0
#C5AB8C
#C3A495
#C19E9D
#BF97A6
#BD90AF
#BB89B7
#B981C2
#C5B681
#C3AE8C
#C0A597
#BE9DA2
#BB94AD
#B98CB7
#B681C5
Colorpallet from #C581B6 to #81C5B6 and to #81B6C5
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#BA8CB6
#BA8CB6
#BA8BB7
#BA8BB7
#BA8AB7
#BA8AB8
#BA89B8
#AF97B6
#AF96B7
#AF95B8
#AF95B8
#AF94B9
#AF93BA
#AF92BB
#A4A2B6
#A4A1B7
#A49FB8
#A49EB9
#A49DBA
#A49CBC
#A49ABD
#99ADB6
#99ABB8
#99AAB9
#99A8BB
#99A7BC
#99A5BE
#99A3C0
#8FB7B6
#8FB5B8
#8FB3BA
#8FB1BC
#8FAFBE
#8FADC0
#8FABC2
#81C5B6
#81C3B8
#81C0BB
#81BEBD
#81BBC0
#81B9C2
#81B6C5
Colorpallet from #C581B6 to #81C5B6 and to #B6C581
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#BA8CB6
#BB8CB5
#BD8CB3
#BE8CB2
#C08CB1
#C18CB0
#C38CAE
#AF97B6
#B297B3
#B497B1
#B797AE
#BA97AB
#BD97A8
#C097A5
#A4A2B6
#A8A2B2
#ACA2AE
#B0A2AA
#B5A2A6
#B9A2A2
#BEA29D
#99ADB6
#9EADB1
#A4ADAB
#A9ADA6
#AFADA0
#B4AD9B
#BBAD94
#8FB7B6
#96B7AF
#9CB7A9
#A3B7A2
#AAB79B
#B1B794
#B9B78C
#81C5B6
#89C5AE
#92C5A5
#9AC59D
#A3C594
#ABC58C
#B6C581
Colorpallet from #C581B6 to #81C5B6 and to #B681C5
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#BA8CB6
#BB8AB6
#BD88B7
#BE87B7
#C085B7
#C183B8
#C381B8
#AF97B6
#B293B7
#B490B8
#B78CB8
#BA89B9
#BD85BA
#C081BB
#A4A2B6
#A89DB7
#AC97B8
#B092B9
#B58DBA
#B988BC
#BE81BD
#99ADB6
#9EA6B8
#A49FB9
#A998BB
#AF91BC
#B48ABE
#BB81C0
#8FB7B6
#96AEB8
#9CA6BA
#A39DBC
#AA94BE
#B18CC0
#B981C2
#81C5B6
#89BAB8
#92AFBB
#9AA4BD
#A399C0
#AB8FC2
#B681C5
Colorpallet from #C581B6 to #81B6C5 and to #B6C581
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#BA89B8
#BB89B6
#BD8AB5
#BE8AB3
#C08BB2
#C18BB0
#C38CAE
#AF92BB
#B293B7
#B494B4
#B794B0
#BA95AD
#BD96A9
#C097A5
#A49ABD
#A89BB8
#AC9DB3
#B09EAE
#B59FA9
#B9A0A3
#BEA29D
#99A3C0
#9EA5B9
#A4A6B2
#A9A8AB
#AFA9A4
#B4AB9D
#BBAD94
#8FABC2
#96ADB9
#9CAFB1
#A3B1A8
#AAB39F
#B1B597
#B9B78C
#81B6C5
#89B8BA
#92BBAF
#9ABDA4
#A3C099
#ABC28F
#B6C581
Colorpallet from #C581B6 to #81B6C5 and to #B681C5
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#BA89B8
#BB88B8
#BD86B8
#BE85B8
#C084B8
#C183B8
#C381B8
#AF92BB
#B28FBB
#B48DBB
#B78ABB
#BA87BB
#BD84BB
#C081BB
#A49ABD
#A896BD
#AC92BD
#B08EBD
#B58ABD
#B986BD
#BE81BD
#99A3C0
#9E9EC0
#A498C0
#A993C0
#AF8DC0
#B488C0
#BB81C0
#8FABC2
#96A4C2
#9C9EC2
#A397C2
#AA90C2
#B189C2
#B981C2
#81B6C5
#89AEC5
#92A5C5
#9A9DC5
#A394C5
#AB8CC5
#B681C5
Colorpallet from #C581B6 to #B6C581 and to #B681C5
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C581B6
#C38CAE
#C38AB0
#C388B1
#C387B3
#C385B4
#C383B6
#C381B8
#C097A5
#C093A9
#C090AC
#C08CB0
#C089B3
#C085B7
#C081BB
#BEA29D
#BE9DA2
#BE97A7
#BE92AC
#BE8DB1
#BE88B7
#BE81BD
#BBAD94
#BBA69B
#BB9FA2
#BB98A9
#BB91B0
#BB8AB7
#BB81C0
#B9B78C
#B9AE95
#B9A69D
#B99DA6
#B994AF
#B98CB7
#B981C2
#B6C581
#B6BA8C
#B6AF97
#B6A4A2
#B699AD
#B68FB7
#B681C5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
