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 #AFC878 to #AF78C8 and to #C8AF78
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFBB85
#B0BC83
#B0BE81
#B1BF7F
#B2C17D
#B2C27B
#B3C478
#AFAE92
#B0B18E
#B2B48A
#B3B786
#B4BA81
#B5BC7D
#B7C078
#AFA29E
#B1A698
#B3AA92
#B5AE8C
#B7B386
#B9B780
#BBBC78
#AF95AB
#B29BA3
#B4A09B
#B7A693
#B9AB8A
#BCB182
#BFB878
#AF88B8
#B28FAE
#B596A4
#B99D99
#BCA48F
#BFAB85
#C3B478
#AF78C8
#B381BB
#B78AAE
#BB92A2
#BF9B95
#C3A488
#C8AF78
Colorpallet from #AFC878 to #AF78C8 and to #C878AF
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFBB85
#B0BB84
#B0BB84
#B1BB83
#B2BB82
#B2BB82
#B3BB81
#AFAE92
#B0AE91
#B2AE8F
#B3AE8E
#B4AE8D
#B5AE8C
#B7AE8A
#AFA29E
#B1A29C
#B3A29A
#B5A298
#B7A296
#B9A294
#BBA292
#AF95AB
#B295A8
#B495A6
#B795A3
#B995A1
#BC959E
#BF959B
#AF88B8
#B288B5
#B588B2
#B988AE
#BC88AB
#BF88A8
#C388A4
#AF78C8
#B378C4
#B778C0
#BB78BC
#BF78B8
#C378B4
#C878AF
Colorpallet from #AFC878 to #AF78C8 and to #78AFC8
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFBB85
#AEBC85
#ACBE85
#ABBF85
#A9C185
#A8C285
#A6C485
#AFAE92
#ACB192
#A9B492
#A6B792
#A3BA92
#A1BC92
#9DC092
#AFA29E
#ABA69E
#A7AA9E
#A3AE9E
#9EB39E
#9AB79E
#95BC9E
#AF95AB
#A99BAB
#A4A0AB
#9EA6AB
#99ABAB
#93B1AB
#8CB8AB
#AF88B8
#A88FB8
#A196B8
#9A9DB8
#93A4B8
#8CABB8
#83B4B8
#AF78C8
#A681C8
#9D8AC8
#9592C8
#8C9BC8
#83A4C8
#78AFC8
Colorpallet from #AFC878 to #AF78C8 and to #78C8AF
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFBB85
#AEBD84
#ACBF84
#ABC183
#A9C382
#A8C582
#A6C881
#AFAE92
#ACB291
#A9B68F
#A6BA8E
#A3BF8D
#A1C38C
#9DC88A
#AFA29E
#ABA89C
#A7AE9A
#A3B498
#9EBA96
#9AC094
#95C892
#AF95AB
#A99DA8
#A4A5A6
#9EADA3
#99B6A1
#93BE9E
#8CC89B
#AF88B8
#A892B5
#A19CB2
#9AA7AE
#93B1AB
#8CBBA8
#83C8A4
#AF78C8
#A685C4
#9D92C0
#959EBC
#8CABB8
#83B8B4
#78C8AF
Colorpallet from #AFC878 to #C8AF78 and to #C878AF
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#B3C478
#B3C379
#B3C17B
#B3C07C
#B3BE7E
#B3BD7F
#B3BB81
#B7C078
#B7BD7B
#B7BA7E
#B7B781
#B7B484
#B7B286
#B7AE8A
#BBBC78
#BBB87C
#BBB480
#BBB084
#BBAB89
#BBA78D
#BBA292
#BFB878
#BFB27E
#BFAD83
#BFA789
#BFA28E
#BF9C94
#BF959B
#C3B478
#C3AD7F
#C3A686
#C39F8D
#C39894
#C3919B
#C388A4
#C8AF78
#C8A681
#C89D8A
#C89592
#C88C9B
#C883A4
#C878AF
Colorpallet from #AFC878 to #C8AF78 and to #78AFC8
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#B3C478
#B1C47A
#AFC47C
#ADC47E
#ABC480
#A9C482
#A6C485
#B7C078
#B3C07C
#AFC080
#ABC084
#A6C089
#A2C08D
#9DC092
#BBBC78
#B5BC7E
#AFBC84
#A9BC8A
#A3BC90
#9DBC96
#95BC9E
#BFB878
#B7B880
#AFB888
#A7B890
#9EB899
#96B8A1
#8CB8AB
#C3B478
#B9B482
#AFB48C
#A4B497
#9AB4A1
#90B4AB
#83B4B8
#C8AF78
#BBAF85
#AEAF92
#A2AF9E
#95AFAB
#88AFB8
#78AFC8
Colorpallet from #AFC878 to #C8AF78 and to #78C8AF
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#B3C478
#B1C579
#AFC57B
#ADC67C
#ABC77E
#A9C77F
#A6C881
#B7C078
#B3C17B
#AFC37E
#ABC481
#A6C584
#A2C686
#9DC88A
#BBBC78
#B5BE7C
#AFC080
#A9C284
#A3C489
#9DC68D
#95C892
#BFB878
#B7BB7E
#AFBD83
#A7C089
#9EC28E
#96C594
#8CC89B
#C3B478
#B9B77F
#AFBA86
#A4BE8D
#9AC194
#90C49B
#83C8A4
#C8AF78
#BBB381
#AEB78A
#A2BB92
#95BF9B
#88C3A4
#78C8AF
Colorpallet from #AFC878 to #C878AF and to #78AFC8
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#B3BB81
#B1BC82
#AFBE82
#ADBF83
#ABC184
#A9C284
#A6C485
#B7AE8A
#B3B18B
#AFB48D
#ABB78E
#A6BA8F
#A2BC90
#9DC092
#BBA292
#B5A694
#AFAA96
#A9AE98
#A3B39A
#9DB79C
#95BC9E
#BF959B
#B79B9E
#AFA0A0
#A7A6A3
#9EABA5
#96B1A8
#8CB8AB
#C388A4
#B98FA7
#AF96AA
#A49DAE
#9AA4B1
#90ABB4
#83B4B8
#C878AF
#BB81B3
#AE8AB7
#A292BB
#959BBF
#88A4C3
#78AFC8
Colorpallet from #AFC878 to #C878AF and to #78C8AF
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#B3BB81
#B1BD81
#AFBF81
#ADC181
#ABC381
#A9C581
#A6C881
#B7AE8A
#B3B28A
#AFB68A
#ABBA8A
#A6BF8A
#A2C38A
#9DC88A
#BBA292
#B5A892
#AFAE92
#A9B492
#A3BA92
#9DC092
#95C892
#BF959B
#B79D9B
#AFA59B
#A7AD9B
#9EB69B
#96BE9B
#8CC89B
#C388A4
#B992A4
#AF9CA4
#A4A7A4
#9AB1A4
#90BBA4
#83C8A4
#C878AF
#BB85AF
#AE92AF
#A29EAF
#95ABAF
#88B8AF
#78C8AF
Colorpallet from #AFC878 to #78AFC8 and to #78C8AF
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#AFC878
#A6C485
#A6C584
#A6C584
#A6C683
#A6C782
#A6C782
#A6C881
#9DC092
#9DC191
#9DC38F
#9DC48E
#9DC58D
#9DC68C
#9DC88A
#95BC9E
#95BE9C
#95C09A
#95C298
#95C496
#95C694
#95C892
#8CB8AB
#8CBBA8
#8CBDA6
#8CC0A3
#8CC2A1
#8CC59E
#8CC89B
#83B4B8
#83B7B5
#83BAB2
#83BEAE
#83C1AB
#83C4A8
#83C8A4
#78AFC8
#78B3C4
#78B7C0
#78BBBC
#78BFB8
#78C3B4
#78C8AF
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
