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 #B9A18D to #B98DA1 and to #A1B98D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B99E90
#B89F90
#B8A08F
#B7A18F
#B6A28E
#B6A48E
#B5A58D
#B99B93
#B89D92
#B69F91
#B5A290
#B4A48F
#B3A68E
#B1A98D
#B99797
#B79B95
#B59E94
#B3A292
#B1A591
#AFA98F
#ADAD8D
#B9949A
#B79898
#B49D96
#B2A194
#AFA692
#ADAA90
#AAB08D
#B9919D
#B6979A
#B39C98
#B0A295
#ADA793
#AAAD90
#A6B48D
#B98DA1
#B5949E
#B19B9B
#ADA297
#AAA994
#A6B091
#A1B98D
Colorpallet from #B9A18D to #B98DA1 and to #A18DB9
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B99E90
#B89E91
#B89E91
#B79E92
#B69E93
#B69E93
#B59E94
#B99B93
#B89B94
#B69B96
#B59B97
#B49B98
#B39B99
#B19B9B
#B99797
#B79799
#B5979B
#B3979C
#B1979E
#AF97A0
#AD97A2
#B9949A
#B7949C
#B4949F
#B294A1
#AF94A4
#AD94A6
#AA94A9
#B9919D
#B691A0
#B391A3
#B091A6
#AD91A9
#AA91AC
#A691B0
#B98DA1
#B58DA5
#B18DA9
#AD8DAD
#AA8DB0
#A68DB4
#A18DB9
Colorpallet from #B9A18D to #B98DA1 and to #8DB9A1
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B99E90
#B89F90
#B7A090
#B6A190
#B5A290
#B3A490
#B2A590
#B99B93
#B79D93
#B59F93
#B2A293
#B0A493
#AEA693
#ABA993
#B99797
#B69B97
#B29E97
#AFA297
#ACA597
#A8A997
#A4AD97
#B9949A
#B5989A
#B09D9A
#ACA19A
#A7A69A
#A3AA9A
#9DB09A
#B9919D
#B3979D
#AE9C9D
#A8A29D
#A3A79D
#9DAD9D
#96B49D
#B98DA1
#B294A1
#AB9BA1
#A4A2A1
#9DA9A1
#96B0A1
#8DB9A1
Colorpallet from #B9A18D to #B98DA1 and to #8DA1B9
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B99E90
#B89E91
#B79F91
#B69F92
#B5A093
#B3A093
#B2A194
#B99B93
#B79C94
#B59D96
#B29E97
#B09F98
#AEA099
#ABA19B
#B99797
#B69999
#B29A9B
#AF9C9C
#AC9D9E
#A89FA0
#A4A1A2
#B9949A
#B5969C
#B0989F
#AC9AA1
#A79CA4
#A39EA6
#9DA1A9
#B9919D
#B394A0
#AE96A3
#A899A6
#A39BA9
#9D9EAC
#96A1B0
#B98DA1
#B290A5
#AB93A9
#A497AD
#9D9AB0
#969DB4
#8DA1B9
Colorpallet from #B9A18D to #A1B98D and to #A18DB9
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B5A58D
#B5A48E
#B5A38F
#B5A290
#B5A191
#B59F93
#B59E94
#B1A98D
#B1A78F
#B1A591
#B1A294
#B1A096
#B19E98
#B19B9B
#ADAD8D
#ADA990
#ADA694
#ADA297
#AD9F9A
#AD9B9E
#AD97A2
#AAB08D
#AAAC91
#AAA796
#AAA39A
#AA9E9F
#AA9AA3
#AA94A9
#A6B48D
#A6AE93
#A6A998
#A6A39E
#A69EA3
#A698A9
#A691B0
#A1B98D
#A1B294
#A1AB9B
#A1A4A2
#A19DA9
#A196B0
#A18DB9
Colorpallet from #B9A18D to #A1B98D and to #8DB9A1
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B5A58D
#B5A58D
#B4A58E
#B4A58E
#B3A58F
#B3A58F
#B2A590
#B1A98D
#B0A98E
#AFA98F
#AEA990
#ADA991
#ACA992
#ABA993
#ADAD8D
#ACAD8F
#AAAD90
#A9AD92
#A7AD93
#A6AD95
#A4AD97
#AAB08D
#A8B08F
#A6B091
#A4B093
#A2B095
#A0B097
#9DB09A
#A6B48D
#A3B490
#A1B492
#9EB495
#9CB497
#99B49A
#96B49D
#A1B98D
#9EB990
#9BB993
#97B997
#94B99A
#91B99D
#8DB9A1
Colorpallet from #B9A18D to #A1B98D and to #8DA1B9
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B5A58D
#B5A48E
#B4A48F
#B4A390
#B3A291
#B3A293
#B2A194
#B1A98D
#B0A88F
#AFA691
#AEA594
#ADA496
#ACA398
#ABA19B
#ADAD8D
#ACAB90
#AAA994
#A9A797
#A7A59A
#A6A39E
#A4A1A2
#AAB08D
#A8AE91
#A6AB96
#A4A99A
#A2A69F
#A0A4A3
#9DA1A9
#A6B48D
#A3B193
#A1AE98
#9EAB9E
#9CA8A3
#99A5A9
#96A1B0
#A1B98D
#9EB594
#9BB19B
#97ADA2
#94AAA9
#91A6B0
#8DA1B9
Colorpallet from #B9A18D to #A18DB9 and to #8DB9A1
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B59E94
#B59F93
#B4A093
#B4A192
#B3A291
#B3A491
#B2A590
#B19B9B
#B09D9A
#AF9F98
#AEA297
#ADA496
#ACA695
#ABA993
#AD97A2
#AC9BA0
#AA9E9E
#A9A29D
#A7A59B
#A6A999
#A4AD97
#AA94A9
#A898A7
#A69DA4
#A4A1A2
#A2A69F
#A0AA9D
#9DB09A
#A691B0
#A397AD
#A19CAA
#9EA2A7
#9CA7A4
#99ADA1
#96B49D
#A18DB9
#9E94B5
#9B9BB1
#97A2AD
#94A9AA
#91B0A6
#8DB9A1
Colorpallet from #B9A18D to #A18DB9 and to #8DA1B9
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B59E94
#B59E94
#B49F94
#B49F94
#B3A094
#B3A094
#B2A194
#B19B9B
#B09C9B
#AF9D9B
#AE9E9B
#AD9F9B
#ACA09B
#ABA19B
#AD97A2
#AC99A2
#AA9AA2
#A99CA2
#A79DA2
#A69FA2
#A4A1A2
#AA94A9
#A896A9
#A698A9
#A49AA9
#A29CA9
#A09EA9
#9DA1A9
#A691B0
#A394B0
#A196B0
#9E99B0
#9C9BB0
#999EB0
#96A1B0
#A18DB9
#9E90B9
#9B93B9
#9797B9
#949AB9
#919DB9
#8DA1B9
Colorpallet from #B9A18D to #8DB9A1 and to #8DA1B9
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B9A18D
#B2A590
#B2A491
#B2A491
#B2A392
#B2A293
#B2A293
#B2A194
#ABA993
#ABA894
#ABA696
#ABA597
#ABA498
#ABA399
#ABA19B
#A4AD97
#A4AB99
#A4A99B
#A4A79C
#A4A59E
#A4A3A0
#A4A1A2
#9DB09A
#9DAE9C
#9DAB9F
#9DA9A1
#9DA6A4
#9DA4A6
#9DA1A9
#96B49D
#96B1A0
#96AEA3
#96ABA6
#96A8A9
#96A5AC
#96A1B0
#8DB9A1
#8DB5A5
#8DB1A9
#8DADAD
#8DAAB0
#8DA6B4
#8DA1B9
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
