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 #B4778C to #B48C77 and to #77B48C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B47A89
#B27B89
#B17C8A
#AF7D8A
#AE7E8B
#AC808B
#AA818C
#B47E85
#B18086
#AE8287
#AA8488
#A78689
#A4888B
#A08B8C
#B48182
#AF8484
#AB8785
#A68A87
#A18D88
#9D908A
#97948C
#B4847F
#AE8881
#A88C83
#A19085
#9B9587
#959989
#8D9E8C
#B4887B
#AC8D7E
#A49280
#9C9783
#959C86
#8DA289
#83A88C
#B48C77
#AA927A
#A0997E
#979F81
#8DA684
#83AC88
#77B48C
Colorpallet from #B4778C to #B48C77 and to #778CB4
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B47A89
#B27A8A
#B17A8C
#AF7A8D
#AE7A8F
#AC7A90
#AA7A92
#B47E85
#B17E88
#AE7E8B
#AA7E8F
#A77E92
#A47E95
#A07E99
#B48182
#AF8187
#AB818B
#A68190
#A18195
#9D8199
#97819F
#B4847F
#AE8485
#A8848B
#A18492
#9B8498
#95849E
#8D84A6
#B4887B
#AC8883
#A4888B
#9C8893
#95889A
#8D88A2
#8388AC
#B48C77
#AA8C81
#A08C8B
#978C94
#8D8C9E
#838CA8
#778CB4
Colorpallet from #B4778C to #B48C77 and to #8CB477
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B47A89
#B37B89
#B27C89
#B17D89
#B07E89
#AF8089
#AE8189
#B47E85
#B28085
#B08285
#AE8485
#AC8685
#AA8885
#A78B85
#B48182
#B18482
#AE8782
#AB8A82
#A88D82
#A59082
#A19482
#B4847F
#B0887F
#AC8C7F
#A8907F
#A3957F
#9F997F
#9A9E7F
#B4887B
#AF8D7B
#AA927B
#A5977B
#A09C7B
#9AA27B
#94A87B
#B48C77
#AE9277
#A79977
#A19F77
#9AA677
#94AC77
#8CB477
Colorpallet from #B4778C to #B48C77 and to #8C77B4
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B47A89
#B37A8A
#B2798C
#B1798D
#B0788F
#AF7890
#AE7792
#B47E85
#B27D88
#B07C8B
#AE7B8F
#AC7A92
#AA7895
#A77799
#B48182
#B17F87
#AE7E8B
#AB7C90
#A87B95
#A57999
#A1779F
#B4847F
#B08285
#AC808B
#A87E92
#A37C98
#9F7A9E
#9A77A6
#B4887B
#AF8583
#AA838B
#A58093
#A07D9A
#9A7AA2
#9477AC
#B48C77
#AE8981
#A7858B
#A18294
#9A7F9E
#947BA8
#8C77B4
Colorpallet from #B4778C to #77B48C and to #778CB4
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#AA818C
#AA808D
#AA7F8E
#AA7E8F
#AA7D90
#AA7B91
#AA7A92
#A08B8C
#A0898E
#A08790
#A08592
#A08394
#A08196
#A07E99
#97948C
#97918F
#978E92
#978B95
#978898
#97859B
#97819F
#8D9E8C
#8D9A90
#8D9694
#8D9298
#8D8D9D
#8D89A1
#8D84A6
#83A88C
#83A391
#839E96
#83999B
#8394A0
#838EA6
#8388AC
#77B48C
#77AE92
#77A799
#77A19F
#779AA6
#7794AC
#778CB4
Colorpallet from #B4778C to #77B48C and to #8CB477
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#AA818C
#AB818C
#AB818B
#AC818B
#AD818A
#AD818A
#AE8189
#A08B8C
#A18B8B
#A28B8A
#A38B89
#A48B88
#A68B86
#A78B85
#97948C
#99948A
#9A9489
#9C9487
#9D9486
#9F9484
#A19482
#8D9E8C
#8F9E8A
#919E88
#939E86
#959E84
#979E82
#9A9E7F
#83A88C
#86A889
#88A887
#8BA884
#8EA881
#91A87E
#94A87B
#77B48C
#7AB489
#7EB485
#81B482
#84B47F
#88B47B
#8CB477
Colorpallet from #B4778C to #77B48C and to #8C77B4
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#AA818C
#AB7F8D
#AB7E8E
#AC7C8F
#AD7B90
#AD7991
#AE7792
#A08B8C
#A1888E
#A28590
#A38192
#A47E94
#A67B96
#A77799
#97948C
#998F8F
#9A8B92
#9C8695
#9D8198
#9F7D9B
#A1779F
#8D9E8C
#8F9890
#919294
#938B98
#95859D
#977FA1
#9A77A6
#83A88C
#86A091
#889896
#8B909B
#8E89A0
#9181A6
#9477AC
#77B48C
#7AAA92
#7EA099
#81979F
#848DA6
#8883AC
#8C77B4
Colorpallet from #B4778C to #778CB4 and to #8CB477
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#AA7A92
#AB7B91
#AB7C8F
#AC7D8E
#AD7E8C
#AD808B
#AE8189
#A07E99
#A18096
#A28293
#A3848F
#A4868C
#A68889
#A78B85
#97819F
#99849A
#9A8796
#9C8A91
#9D8D8C
#9F9088
#A19482
#8D84A6
#8F88A0
#918C9A
#939093
#95958D
#979987
#9A9E7F
#8388AC
#868DA4
#88929C
#8B9794
#8E9C8D
#91A285
#94A87B
#778CB4
#7A92AA
#7E99A0
#819F97
#84A68D
#88AC83
#8CB477
Colorpallet from #B4778C to #778CB4 and to #8C77B4
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#AA7A92
#AB7A92
#AB7992
#AC7992
#AD7892
#AD7892
#AE7792
#A07E99
#A17D99
#A27C99
#A37B99
#A47A99
#A67899
#A77799
#97819F
#997F9F
#9A7E9F
#9C7C9F
#9D7B9F
#9F799F
#A1779F
#8D84A6
#8F82A6
#9180A6
#937EA6
#957CA6
#977AA6
#9A77A6
#8388AC
#8685AC
#8883AC
#8B80AC
#8E7DAC
#917AAC
#9477AC
#778CB4
#7A89B4
#7E85B4
#8182B4
#847FB4
#887BB4
#8C77B4
Colorpallet from #B4778C to #8CB477 and to #8C77B4
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#B4778C
#AE8189
#AE7F8A
#AE7E8C
#AE7C8D
#AE7B8F
#AE7990
#AE7792
#A78B85
#A78888
#A7858B
#A7818F
#A77E92
#A77B95
#A77799
#A19482
#A18F87
#A18B8B
#A18690
#A18195
#A17D99
#A1779F
#9A9E7F
#9A9885
#9A928B
#9A8B92
#9A8598
#9A7F9E
#9A77A6
#94A87B
#94A083
#94988B
#949093
#94899A
#9481A2
#9477AC
#8CB477
#8CAA81
#8CA08B
#8C9794
#8C8D9E
#8C83A8
#8C77B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
