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 #CC58C0 to #CCC058 and to #58CCC0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC69AF
#C969B2
#C66AB4
#C36AB7
#C06ABA
#BD6BBD
#B96BC0
#CC799F
#C67AA4
#C07AAA
#BA7BAF
#B47CB4
#AE7CB9
#A77DC0
#CC8A8E
#C38B96
#BA8C9E
#B18DA6
#A88EAE
#9F8FB6
#9490C0
#CC9B7D
#C09C88
#B49D92
#A89E9D
#9D9FA8
#91A1B3
#82A2C0
#CCAB6D
#BDAD7A
#AEAE88
#9FB095
#90B1A2
#82B3AF
#6FB5C0
#CCC058
#B9C269
#A7C479
#94C68A
#82C89B
#6FCAAB
#58CCC0
Colorpallet from #CC58C0 to #CCC058 and to #58C0CC
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC69AF
#C969B2
#C669B5
#C369B8
#C069BB
#BD69BE
#B969C2
#CC799F
#C679A5
#C079AB
#BA79B1
#B479B7
#AE79BD
#A779C4
#CC8A8E
#C38A97
#BA8AA0
#B18AA9
#A88AB2
#9F8ABB
#948AC6
#CC9B7D
#C09B89
#B49B95
#A89BA1
#9D9BAD
#919BB9
#829BC8
#CCAB6D
#BDAB7C
#AEAB8B
#9FAB9A
#90ABA9
#82ABB7
#6FABCA
#CCC058
#B9C06B
#A7C07D
#94C090
#82C0A2
#6FC0B5
#58C0CC
Colorpallet from #CC58C0 to #CCC058 and to #C0CC58
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC69AF
#CC69AF
#CB6AAF
#CB6AAF
#CB6AAF
#CA6BAF
#CA6BAF
#CC799F
#CB7A9F
#CB7A9F
#CA7B9F
#C97C9F
#C97C9F
#C87D9F
#CC8A8E
#CB8B8E
#CA8C8E
#C98D8E
#C88E8E
#C78F8E
#C6908E
#CC9B7D
#CB9C7D
#C99D7D
#C89E7D
#C79F7D
#C6A17D
#C4A27D
#CCAB6D
#CAAD6D
#C9AE6D
#C7B06D
#C6B16D
#C4B36D
#C2B56D
#CCC058
#CAC258
#C8C458
#C6C658
#C4C858
#C2CA58
#C0CC58
Colorpallet from #CC58C0 to #CCC058 and to #C058CC
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC69AF
#CC66B2
#CB64B5
#CB61B8
#CB5EBB
#CA5BBE
#CA58C2
#CC799F
#CB74A5
#CB6EAB
#CA69B1
#C964B7
#C95FBD
#C858C4
#CC8A8E
#CB8297
#CA7AA0
#C972A9
#C86AB2
#C762BB
#C658C6
#CC9B7D
#CB9089
#C98695
#C87BA1
#C770AD
#C665B9
#C458C8
#CCAB6D
#CA9E7C
#C9908B
#C7839A
#C676A9
#C469B7
#C258CA
#CCC058
#CAAF6B
#C89F7D
#C68E90
#C47DA2
#C26DB5
#C058CC
Colorpallet from #CC58C0 to #58CCC0 and to #58C0CC
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#B96BC0
#B96BC0
#B96AC1
#B96AC1
#B96AC1
#B969C2
#B969C2
#A77DC0
#A77CC1
#A77CC1
#A77BC2
#A77AC3
#A77AC3
#A779C4
#9490C0
#948FC1
#948EC2
#948DC3
#948CC4
#948BC5
#948AC6
#82A2C0
#82A1C1
#82A0C3
#829FC4
#829EC5
#829CC6
#829BC8
#6FB5C0
#6FB3C2
#6FB2C3
#6FB0C5
#6FAFC6
#6FADC8
#6FABCA
#58CCC0
#58CAC2
#58C8C4
#58C6C6
#58C4C8
#58C2CA
#58C0CC
Colorpallet from #CC58C0 to #58CCC0 and to #C0CC58
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#B96BC0
#BC6BBD
#BE6BBB
#C16BB8
#C46BB5
#C76BB2
#CA6BAF
#A77DC0
#AC7DBB
#B27DB5
#B77DB0
#BC7DAB
#C17DA6
#C87D9F
#9490C0
#9C90B8
#A490B0
#AC90A8
#B490A0
#BC9098
#C6908E
#82A2C0
#8DA2B5
#97A2AB
#A2A2A0
#ACA295
#B7A28A
#C4A27D
#6FB5C0
#7CB5B3
#8AB5A5
#97B598
#A4B58B
#B1B57E
#C2B56D
#58CCC0
#69CCAF
#79CC9F
#8ACC8E
#9BCC7D
#ABCC6D
#C0CC58
Colorpallet from #CC58C0 to #58CCC0 and to #C058CC
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#B96BC0
#BC68C0
#BE65C1
#C162C1
#C45FC1
#C75CC2
#CA58C2
#A77DC0
#AC77C1
#B271C1
#B76BC2
#BC65C3
#C15FC3
#C858C4
#9490C0
#9C87C1
#A47EC2
#AC75C3
#B46CC4
#BC63C5
#C658C6
#82A2C0
#8D96C1
#978AC3
#A27EC4
#AC73C5
#B767C6
#C458C8
#6FB5C0
#7CA6C2
#8A97C3
#9788C5
#A479C6
#B16BC8
#C258CA
#58CCC0
#69B9C2
#79A7C4
#8A94C6
#9B82C8
#AB6FCA
#C058CC
Colorpallet from #CC58C0 to #58C0CC and to #C0CC58
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#B969C2
#BC69BF
#BE6ABC
#C16AB9
#C46AB6
#C76BB3
#CA6BAF
#A779C4
#AC7ABE
#B27AB8
#B77BB2
#BC7CAC
#C17CA6
#C87D9F
#948AC6
#9C8BBD
#A48CB4
#AC8DAB
#B48EA2
#BC8F99
#C6908E
#829BC8
#8D9CBC
#979DB0
#A29EA4
#AC9F98
#B7A18C
#C4A27D
#6FABCA
#7CADBB
#8AAEAC
#97B09D
#A4B18E
#B1B380
#C2B56D
#58C0CC
#69C2B9
#79C4A7
#8AC694
#9BC882
#ABCA6F
#C0CC58
Colorpallet from #CC58C0 to #58C0CC and to #C058CC
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#B969C2
#BC66C2
#BE64C2
#C161C2
#C45EC2
#C75BC2
#CA58C2
#A779C4
#AC74C4
#B26EC4
#B769C4
#BC64C4
#C15FC4
#C858C4
#948AC6
#9C82C6
#A47AC6
#AC72C6
#B46AC6
#BC62C6
#C658C6
#829BC8
#8D90C8
#9786C8
#A27BC8
#AC70C8
#B765C8
#C458C8
#6FABCA
#7C9ECA
#8A90CA
#9783CA
#A476CA
#B169CA
#C258CA
#58C0CC
#69AFCC
#799FCC
#8A8ECC
#9B7DCC
#AB6DCC
#C058CC
Colorpallet from #CC58C0 to #C0CC58 and to #C058CC
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CC58C0
#CA6BAF
#CA68B2
#CA65B5
#CA62B8
#CA5FBB
#CA5CBE
#CA58C2
#C87D9F
#C877A5
#C871AB
#C86BB1
#C865B7
#C85FBD
#C858C4
#C6908E
#C68797
#C67EA0
#C675A9
#C66CB2
#C663BB
#C658C6
#C4A27D
#C49689
#C48A95
#C47EA1
#C473AD
#C467B9
#C458C8
#C2B56D
#C2A67C
#C2978B
#C2889A
#C279A9
#C26BB7
#C258CA
#C0CC58
#C0B96B
#C0A77D
#C09490
#C082A2
#C06FB5
#C058CC
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
