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 #B1B77B to #B17BB7 and to #B7B17B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1AD85
#B1AE83
#B1B082
#B1B180
#B2B37F
#B2B47D
#B2B67B
#B1A48E
#B1A78B
#B2A988
#B2AC85
#B2AF82
#B3B27F
#B3B57B
#B19A98
#B19E93
#B2A28F
#B2A68A
#B3AB85
#B3AF81
#B4B47B
#B191A1
#B2969B
#B29C95
#B3A18F
#B4A789
#B4AC83
#B5B37B
#B187AB
#B28EA3
#B3959C
#B39C94
#B4A38C
#B5A985
#B6B27B
#B17BB7
#B284AD
#B38CA4
#B4959A
#B59E91
#B6A687
#B7B17B
Colorpallet from #B1B77B to #B17BB7 and to #B77BB1
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1AD85
#B1AD85
#B1AD85
#B1AD85
#B2AD84
#B2AD84
#B2AD84
#B1A48E
#B1A48E
#B2A48D
#B2A48D
#B2A48D
#B3A48C
#B3A48C
#B19A98
#B19A98
#B29A97
#B29A97
#B39A96
#B39A96
#B49A95
#B191A1
#B291A1
#B291A0
#B391A0
#B4919F
#B4919F
#B5919E
#B187AB
#B287AA
#B387A9
#B387A9
#B487A8
#B587A7
#B687A6
#B17BB7
#B27BB6
#B37BB5
#B47BB4
#B57BB3
#B67BB2
#B77BB1
Colorpallet from #B1B77B to #B17BB7 and to #7BB1B7
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1AD85
#B0AE85
#AEB085
#ADB185
#ABB385
#AAB485
#A8B685
#B1A48E
#AEA78E
#ACA98E
#A9AC8E
#A6AF8E
#A3B28E
#A0B58E
#B19A98
#AD9E98
#A9A298
#A5A698
#A0AB98
#9CAF98
#97B498
#B191A1
#AB96A1
#A69CA1
#A0A1A1
#9BA7A1
#95ACA1
#8EB3A1
#B187AB
#AA8EAB
#A395AB
#9C9CAB
#95A3AB
#8FA9AB
#86B2AB
#B17BB7
#A884B7
#A08CB7
#9795B7
#8E9EB7
#86A6B7
#7BB1B7
Colorpallet from #B1B77B to #B17BB7 and to #7BB7B1
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1AD85
#B0AF85
#AEB085
#ADB285
#ABB384
#AAB584
#A8B784
#B1A48E
#AEA78E
#ACAA8D
#A9AD8D
#A6B08D
#A3B38C
#A0B78C
#B19A98
#AD9F98
#A9A397
#A5A897
#A0AD96
#9CB196
#97B795
#B191A1
#AB97A1
#A69DA0
#A0A3A0
#9BA99F
#95AF9F
#8EB79E
#B187AB
#AA8FAA
#A396A9
#9C9EA9
#95A6A8
#8FADA7
#86B7A6
#B17BB7
#A885B6
#A08EB5
#9798B4
#8EA1B3
#86ABB2
#7BB7B1
Colorpallet from #B1B77B to #B7B17B and to #B77BB1
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B2B67B
#B2B57C
#B2B37E
#B2B27F
#B2B081
#B2AF82
#B2AD84
#B3B57B
#B3B27E
#B3B080
#B3AD83
#B3AA86
#B3A789
#B3A48C
#B4B47B
#B4B07F
#B4AC83
#B4A887
#B4A38C
#B49F90
#B49A95
#B5B37B
#B5AE81
#B5A886
#B5A38C
#B59D91
#B59897
#B5919E
#B6B27B
#B6AB82
#B6A489
#B69D90
#B69697
#B6909D
#B687A6
#B7B17B
#B7A884
#B7A08C
#B79795
#B78E9E
#B786A6
#B77BB1
Colorpallet from #B1B77B to #B7B17B and to #7BB1B7
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B2B67B
#B0B67D
#AFB67E
#ADB680
#ACB681
#AAB683
#A8B685
#B3B57B
#B0B57E
#ADB581
#AAB584
#A7B587
#A4B58A
#A0B58E
#B4B47B
#AFB480
#ABB484
#A6B489
#A1B48E
#9DB492
#97B498
#B5B37B
#AFB381
#A9B387
#A2B38D
#9CB393
#96B399
#8EB3A1
#B6B27B
#AEB283
#A7B28A
#9FB292
#97B29A
#90B2A1
#86B2AB
#B7B17B
#ADB185
#A4B18E
#9AB198
#91B1A1
#87B1AB
#7BB1B7
Colorpallet from #B1B77B to #B7B17B and to #7BB7B1
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B2B67B
#B0B67C
#AFB67E
#ADB67F
#ACB781
#AAB782
#A8B784
#B3B57B
#B0B57E
#ADB680
#AAB683
#A7B686
#A4B789
#A0B78C
#B4B47B
#AFB47F
#ABB583
#A6B587
#A1B68C
#9DB690
#97B795
#B5B37B
#AFB481
#A9B486
#A2B58C
#9CB691
#96B697
#8EB79E
#B6B27B
#AEB382
#A7B489
#9FB490
#97B597
#90B69D
#86B7A6
#B7B17B
#ADB284
#A4B38C
#9AB495
#91B59E
#87B6A6
#7BB7B1
Colorpallet from #B1B77B to #B77BB1 and to #7BB1B7
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B2AD84
#B0AE84
#AFB084
#ADB184
#ACB385
#AAB485
#A8B685
#B3A48C
#B0A78C
#ADA98D
#AAAC8D
#A7AF8D
#A4B28E
#A0B58E
#B49A95
#AF9E95
#ABA296
#A6A696
#A1AB97
#9DAF97
#97B498
#B5919E
#AF969E
#A99C9F
#A2A19F
#9CA7A0
#96ACA0
#8EB3A1
#B687A6
#AE8EA7
#A795A8
#9F9CA8
#97A3A9
#90A9AA
#86B2AB
#B77BB1
#AD84B2
#A48CB3
#9A95B4
#919EB5
#87A6B6
#7BB1B7
Colorpallet from #B1B77B to #B77BB1 and to #7BB7B1
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B2AD84
#B0AF84
#AFB084
#ADB284
#ACB384
#AAB584
#A8B784
#B3A48C
#B0A78C
#ADAA8C
#AAAD8C
#A7B08C
#A4B38C
#A0B78C
#B49A95
#AF9F95
#ABA395
#A6A895
#A1AD95
#9DB195
#97B795
#B5919E
#AF979E
#A99D9E
#A2A39E
#9CA99E
#96AF9E
#8EB79E
#B687A6
#AE8FA6
#A796A6
#9F9EA6
#97A6A6
#90ADA6
#86B7A6
#B77BB1
#AD85B1
#A48EB1
#9A98B1
#91A1B1
#87ABB1
#7BB7B1
Colorpallet from #B1B77B to #7BB1B7 and to #7BB7B1
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#B1B77B
#A8B685
#A8B685
#A8B685
#A8B685
#A8B784
#A8B784
#A8B784
#A0B58E
#A0B58E
#A0B68D
#A0B68D
#A0B68D
#A0B78C
#A0B78C
#97B498
#97B498
#97B597
#97B597
#97B696
#97B696
#97B795
#8EB3A1
#8EB4A1
#8EB4A0
#8EB5A0
#8EB69F
#8EB69F
#8EB79E
#86B2AB
#86B3AA
#86B4A9
#86B4A9
#86B5A8
#86B6A7
#86B7A6
#7BB1B7
#7BB2B6
#7BB3B5
#7BB4B4
#7BB5B3
#7BB6B2
#7BB7B1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
