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 #AFA480 to #AF80A4 and to #A4AF80
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AF9E86
#AF9F85
#AEA184
#AEA283
#AEA382
#ADA481
#ADA680
#AF988C
#AE9B8A
#AE9D88
#ADA086
#ACA284
#ACA582
#ABA880
#AF9391
#AE978E
#AD9A8C
#AD9E89
#ACA186
#ABA583
#AAA980
#AF8D97
#AE9293
#AD9790
#AC9B8C
#ABA088
#A9A585
#A8AB80
#AF879D
#AE8D98
#AC9394
#AB998F
#A99F8A
#A8A586
#A6AD80
#AF80A4
#AD889E
#AB8F98
#AA9793
#A89E8D
#A6A687
#A4AF80
Colorpallet from #AFA480 to #AF80A4 and to #A480AF
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AF9E86
#AF9E86
#AE9E87
#AE9E87
#AE9E87
#AD9E88
#AD9E88
#AF988C
#AE988C
#AE988D
#AD988D
#AC988E
#AC988E
#AB988F
#AF9391
#AE9392
#AD9393
#AD9394
#AC9395
#AB9396
#AA9397
#AF8D97
#AE8D98
#AD8D99
#AC8D9A
#AB8D9B
#A98D9D
#A88D9E
#AF879D
#AE879E
#AC87A0
#AB87A1
#A987A3
#A887A4
#A687A6
#AF80A4
#AD80A6
#AB80A8
#AA80A9
#A880AB
#A680AD
#A480AF
Colorpallet from #AFA480 to #AF80A4 and to #80AFA4
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AF9E86
#AE9F86
#ACA186
#ABA286
#AAA386
#A9A486
#A7A686
#AF988C
#AD9B8C
#AA9D8C
#A8A08C
#A5A28C
#A3A58C
#A0A88C
#AF9391
#AB9791
#A89A91
#A49E91
#A0A191
#9DA591
#98A991
#AF8D97
#AA9297
#A59797
#A19B97
#9CA097
#97A597
#91AB97
#AF879D
#A98D9D
#A3939D
#9D999D
#979F9D
#91A59D
#89AD9D
#AF80A4
#A788A4
#A08FA4
#9897A4
#919EA4
#89A6A4
#80AFA4
Colorpallet from #AFA480 to #AF80A4 and to #80A4AF
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AF9E86
#AE9F86
#ACA087
#ABA187
#AAA287
#A9A388
#A7A488
#AF988C
#AD9A8C
#AA9C8D
#A89E8D
#A5A08E
#A3A28E
#A0A48F
#AF9391
#AB9692
#A89893
#A49B94
#A09E95
#9DA196
#98A497
#AF8D97
#AA9198
#A59499
#A1989A
#9C9C9B
#979F9D
#91A49E
#AF879D
#A98C9E
#A390A0
#9D95A1
#979AA3
#919EA4
#89A4A6
#AF80A4
#A786A6
#A08CA8
#9891A9
#9197AB
#899DAD
#80A4AF
Colorpallet from #AFA480 to #A4AF80 and to #A480AF
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#ADA680
#ADA581
#ADA383
#ADA284
#ADA185
#ADA086
#AD9E88
#ABA880
#ABA582
#ABA385
#ABA087
#AB9E8A
#AB9B8C
#AB988F
#AAA980
#AAA584
#AAA287
#AA9E8B
#AA9B8F
#AA9792
#AA9397
#A8AB80
#A8A685
#A8A18A
#A89D8E
#A89893
#A89398
#A88D9E
#A6AD80
#A6A786
#A6A18C
#A69B92
#A69598
#A68F9E
#A687A6
#A4AF80
#A4A788
#A4A08F
#A49897
#A4919E
#A489A6
#A480AF
Colorpallet from #AFA480 to #A4AF80 and to #80AFA4
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#ADA680
#ACA681
#ABA682
#AAA683
#A9A684
#A8A685
#A7A686
#ABA880
#A9A882
#A7A884
#A6A886
#A4A888
#A2A88A
#A0A88C
#AAA980
#A7A983
#A4A985
#A1A988
#9EA98B
#9CA98E
#98A991
#A8AB80
#A4AB84
#A1AB87
#9DAB8B
#99AB8F
#96AB92
#91AB97
#A6AD80
#A1AD85
#9DAD89
#98AD8E
#93AD93
#8FAD97
#89AD9D
#A4AF80
#9EAF86
#98AF8C
#93AF91
#8DAF97
#87AF9D
#80AFA4
Colorpallet from #AFA480 to #A4AF80 and to #80A4AF
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#ADA680
#ACA681
#ABA583
#AAA584
#A9A585
#A8A486
#A7A488
#ABA880
#A9A782
#A7A785
#A6A687
#A4A58A
#A2A58C
#A0A48F
#AAA980
#A7A884
#A4A787
#A1A78B
#9EA68F
#9CA592
#98A497
#A8AB80
#A4AA85
#A1A98A
#9DA88E
#99A793
#96A598
#91A49E
#A6AD80
#A1AC86
#9DAA8C
#98A992
#93A798
#8FA69E
#89A4A6
#A4AF80
#9EAD88
#98AB8F
#93AA97
#8DA89E
#87A6A6
#80A4AF
Colorpallet from #AFA480 to #A480AF and to #80AFA4
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AD9E88
#AC9F88
#ABA187
#AAA287
#A9A387
#A8A486
#A7A686
#AB988F
#A99B8F
#A79D8E
#A6A08E
#A4A28D
#A2A58D
#A0A88C
#AA9397
#A79796
#A49A95
#A19E94
#9EA193
#9CA592
#98A991
#A88D9E
#A4929D
#A1979C
#9D9B9B
#99A09A
#96A598
#91AB97
#A687A6
#A18DA5
#9D93A3
#9899A2
#939FA0
#8FA59F
#89AD9D
#A480AF
#9E88AD
#988FAB
#9397AA
#8D9EA8
#87A6A6
#80AFA4
Colorpallet from #AFA480 to #A480AF and to #80A4AF
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AD9E88
#AC9F88
#ABA088
#AAA188
#A9A288
#A8A388
#A7A488
#AB988F
#A99A8F
#A79C8F
#A69E8F
#A4A08F
#A2A28F
#A0A48F
#AA9397
#A79697
#A49897
#A19B97
#9E9E97
#9CA197
#98A497
#A88D9E
#A4919E
#A1949E
#9D989E
#999C9E
#969F9E
#91A49E
#A687A6
#A18CA6
#9D90A6
#9895A6
#939AA6
#8F9EA6
#89A4A6
#A480AF
#9E86AF
#988CAF
#9391AF
#8D97AF
#879DAF
#80A4AF
Colorpallet from #AFA480 to #80AFA4 and to #80A4AF
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#AFA480
#A7A686
#A7A686
#A7A587
#A7A587
#A7A587
#A7A488
#A7A488
#A0A88C
#A0A78C
#A0A78D
#A0A68D
#A0A58E
#A0A58E
#A0A48F
#98A991
#98A892
#98A793
#98A794
#98A695
#98A596
#98A497
#91AB97
#91AA98
#91A999
#91A89A
#91A79B
#91A59D
#91A49E
#89AD9D
#89AC9E
#89AAA0
#89A9A1
#89A7A3
#89A6A4
#89A4A6
#80AFA4
#80ADA6
#80ABA8
#80AAA9
#80A8AB
#80A6AD
#80A4AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
