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 #AFBC86 to #AF86BC and to #BCAF86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFB38F
#AFB48E
#B0B58C
#B0B68B
#B0B789
#B1B988
#B1BA86
#AFAB97
#B0AD94
#B0AF92
#B1B18F
#B2B38C
#B2B589
#B3B886
#AFA2A0
#B0A59C
#B1A898
#B2AC94
#B3AF8F
#B4B28B
#B5B686
#AF99A9
#B09DA3
#B2A29E
#B3A698
#B4AA93
#B5AF8D
#B7B486
#AF91B1
#B196AA
#B29CA3
#B4A19C
#B5A695
#B7AB8F
#B9B286
#AF86BC
#B18DB3
#B393AB
#B59AA2
#B7A099
#B9A791
#BCAF86
Colorpallet from #AFBC86 to #AF86BC and to #BC86AF
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFB38F
#AFB38F
#B0B38E
#B0B38E
#B0B38E
#B1B38D
#B1B38D
#AFAB97
#B0AB96
#B0AB96
#B1AB95
#B2AB94
#B2AB94
#B3AB93
#AFA2A0
#B0A29F
#B1A29E
#B2A29D
#B3A29C
#B4A29B
#B5A29A
#AF99A9
#B099A8
#B299A6
#B399A5
#B499A3
#B599A2
#B799A0
#AF91B1
#B191AF
#B291AE
#B491AC
#B591AB
#B791A9
#B991A7
#AF86BC
#B186BA
#B386B8
#B586B6
#B786B4
#B986B2
#BC86AF
Colorpallet from #AFBC86 to #AF86BC and to #86AFBC
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFB38F
#AEB48F
#ADB58F
#ACB68F
#ABB78F
#A9B98F
#A8BA8F
#AFAB97
#ADAD97
#ABAF97
#A9B197
#A7B397
#A5B597
#A2B897
#AFA2A0
#ACA5A0
#A9A8A0
#A5ACA0
#A2AFA0
#9FB2A0
#9BB6A0
#AF99A9
#AB9DA9
#A7A2A9
#A3A6A9
#9EAAA9
#9AAFA9
#95B4A9
#AF91B1
#AA96B1
#A49CB1
#9FA1B1
#9AA6B1
#95ABB1
#8EB2B1
#AF86BC
#A88DBC
#A293BC
#9B9ABC
#95A0BC
#8EA7BC
#86AFBC
Colorpallet from #AFBC86 to #AF86BC and to #86BCAF
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFB38F
#AEB48F
#ADB68E
#ACB78E
#ABB98E
#A9BA8D
#A8BC8D
#AFAB97
#ADAE96
#ABB096
#A9B395
#A7B694
#A5B994
#A2BC93
#AFA2A0
#ACA69F
#A9AA9E
#A5AE9D
#A2B39C
#9FB79B
#9BBC9A
#AF99A9
#AB9FA8
#A7A4A6
#A3AAA5
#9EAFA3
#9AB5A2
#95BCA0
#AF91B1
#AA98AF
#A49FAE
#9FA6AC
#9AADAB
#95B3A9
#8EBCA7
#AF86BC
#A88FBA
#A297B8
#9BA0B6
#95A9B4
#8EB1B2
#86BCAF
Colorpallet from #AFBC86 to #BCAF86 and to #BC86AF
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#B1BA86
#B1B987
#B1B888
#B1B789
#B1B68A
#B1B48C
#B1B38D
#B3B886
#B3B688
#B3B48A
#B3B28C
#B3B08E
#B3AE90
#B3AB93
#B5B686
#B5B389
#B5B08C
#B5AC90
#B5A993
#B5A696
#B5A29A
#B7B486
#B7B08A
#B7AB8E
#B7A792
#B7A397
#B79E9B
#B799A0
#B9B286
#B9AD8B
#B9A791
#B9A296
#B99D9B
#B998A0
#B991A7
#BCAF86
#BCA88D
#BCA293
#BC9B9A
#BC95A0
#BC8EA7
#BC86AF
Colorpallet from #AFBC86 to #BCAF86 and to #86AFBC
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#B1BA86
#B0BA87
#AEBA89
#ADBA8A
#ABBA8C
#AABA8D
#A8BA8F
#B3B886
#B0B889
#AEB88B
#ABB88E
#A8B891
#A5B894
#A2B897
#B5B686
#B1B68A
#ADB68E
#A9B692
#A4B697
#A0B69B
#9BB6A0
#B7B486
#B2B48C
#ACB491
#A7B497
#A1B49C
#9CB4A2
#95B4A9
#B9B286
#B2B28D
#ABB294
#A4B29B
#9DB2A2
#97B2A8
#8EB2B1
#BCAF86
#B3AF8F
#ABAF97
#A2AFA0
#99AFA9
#91AFB1
#86AFBC
Colorpallet from #AFBC86 to #BCAF86 and to #86BCAF
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#B1BA86
#B0BA87
#AEBB88
#ADBB89
#ABBB8A
#AABC8C
#A8BC8D
#B3B886
#B0B988
#AEB98A
#ABBA8C
#A8BB8E
#A5BB90
#A2BC93
#B5B686
#B1B789
#ADB88C
#A9B990
#A4BA93
#A0BB96
#9BBC9A
#B7B486
#B2B58A
#ACB78E
#A7B892
#A1B997
#9CBA9B
#95BCA0
#B9B286
#B2B48B
#ABB591
#A4B796
#9DB89B
#97BAA0
#8EBCA7
#BCAF86
#B3B18D
#ABB393
#A2B59A
#99B7A0
#91B9A7
#86BCAF
Colorpallet from #AFBC86 to #BC86AF and to #86AFBC
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#B1B38D
#B0B48D
#AEB58E
#ADB68E
#ABB78E
#AAB98F
#A8BA8F
#B3AB93
#B0AD94
#AEAF94
#ABB195
#A8B396
#A5B596
#A2B897
#B5A29A
#B1A59B
#ADA89C
#A9AC9D
#A4AF9E
#A0B29F
#9BB6A0
#B799A0
#B29DA1
#ACA2A3
#A7A6A4
#A1AAA6
#9CAFA7
#95B4A9
#B991A7
#B296A9
#AB9CAA
#A4A1AC
#9DA6AD
#97ABAF
#8EB2B1
#BC86AF
#B38DB1
#AB93B3
#A29AB5
#99A0B7
#91A7B9
#86AFBC
Colorpallet from #AFBC86 to #BC86AF and to #86BCAF
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#B1B38D
#B0B48D
#AEB68D
#ADB78D
#ABB98D
#AABA8D
#A8BC8D
#B3AB93
#B0AE93
#AEB093
#ABB393
#A8B693
#A5B993
#A2BC93
#B5A29A
#B1A69A
#ADAA9A
#A9AE9A
#A4B39A
#A0B79A
#9BBC9A
#B799A0
#B29FA0
#ACA4A0
#A7AAA0
#A1AFA0
#9CB5A0
#95BCA0
#B991A7
#B298A7
#AB9FA7
#A4A6A7
#9DADA7
#97B3A7
#8EBCA7
#BC86AF
#B38FAF
#AB97AF
#A2A0AF
#99A9AF
#91B1AF
#86BCAF
Colorpallet from #AFBC86 to #86AFBC and to #86BCAF
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#AFBC86
#A8BA8F
#A8BA8F
#A8BB8E
#A8BB8E
#A8BB8E
#A8BC8D
#A8BC8D
#A2B897
#A2B996
#A2B996
#A2BA95
#A2BB94
#A2BB94
#A2BC93
#9BB6A0
#9BB79F
#9BB89E
#9BB99D
#9BBA9C
#9BBB9B
#9BBC9A
#95B4A9
#95B5A8
#95B7A6
#95B8A5
#95B9A3
#95BAA2
#95BCA0
#8EB2B1
#8EB4AF
#8EB5AE
#8EB7AC
#8EB8AB
#8EBAA9
#8EBCA7
#86AFBC
#86B1BA
#86B3B8
#86B5B6
#86B7B4
#86B9B2
#86BCAF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
