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 #ADB685 to #AD85B6 and to #B6AD85
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADAE8D
#ADAF8C
#ADB08A
#ADB189
#AEB288
#AEB487
#AEB585
#ADA695
#ADA892
#AEAA90
#AEAC8D
#AFAE8B
#AFB088
#B0B385
#AD9E9D
#AEA199
#AEA495
#AFA891
#B0AB8E
#B0AE8A
#B1B285
#AD97A4
#AE9B9F
#AF9F9A
#B0A395
#B1A790
#B2AB8B
#B3B085
#AD8FAC
#AE94A6
#AF99A0
#B09E99
#B1A393
#B3A98D
#B4AF85
#AD85B6
#AE8BAE
#B092A6
#B1989E
#B39F97
#B4A58F
#B6AD85
Colorpallet from #ADB685 to #AD85B6 and to #B685AD
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADAE8D
#ADAE8D
#ADAE8C
#ADAE8C
#AEAE8C
#AEAE8B
#AEAE8B
#ADA695
#ADA695
#AEA694
#AEA694
#AFA693
#AFA693
#B0A692
#AD9E9D
#AE9E9C
#AE9E9B
#AF9E9B
#B09E9A
#B09E99
#B19E98
#AD97A4
#AE97A3
#AF97A2
#B097A2
#B197A1
#B297A0
#B3979F
#AD8FAC
#AE8FAB
#AF8FAA
#B08FA9
#B18FA8
#B38FA6
#B48FA5
#AD85B6
#AE85B5
#B085B3
#B185B2
#B385B0
#B485AF
#B685AD
Colorpallet from #ADB685 to #AD85B6 and to #85ADB6
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADAE8D
#ACAF8D
#ABB08D
#AAB18D
#A9B28D
#A8B48D
#A7B58D
#ADA695
#ABA895
#A9AA95
#A7AC95
#A5AE95
#A3B095
#A0B395
#AD9E9D
#AAA19D
#A7A49D
#A4A89D
#A1AB9D
#9EAE9D
#9AB29D
#AD97A4
#A99BA4
#A59FA4
#A1A3A4
#9CA7A4
#98ABA4
#93B0A4
#AD8FAC
#A894AC
#A399AC
#9E9EAC
#99A3AC
#93A9AC
#8DAFAC
#AD85B6
#A78BB6
#A092B6
#9A98B6
#939FB6
#8DA5B6
#85ADB6
Colorpallet from #ADB685 to #AD85B6 and to #85B6AD
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADAE8D
#ACAF8D
#ABB18C
#AAB28C
#A9B38C
#A8B48B
#A7B68B
#ADA695
#ABA995
#A9AB94
#A7AE94
#A5B093
#A3B393
#A0B692
#AD9E9D
#AAA29C
#A7A69B
#A4AA9B
#A1AD9A
#9EB199
#9AB698
#AD97A4
#A99CA3
#A5A1A2
#A1A6A2
#9CABA1
#98B0A0
#93B69F
#AD8FAC
#A895AB
#A39BAA
#9EA2A9
#99A8A8
#93AEA6
#8DB6A5
#AD85B6
#A78DB5
#A095B3
#9A9DB2
#93A4B0
#8DACAF
#85B6AD
Colorpallet from #ADB685 to #B6AD85 and to #B685AD
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#AEB585
#AEB486
#AEB387
#AEB288
#AEB189
#AEAF8A
#AEAE8B
#B0B385
#B0B187
#B0AF89
#B0AD8B
#B0AB8D
#B0A98F
#B0A692
#B1B285
#B1AF88
#B1AC8B
#B1A88E
#B1A591
#B1A294
#B19E98
#B3B085
#B3AC89
#B3A88D
#B3A491
#B3A096
#B39C9A
#B3979F
#B4AF85
#B4AA8A
#B4A58F
#B4A094
#B49B99
#B4959F
#B48FA5
#B6AD85
#B6A78B
#B6A092
#B69A98
#B6939F
#B68DA5
#B685AD
Colorpallet from #ADB685 to #B6AD85 and to #85ADB6
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#AEB585
#ADB586
#ACB588
#ABB589
#AAB58A
#A8B58B
#A7B58D
#B0B385
#ADB388
#ABB38A
#A8B38D
#A6B38F
#A3B392
#A0B395
#B1B285
#ADB289
#AAB28D
#A6B291
#A2B294
#9FB298
#9AB29D
#B3B085
#AEB08A
#A9B08F
#A4B094
#9FB099
#99B09E
#93B0A4
#B4AF85
#AEAF8B
#A8AF91
#A1AF98
#9BAF9E
#95AFA4
#8DAFAC
#B6AD85
#AEAD8D
#A6AD95
#9EAD9D
#97ADA4
#8FADAC
#85ADB6
Colorpallet from #ADB685 to #B6AD85 and to #85B6AD
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#AEB585
#ADB586
#ACB587
#ABB588
#AAB689
#A8B68A
#A7B68B
#B0B385
#ADB387
#ABB489
#A8B48B
#A6B58D
#A3B58F
#A0B692
#B1B285
#ADB388
#AAB38B
#A6B48E
#A2B591
#9FB594
#9AB698
#B3B085
#AEB189
#A9B28D
#A4B391
#9FB496
#99B59A
#93B69F
#B4AF85
#AEB08A
#A8B18F
#A1B294
#9BB399
#95B59F
#8DB6A5
#B6AD85
#AEAE8B
#A6B092
#9EB198
#97B39F
#8FB4A5
#85B6AD
Colorpallet from #ADB685 to #B685AD and to #85ADB6
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#AEAE8B
#ADAF8B
#ACB08C
#ABB18C
#AAB28C
#A8B48D
#A7B58D
#B0A692
#ADA892
#ABAA93
#A8AC93
#A6AE94
#A3B094
#A0B395
#B19E98
#ADA199
#AAA49A
#A6A89A
#A2AB9B
#9FAE9C
#9AB29D
#B3979F
#AE9BA0
#A99FA1
#A4A3A1
#9FA7A2
#99ABA3
#93B0A4
#B48FA5
#AE94A6
#A899A7
#A19EA8
#9BA3A9
#95A9AB
#8DAFAC
#B685AD
#AE8BAE
#A692B0
#9E98B1
#979FB3
#8FA5B4
#85ADB6
Colorpallet from #ADB685 to #B685AD and to #85B6AD
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#AEAE8B
#ADAF8B
#ACB18B
#ABB28B
#AAB38B
#A8B48B
#A7B68B
#B0A692
#ADA992
#ABAB92
#A8AE92
#A6B092
#A3B392
#A0B692
#B19E98
#ADA298
#AAA698
#A6AA98
#A2AD98
#9FB198
#9AB698
#B3979F
#AE9C9F
#A9A19F
#A4A69F
#9FAB9F
#99B09F
#93B69F
#B48FA5
#AE95A5
#A89BA5
#A1A2A5
#9BA8A5
#95AEA5
#8DB6A5
#B685AD
#AE8DAD
#A695AD
#9E9DAD
#97A4AD
#8FACAD
#85B6AD
Colorpallet from #ADB685 to #85ADB6 and to #85B6AD
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#ADB685
#A7B58D
#A7B58D
#A7B58C
#A7B58C
#A7B68C
#A7B68B
#A7B68B
#A0B395
#A0B395
#A0B494
#A0B494
#A0B593
#A0B593
#A0B692
#9AB29D
#9AB39C
#9AB39B
#9AB49B
#9AB59A
#9AB599
#9AB698
#93B0A4
#93B1A3
#93B2A2
#93B3A2
#93B4A1
#93B5A0
#93B69F
#8DAFAC
#8DB0AB
#8DB1AA
#8DB2A9
#8DB3A8
#8DB5A6
#8DB6A5
#85ADB6
#85AEB5
#85B0B3
#85B1B2
#85B3B0
#85B4AF
#85B6AD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
