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 #B4B470 to #B470B4 and to #4BB470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4A97B
#B1AB79
#AFAD77
#ACAE76
#A9B074
#A6B272
#A3B470
#B49E86
#AFA282
#A9A57F
#A4A97B
#9EAC78
#99B074
#92B470
#B49391
#AC988C
#A49E86
#9CA381
#94A87C
#8CAD77
#82B470
#B4889C
#A98F95
#9F968E
#949D87
#89A480
#7EAB79
#71B470
#B47EA6
#A7879D
#998F95
#8C988C
#7EA183
#71A97B
#60B470
#B470B4
#A37BA9
#92869E
#829193
#719C88
#60A67E
#4BB470
Colorpallet from #B4B470 to #B470B4 and to #B470B4
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4A97B
#B4A97B
#B4A97B
#B4A97B
#B4A97B
#B4A97B
#B4A97B
#B49E86
#B49E86
#B49E86
#B49E86
#B49E86
#B49E86
#B49E86
#B49391
#B49391
#B49391
#B49391
#B49391
#B49391
#B49391
#B4889C
#B4889C
#B4889C
#B4889C
#B4889C
#B4889C
#B4889C
#B47EA6
#B47EA6
#B47EA6
#B47EA6
#B47EA6
#B47EA6
#B47EA6
#B470B4
#B470B4
#B470B4
#B470B4
#B470B4
#B470B4
#B470B4
Colorpallet from #B4B470 to #B470B4 and to #70B4B4
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4A97B
#B2AB7B
#B0AD7B
#AFAE7B
#ADB07B
#ABB27B
#A9B47B
#B49E86
#B0A286
#ADA586
#A9A986
#A6AC86
#A2B086
#9EB486
#B49391
#AF9891
#A99E91
#A4A391
#9FA891
#9AAD91
#93B491
#B4889C
#AD8F9C
#A6969C
#9F9D9C
#98A49C
#91AB9C
#88B49C
#B47EA6
#AB87A6
#A38FA6
#9A98A6
#91A1A6
#89A9A6
#7EB4A6
#B470B4
#A97BB4
#9E86B4
#9391B4
#889CB4
#7EA6B4
#70B4B4
Colorpallet from #B4B470 to #B470B4 and to #8FB4B4
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4A97B
#B3AB7B
#B2AD7B
#B1AE7B
#B0B07B
#AFB27B
#AEB47B
#B49E86
#B2A286
#B0A586
#AEA986
#ACAC86
#AAB086
#A8B486
#B49391
#B19891
#AE9E91
#ABA391
#A8A891
#A6AD91
#A2B491
#B4889C
#B08F9C
#AC969C
#A89D9C
#A5A49C
#A1AB9C
#9CB49C
#B47EA6
#AF87A6
#AA8FA6
#A698A6
#A1A1A6
#9CA9A6
#96B4A6
#B470B4
#AE7BB4
#A886B4
#A291B4
#9C9CB4
#96A6B4
#8FB4B4
Colorpallet from #B4B470 to #4BB470 and to #B470B4
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#A3B470
#A6B272
#A8B074
#ABAF75
#AEAD77
#B1AB79
#B4A97B
#92B470
#97B074
#9DAD77
#A2A97B
#A8A67E
#ADA282
#B49E86
#82B470
#8AAF75
#92A97B
#9AA480
#A29F85
#AA9A8A
#B49391
#71B470
#7CAD77
#86A67E
#919F85
#9C988C
#A79193
#B4889C
#60B470
#6DAB79
#7BA381
#889A8A
#969193
#A3899B
#B47EA6
#4BB470
#5CA97B
#6D9E86
#7D9391
#8E889C
#9F7EA6
#B470B4
Colorpallet from #B4B470 to #4BB470 and to #70B4B4
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#A3B470
#A4B472
#A5B474
#A6B475
#A7B477
#A8B479
#A9B47B
#92B470
#94B474
#96B477
#98B47B
#9AB47E
#9CB482
#9EB486
#82B470
#85B475
#87B47B
#8AB480
#8DB485
#90B48A
#93B491
#71B470
#75B477
#78B47E
#7CB485
#80B48C
#83B493
#88B49C
#60B470
#65B479
#6AB481
#6EB48A
#73B493
#78B49B
#7EB4A6
#4BB470
#51B47B
#57B486
#5DB491
#63B49C
#69B4A6
#70B4B4
Colorpallet from #B4B470 to #4BB470 and to #8FB4B4
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#A3B470
#A5B472
#A7B474
#A8B475
#AAB477
#ACB479
#AEB47B
#92B470
#96B474
#99B477
#9DB47B
#A0B47E
#A4B482
#A8B486
#82B470
#87B475
#8CB47B
#91B480
#96B485
#9CB48A
#A2B491
#71B470
#78B477
#7FB47E
#86B485
#8DB48C
#93B493
#9CB49C
#60B470
#69B479
#71B481
#7AB48A
#83B493
#8BB49B
#96B4A6
#4BB470
#56B47B
#61B486
#6CB491
#77B49C
#81B4A6
#8FB4B4
Colorpallet from #B4B470 to #70B4B4 and to #8FB4B4
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#B4B470
#A9B47B
#AAB47B
#ABB47B
#ABB47B
#ACB47B
#ADB47B
#AEB47B
#9EB486
#A0B486
#A1B486
#A3B486
#A4B486
#A6B486
#A8B486
#93B491
#95B491
#98B491
#9AB491
#9DB491
#9FB491
#A2B491
#88B49C
#8BB49C
#8EB49C
#92B49C
#95B49C
#98B49C
#9CB49C
#7EB4A6
#82B4A6
#86B4A6
#8AB4A6
#8DB4A6
#91B4A6
#96B4A6
#70B4B4
#75B4B4
#7AB4B4
#7FB4B4
#84B4B4
#89B4B4
#8FB4B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
