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 #B4A682 to #B482A6 and to #A6B482
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A088
#B4A187
#B3A386
#B3A485
#B3A584
#B2A683
#B2A882
#B49A8E
#B39D8C
#B39F8A
#B2A288
#B1A486
#B1A784
#B0AA82
#B49593
#B39990
#B29D8E
#B1A18B
#B0A488
#AEA885
#ADAD82
#B48F99
#B39495
#B19992
#B09E8E
#AEA38A
#ADA987
#ABAF82
#B4899F
#B28F9A
#B09696
#AF9C91
#ADA38C
#ABA988
#A9B182
#B482A6
#B28AA0
#B0929A
#AD9A95
#ABA28F
#A9AA89
#A6B482
Colorpallet from #B4A682 to #B482A6 and to #A682B4
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A088
#B4A088
#B3A089
#B3A089
#B3A089
#B2A08A
#B2A08A
#B49A8E
#B39A8F
#B39A8F
#B29A90
#B19A91
#B19A91
#B09A92
#B49593
#B39594
#B29595
#B19596
#B09597
#AE9599
#AD959A
#B48F99
#B38F9A
#B18F9C
#B08F9D
#AE8F9F
#AD8FA0
#AB8FA2
#B4899F
#B289A1
#B089A3
#AF89A4
#AD89A6
#AB89A8
#A989AA
#B482A6
#B282A8
#B082AA
#AD82AD
#AB82AF
#A982B1
#A682B4
Colorpallet from #B4A682 to #B482A6 and to #82B4A6
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A088
#B3A188
#B1A388
#B0A488
#AFA588
#AEA688
#ACA888
#B49A8E
#B19D8E
#AF9F8E
#ACA28E
#AAA48E
#A7A78E
#A4AA8E
#B49593
#B09993
#AC9D93
#A8A193
#A5A493
#A1A893
#9CAD93
#B48F99
#AF9499
#AA9999
#A59E99
#A0A399
#9AA999
#94AF99
#B4899F
#AE8F9F
#A7969F
#A19C9F
#9AA39F
#94A99F
#8CB19F
#B482A6
#AC8AA6
#A492A6
#9C9AA6
#94A2A6
#8CAAA6
#82B4A6
Colorpallet from #B4A682 to #B482A6 and to #82A6B4
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A088
#B3A188
#B1A289
#B0A389
#AFA489
#AEA58A
#ACA68A
#B49A8E
#B19C8F
#AF9E8F
#ACA090
#AAA291
#A7A491
#A4A692
#B49593
#B09894
#AC9A95
#A89D96
#A5A097
#A1A399
#9CA69A
#B48F99
#AF939A
#AA969C
#A59A9D
#A09E9F
#9AA1A0
#94A6A2
#B4899F
#AE8EA1
#A792A3
#A197A4
#9A9CA6
#94A0A8
#8CA6AA
#B482A6
#AC88A8
#A48EAA
#9C93AD
#9499AF
#8C9FB1
#82A6B4
Colorpallet from #B4A682 to #A6B482 and to #A682B4
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B2A882
#B2A783
#B2A585
#B2A486
#B2A387
#B2A288
#B2A08A
#B0AA82
#B0A785
#B0A587
#B0A28A
#B0A08C
#B09D8F
#B09A92
#ADAD82
#ADA986
#ADA58A
#ADA18E
#AD9E91
#AD9A95
#AD959A
#ABAF82
#ABAA87
#ABA58C
#ABA091
#AB9B96
#AB959C
#AB8FA2
#A9B182
#A9AB88
#A9A48F
#A99E95
#A9979C
#A991A2
#A989AA
#A6B482
#A6AC8A
#A6A492
#A69C9A
#A694A2
#A68CAA
#A682B4
Colorpallet from #B4A682 to #A6B482 and to #82B4A6
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B2A882
#B1A883
#B0A884
#AFA885
#AEA886
#ADA887
#ACA888
#B0AA82
#AEAA84
#ACAA86
#AAAA88
#A8AA8A
#A6AA8C
#A4AA8E
#ADAD82
#AAAD85
#A8AD87
#A5AD8A
#A2AD8D
#9FAD90
#9CAD93
#ABAF82
#A7AF86
#A4AF89
#A0AF8D
#9CAF91
#99AF94
#94AF99
#A9B182
#A4B187
#A0B18B
#9BB190
#96B195
#92B199
#8CB19F
#A6B482
#A0B488
#9AB48E
#95B493
#8FB499
#89B49F
#82B4A6
Colorpallet from #B4A682 to #A6B482 and to #82A6B4
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B2A882
#B1A883
#B0A785
#AFA786
#AEA787
#ADA688
#ACA68A
#B0AA82
#AEA985
#ACA987
#AAA88A
#A8A78C
#A6A78F
#A4A692
#ADAD82
#AAAC86
#A8AB8A
#A5AA8E
#A2A991
#9FA795
#9CA69A
#ABAF82
#A7AE87
#A4AC8C
#A0AB91
#9CA996
#99A89C
#94A6A2
#A9B182
#A4AF88
#A0AD8F
#9BAC95
#96AA9C
#92A8A2
#8CA6AA
#A6B482
#A0B28A
#9AB092
#95AD9A
#8FABA2
#89A9AA
#82A6B4
Colorpallet from #B4A682 to #A682B4 and to #82B4A6
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B2A08A
#B1A18A
#B0A389
#AFA489
#AEA589
#ADA688
#ACA888
#B09A92
#AE9D91
#AC9F91
#AAA290
#A8A48F
#A6A78F
#A4AA8E
#AD959A
#AA9999
#A89D98
#A5A197
#A2A496
#9FA894
#9CAD93
#AB8FA2
#A794A1
#A4999F
#A09E9E
#9CA39C
#99A99B
#94AF99
#A989AA
#A48FA8
#A096A6
#9B9CA5
#96A3A3
#92A9A1
#8CB19F
#A682B4
#A08AB2
#9A92B0
#959AAD
#8FA2AB
#89AAA9
#82B4A6
Colorpallet from #B4A682 to #A682B4 and to #82A6B4
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B2A08A
#B1A18A
#B0A28A
#AFA38A
#AEA48A
#ADA58A
#ACA68A
#B09A92
#AE9C92
#AC9E92
#AAA092
#A8A292
#A6A492
#A4A692
#AD959A
#AA989A
#A89A9A
#A59D9A
#A2A09A
#9FA39A
#9CA69A
#AB8FA2
#A793A2
#A496A2
#A09AA2
#9C9EA2
#99A1A2
#94A6A2
#A989AA
#A48EAA
#A092AA
#9B97AA
#969CAA
#92A0AA
#8CA6AA
#A682B4
#A088B4
#9A8EB4
#9593B4
#8F99B4
#899FB4
#82A6B4
Colorpallet from #B4A682 to #82B4A6 and to #82A6B4
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#B4A682
#ACA888
#ACA888
#ACA789
#ACA789
#ACA789
#ACA68A
#ACA68A
#A4AA8E
#A4A98F
#A4A98F
#A4A890
#A4A791
#A4A791
#A4A692
#9CAD93
#9CAC94
#9CAB95
#9CAA96
#9CA997
#9CA799
#9CA69A
#94AF99
#94AE9A
#94AC9C
#94AB9D
#94A99F
#94A8A0
#94A6A2
#8CB19F
#8CAFA1
#8CADA3
#8CACA4
#8CAAA6
#8CA8A8
#8CA6AA
#82B4A6
#82B2A8
#82B0AA
#82ADAD
#82ABAF
#82A9B1
#82A6B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
