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 #C5AD7D to #C57DAD and to #ADC57D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5A585
#C4A784
#C4A982
#C3AB81
#C2AD80
#C2AF7F
#C1B17D
#C59E8C
#C4A28A
#C2A587
#C1A985
#C0AD82
#BFB080
#BDB57D
#C59694
#C39C90
#C1A18D
#BFA789
#BDAC85
#BBB282
#B9B97D
#C58E9C
#C39597
#C09D92
#BEA48D
#BBAB88
#B9B383
#B6BC7D
#C587A3
#C2909D
#BF9997
#BCA291
#B9AB8B
#B6B585
#B2C07D
#C57DAD
#C189A5
#BD949E
#B9A096
#B6AB8E
#B2B787
#ADC57D
Colorpallet from #C5AD7D to #C57DAD and to #AD7DC5
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5A585
#C4A586
#C4A586
#C3A587
#C2A588
#C2A588
#C1A589
#C59E8C
#C49E8D
#C29E8F
#C19E90
#C09E91
#BF9E92
#BD9E94
#C59694
#C39696
#C19698
#BF969A
#BD969C
#BB969E
#B996A0
#C58E9C
#C38E9E
#C08EA1
#BE8EA3
#BB8EA6
#B98EA8
#B68EAB
#C587A3
#C287A6
#BF87A9
#BC87AD
#B987B0
#B687B3
#B287B7
#C57DAD
#C17DB1
#BD7DB5
#B97DB9
#B67DBC
#B27DC0
#AD7DC5
Colorpallet from #C5AD7D to #C57DAD and to #7DC5AD
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5A585
#C3A785
#C1A985
#BFAB85
#BDAD85
#BBAF85
#B9B185
#C59E8C
#C1A28C
#BEA58C
#BAA98C
#B6AD8C
#B3B08C
#AEB58C
#C59694
#BF9C94
#BAA194
#B4A794
#AFAC94
#A9B294
#A2B994
#C58E9C
#BE959C
#B69D9C
#AFA49C
#A8AB9C
#A0B39C
#97BC9C
#C587A3
#BC90A3
#B299A3
#A9A2A3
#A0ABA3
#97B5A3
#8BC0A3
#C57DAD
#B989AD
#AE94AD
#A2A0AD
#97ABAD
#8BB7AD
#7DC5AD
Colorpallet from #C5AD7D to #C57DAD and to #7DADC5
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5A585
#C3A686
#C1A886
#BFA987
#BDAA88
#BBAB88
#B9AD89
#C59E8C
#C1A08D
#BEA38F
#BAA590
#B6A891
#B3AA92
#AEAD94
#C59694
#BF9A96
#BA9D98
#B4A19A
#AFA59C
#A9A89E
#A2ADA0
#C58E9C
#BE939E
#B698A1
#AF9DA3
#A8A2A6
#A0A7A8
#97ADAB
#C587A3
#BC8DA6
#B293A9
#A999AD
#A09FB0
#97A5B3
#8BADB7
#C57DAD
#B985B1
#AE8CB5
#A294B9
#979CBC
#8BA3C0
#7DADC5
Colorpallet from #C5AD7D to #ADC57D and to #AD7DC5
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C1B17D
#C1AF7F
#C1AD81
#C1AB83
#C1A985
#C1A787
#C1A589
#BDB57D
#BDB181
#BDAE84
#BDAA88
#BDA68C
#BDA38F
#BD9E94
#B9B97D
#B9B383
#B9AE88
#B9A88E
#B9A393
#B99D99
#B996A0
#B6BC7D
#B6B584
#B6AD8C
#B6A693
#B69F9A
#B697A2
#B68EAB
#B2C07D
#B2B786
#B2AE90
#B2A599
#B29CA2
#B292AB
#B287B7
#ADC57D
#ADB989
#ADAE94
#ADA2A0
#AD97AB
#AD8BB7
#AD7DC5
Colorpallet from #C5AD7D to #ADC57D and to #7DC5AD
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C1B17D
#C0B17E
#BEB180
#BDB181
#BCB182
#BBB183
#B9B185
#BDB57D
#BBB57F
#B8B582
#B6B584
#B3B587
#B1B589
#AEB58C
#B9B97D
#B5B981
#B2B984
#AEB988
#AAB98C
#A7B98F
#A2B994
#B6BC7D
#B1BC82
#ACBC87
#A7BC8C
#A2BC91
#9DBC96
#97BC9C
#B2C07D
#ACC083
#A6C089
#9FC08F
#99C095
#93C09B
#8BC0A3
#ADC57D
#A5C585
#9EC58C
#96C594
#8EC59C
#87C5A3
#7DC5AD
Colorpallet from #C5AD7D to #ADC57D and to #7DADC5
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C1B17D
#C0B07F
#BEB081
#BDAF83
#BCAE85
#BBAE87
#B9AD89
#BDB57D
#BBB481
#B8B284
#B6B188
#B3B08C
#B1AF8F
#AEAD94
#B9B97D
#B5B783
#B2B588
#AEB38E
#AAB193
#A7AF99
#A2ADA0
#B6BC7D
#B1BA84
#ACB78C
#A7B593
#A2B29A
#9DB0A2
#97ADAB
#B2C07D
#ACBD86
#A6BA90
#9FB799
#99B4A2
#93B1AB
#8BADB7
#ADC57D
#A5C189
#9EBD94
#96B9A0
#8EB6AB
#87B2B7
#7DADC5
Colorpallet from #C5AD7D to #AD7DC5 and to #7DC5AD
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C1A589
#C0A788
#BEA988
#BDAB87
#BCAD86
#BBAF86
#B9B185
#BD9E94
#BBA293
#B8A591
#B6A990
#B3AD8F
#B1B08E
#AEB58C
#B996A0
#B59C9E
#B2A19C
#AEA79A
#AAAC98
#A7B296
#A2B994
#B68EAB
#B195A9
#AC9DA6
#A7A4A4
#A2ABA1
#9DB39F
#97BC9C
#B287B7
#AC90B4
#A699B1
#9FA2AD
#99ABAA
#93B5A7
#8BC0A3
#AD7DC5
#A589C1
#9E94BD
#96A0B9
#8EABB6
#87B7B2
#7DC5AD
Colorpallet from #C5AD7D to #AD7DC5 and to #7DADC5
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C1A589
#C0A689
#BEA889
#BDA989
#BCAA89
#BBAB89
#B9AD89
#BD9E94
#BBA094
#B8A394
#B6A594
#B3A894
#B1AA94
#AEAD94
#B996A0
#B59AA0
#B29DA0
#AEA1A0
#AAA5A0
#A7A8A0
#A2ADA0
#B68EAB
#B193AB
#AC98AB
#A79DAB
#A2A2AB
#9DA7AB
#97ADAB
#B287B7
#AC8DB7
#A693B7
#9F99B7
#999FB7
#93A5B7
#8BADB7
#AD7DC5
#A585C5
#9E8CC5
#9694C5
#8E9CC5
#87A3C5
#7DADC5
Colorpallet from #C5AD7D to #7DC5AD and to #7DADC5
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#C5AD7D
#B9B185
#B9B086
#B9B086
#B9AF87
#B9AE88
#B9AE88
#B9AD89
#AEB58C
#AEB48D
#AEB28F
#AEB190
#AEB091
#AEAF92
#AEAD94
#A2B994
#A2B796
#A2B598
#A2B39A
#A2B19C
#A2AF9E
#A2ADA0
#97BC9C
#97BA9E
#97B7A1
#97B5A3
#97B2A6
#97B0A8
#97ADAB
#8BC0A3
#8BBDA6
#8BBAA9
#8BB7AD
#8BB4B0
#8BB1B3
#8BADB7
#7DC5AD
#7DC1B1
#7DBDB5
#7DB9B9
#7DB6BC
#7DB2C0
#7DADC5
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
